/* ========================================================================== 
 * FANOTA — Marka ve Özel Tema Katmanı (Tur 50)
 * --------------------------------------------------------------------------
 * site_settings.design içindeki tipografi, bileşen ve marka tercihlerini
 * public sayfalara uygular. Tema seçilmediğinde mevcut tasarım korunur.
 * ========================================================================== */
:root{
  --fan-font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fan-font-heading:var(--fan-font-body);
  --fan-line-height:1.65;
  --fan-brand-logo-width:150px;
  --fan-brand-mobile-logo-width:46px;
}
body.fanota-brand-active{font-family:var(--fan-font-body);line-height:var(--fan-line-height)}
body.fanota-brand-active h1,
body.fanota-brand-active h2,
body.fanota-brand-active h3,
body.fanota-brand-active h4,
body.fanota-brand-active h5,
body.fanota-brand-active h6{font-family:var(--fan-font-heading)}
body.fanota-brand-active header img[data-fanota-brand-logo="true"],
body.fanota-brand-active .fgl-sticky-header img[data-fanota-brand-logo="true"]{
  width:var(--fan-brand-logo-width)!important;
  max-width:min(var(--fan-brand-logo-width),48vw)!important;
  height:auto!important;
  max-height:64px!important;
  object-fit:contain!important;
  filter:none!important;
}
body.fanota-brand-active header img[data-fanota-brand-mark="true"]{
  width:var(--fan-brand-mobile-logo-width)!important;
  max-width:var(--fan-brand-mobile-logo-width)!important;
  height:var(--fan-brand-mobile-logo-width)!important;
  max-height:var(--fan-brand-mobile-logo-width)!important;
  object-fit:contain!important;
  filter:none!important;
}
body.fanota-font-sans{--fan-font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.fanota-font-serif{--fan-font-body:"Cormorant Garamond",Georgia,"Times New Roman",serif}
body.fanota-font-mono{--fan-font-body:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.fanota-heading-sans{--fan-font-heading:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.fanota-heading-serif{--fan-font-heading:"Cormorant Garamond",Georgia,"Times New Roman",serif}
body.fanota-heading-mono{--fan-font-heading:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

body.fanota-buttons-square .btn,
body.fanota-buttons-square button{border-radius:0!important}
body.fanota-buttons-soft .btn,
body.fanota-buttons-soft button{border-radius:12px!important}
body.fanota-buttons-pill .btn,
body.fanota-buttons-pill button{border-radius:999px!important}

body.fanota-cards-flat .card,
body.fanota-cards-flat .panel{box-shadow:none!important}
body.fanota-cards-outlined .card,
body.fanota-cards-outlined .panel{box-shadow:none!important;border:1px solid var(--fan-line)!important;background:transparent!important}
body.fanota-cards-elevated .card,
body.fanota-cards-elevated .panel{box-shadow:var(--fan-shadow,0 20px 50px rgba(0,0,0,.22))!important}

body.fanota-header-compact .fgl-sticky-header,
body.fanota-header-compact #root>header,
body.fanota-header-compact body>header{padding-top:8px!important;padding-bottom:8px!important;min-height:58px!important}
body.fanota-header-transparent:not(.fgl-scrolled) .fgl-sticky-header,
body.fanota-header-transparent:not(.fgl-scrolled) #root>header{
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}
body.fanota-header-glass .fgl-sticky-header,
body.fanota-header-glass #root>header{
  background:color-mix(in srgb,var(--fan-bg-2) 78%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.35);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
}

body.fanota-brand-active .fhl-hero-content{max-width:var(--fan-hero-text-width,680px)}
body.fanota-hero-align-center .fhl-hero-content{text-align:center;margin-inline:auto}
body.fanota-hero-align-center .fhl-hero-actions{justify-content:center}
body.fanota-hero-align-right .fhl-hero-content{text-align:right;margin-left:auto}
body.fanota-hero-align-right .fhl-hero-actions{justify-content:flex-end}

@media(max-width:760px){
  body.fanota-brand-active header img[data-fanota-brand-logo="true"],
  body.fanota-brand-active .fgl-sticky-header img[data-fanota-brand-logo="true"]{
    width:var(--fan-brand-mobile-logo-width)!important;
    max-width:42vw!important;
    max-height:48px!important;
  }
  body.fanota-header-transparent .fgl-sticky-header,
  body.fanota-header-transparent #root>header{background:var(--fan-bg-2)!important;border-bottom-color:var(--fan-line)!important}
}