/* Folanja v1.22.73 — DESKTOP theme-toggle visibility/polish only.
   Mobile header controls are intentionally untouched. */

@media (min-width:821px){
  .site-header .theme-toggle{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(105,63,135,.16)!important;
    border-radius:14px!important;
    background:
      radial-gradient(circle at 30% 25%,rgba(255,255,255,.94),rgba(255,255,255,.70) 58%,rgba(151,81,232,.045))!important;
    box-shadow:
      0 9px 24px rgba(76,43,100,.08),
      inset 0 1px 0 rgba(255,255,255,.72)!important;
    color:#6f3d8d!important;
    isolation:isolate!important;
  }

  .site-header .theme-toggle::before{
    content:""!important;
    position:absolute!important;
    inset:5px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(151,81,232,.07),rgba(217,130,41,.08))!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  .site-header .theme-toggle .sun,
  .site-header .theme-toggle .moon{
    position:relative!important;
    z-index:2!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    color:inherit!important;
  }

  .site-header .theme-toggle .sun{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    color:#d98121!important;
    filter:drop-shadow(0 3px 8px rgba(217,129,33,.16))!important;
  }
  .site-header .theme-toggle .moon{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  .site-header .theme-toggle .ui-ico{
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    visibility:visible!important;
    opacity:1!important;
    stroke:currentColor!important;
    color:inherit!important;
  }

  html[data-theme="dark"] .site-header .theme-toggle{
    border-color:rgba(224,197,238,.15)!important;
    background:
      radial-gradient(circle at 32% 24%,rgba(255,255,255,.055),rgba(31,22,38,.90) 62%,rgba(151,81,232,.10))!important;
    box-shadow:
      0 10px 25px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.045)!important;
    color:#eadcf4!important;
  }

  html[data-theme="dark"] .site-header .theme-toggle::before{
    background:linear-gradient(135deg,rgba(151,81,232,.15),rgba(126,86,180,.08))!important;
  }

  html[data-theme="dark"] .site-header .theme-toggle .sun{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  html[data-theme="dark"] .site-header .theme-toggle .moon{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    color:#f2d889!important;
    filter:drop-shadow(0 3px 9px rgba(242,216,137,.18))!important;
  }

  .site-header .theme-toggle:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(151,81,232,.28)!important;
    box-shadow:
      0 13px 30px rgba(76,43,100,.12),
      inset 0 1px 0 rgba(255,255,255,.76)!important;
  }
}