/*!
 * Bilgili Bilinç Merkez — tasarım modülü
 * Kaynak: tasarim-kaynak/bilgili-bilinc-tasarim-v45.html (token'lar, paletler, keyframe'ler).
 * Tek tema: Şafak (html[data-theme="safak"]; öznitelik tasarim.php'nin <head> betiğiyle konur). Gece değerleri
 * `:root` tabanında yalnız yedek olarak durur (betik hiç çalışmazsa). Tema seçici ve diğer temalar kaldırıldı (Faz 5).
 * Not: harici içe aktarma kuralı yok; Google'a çalışma anında istek yok (fontlar fonts/ klasöründen).
 */

/* ===== 1. Yazı tipleri (kendi sunucudan; yalnız latin + latin-ext) ===== */
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 600;font-display:swap;src:url(fonts/fraunces-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 600;font-display:swap;src:url(fonts/fraunces-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/fraunces-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/fraunces-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ===== 2. Tasarım token'ları ===== */
/* Gece tabanı: öznitelik yoksa (başlık betiği çalışmadıysa) yedek olarak geçerlidir; sitede tema her zaman Şafak. */
:root{
  --bg:#050D24;--bg2:#081231;--card:#0C1836;--card2:#0F1D44;--deep:#030919;
  --line:rgba(150,180,255,.14);--line2:rgba(201,209,230,.32);
  --text:#EEF0F7;--soft:#C9D1E6;--muted:#A7B2CE;
  --teal:#45D9C5;--teal2:#6FE4D4;--sky:#4AA8E8;--violet:#A68BF0;--violet2:#C7B6F7;--ink:#04201C;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --wrap:1200px;--r:22px;
  --hdr:rgba(5,13,36,.88);--tbar:#0A1A3A;--cardbg:rgba(12,24,54,.78);--altbg:rgba(8,18,49,.72);--capbg:rgba(5,13,36,.82);
  --aur:.30;
  --grad:linear-gradient(100deg,#45D9C5 0%,#4AA8E8 35%,#A68BF0 70%,#F08BD0 100%);
  --band1:transparent;--band2:rgba(22,36,88,.62);
  --bb-ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
/* Şafak: açık, pastel mor-beyaz */
:root[data-theme="safak"]{
  --bg:#F6F4FC;--bg2:#EEEBFA;--card:#FFFFFF;--card2:#F1EDFD;--deep:#161A40;
  --line:rgba(40,50,110,.12);--line2:rgba(40,50,110,.26);
  --text:#191C3D;--soft:#383E66;--muted:#5F668F;
  --teal:#0C9483;--teal2:#0AAE99;--sky:#1C74BC;--violet:#6E4ECF;--violet2:#6E4ECF;
  --hdr:rgba(255,255,255,.86);--tbar:#161A40;--cardbg:rgba(255,255,255,.92);--altbg:rgba(235,232,250,.75);--capbg:rgba(255,255,255,.9);
  --aur:.16;
  --grad:linear-gradient(100deg,#0C9483 0%,#1C74BC 35%,#6E4ECF 70%,#C0469A 100%);
  --band1:#F7F5FD;--band2:#E9E5F8;
  color-scheme:light;
}

/* ===== 3. Woodmart eşlemesi =====
   Woodmart değişkenleri :root üzerinde tek sınıf özgüllüğüyle tanımlı; bu seçici (0,2,0)
   onları ezer. Yeni --wd-* adı eklerken canlı sitede doğrula (Woodmart 8.6.4). */
:root:not([data-theme]),:root[data-theme]{
  /* renk */
  --wd-primary-color:var(--teal);
  --wd-alternative-color:var(--violet);
  --wd-main-bgcolor:var(--bg);
  --wd-text-color:var(--soft);
  --wd-title-color:var(--text);
  --wd-link-color:var(--teal);
  --wd-link-color-hover:var(--teal2);
  --wd-entities-title-color:var(--text);
  --wd-entities-title-color-hover:var(--teal);
  --wd-widget-title-color:var(--text);
  --wd-bcrumb-color-active:var(--text);
  --wd-bcrumb-delim-color:var(--muted);
  --wd-dropdown-bg-color:var(--card);
  /* form alanları */
  --wd-form-bg:var(--cardbg);
  --wd-form-color:var(--text);
  --wd-form-placeholder-color:var(--muted);
  --wd-form-brd-color:var(--line2);
  --wd-form-brd-color-focus:var(--teal);
  /* düğmeler */
  --btn-accented-bgcolor:var(--teal);
  --btn-accented-bgcolor-hover:var(--teal2);
  --btn-accented-color:var(--ink);
  --btn-accented-color-hover:var(--ink);
  --btn-default-bgcolor:var(--card2);
  --btn-default-bgcolor-hover:var(--card);
  --btn-default-color:var(--text);
  --btn-default-color-hover:var(--text);
  /* gri/beyaz ölçekleri (Woodmart yüzeyleri ve kenarlıkları bunlardan türer) */
  --bgcolor-white:var(--card);
  --color-gray-800:var(--text);
  --color-gray-900:var(--text);
  --color-gray-500:var(--muted);
  --brdcolor-gray-200:var(--line);
  --brdcolor-gray-300:var(--line);
  --brdcolor-gray-400:var(--line2);
  /* yazı tipleri */
  --wd-text-font:var(--sans);
  --wd-title-font:var(--serif);
  --wd-title-font-weight:400;
  --wd-entities-title-font:var(--serif);
  --wd-widget-title-font:var(--serif);
  --wd-header-el-font:var(--sans);
  --wd-alternative-font:var(--serif);
}

/* ===== 4. Keyframe kütüphanesi (hepsi bb- önekli: başka eklentilerin spin/float/pulse adlarıyla çakışmaz) ===== */
@keyframes bb-spin{to{transform:rotate(360deg)}}
@keyframes bb-float{50%{transform:translateY(-12px)}}
@keyframes bb-float-s{50%{transform:translateY(-10px)}}
@keyframes bb-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,60px) scale(1.12)}100%{transform:translate(-60px,110px) scale(.95)}}
@keyframes bb-shine{to{background-position:220% 0}}
@keyframes bb-twinkle{0%,100%{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1.2) rotate(45deg);opacity:1}}
@keyframes bb-pulse{50%{transform:scale(1.06);opacity:.8}}
@keyframes bb-marquee{to{transform:translateX(-50%)}}
@keyframes bb-flash{0%,100%{box-shadow:0 0 0 0 rgba(69,217,197,0)}40%{box-shadow:0 0 0 6px rgba(69,217,197,.75)}}
@keyframes bb-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bb-sheen{0%,70%{left:-60%}100%{left:130%}}
@keyframes bb-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes bb-numglow{0%,8%{opacity:1}0%{filter:none}4%{filter:drop-shadow(0 0 8px #45D9C5)}12%,100%{filter:none}}
@keyframes bb-breathe{0%,100%{transform:scale(.72)}50%{transform:scale(1)}}
@keyframes bb-fade-a{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
@keyframes bb-fade-b{0%,45%{opacity:0}50%,95%{opacity:1}100%{opacity:0}}
@keyframes bb-ping{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@keyframes bb-typing{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes bb-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bb-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes bb-pop{from{opacity:0;transform:translate(-50%,-46%)}}
@keyframes bb-sc-steam{0%{opacity:0;transform:translateY(8px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-18px)}}
@keyframes bb-sc-twinkle{50%{opacity:.2}}
@keyframes bb-sc-pulse{50%{transform:scale(1.08);opacity:.8}}
@keyframes bb-sc-float{50%{transform:translateY(-8px)}}
@keyframes bb-sc-rot{to{transform:rotate(360deg)}}
@keyframes bb-sc-breath{0%,100%{opacity:0}50%{opacity:.9}}
@keyframes bb-sc-breathe-g{50%{transform:scale(1.25)}}
@keyframes bb-sc-ripple{from{transform:scale(.6);opacity:1}to{transform:scale(3);opacity:0}}
@keyframes bb-sc-ripple2{from{transform:scale(.4);opacity:1}to{transform:scale(4);opacity:0}}
@keyframes bb-sc-draw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes bb-sc-arrow{0%{transform:translate(20px,-20px);opacity:0}60%,100%{transform:none;opacity:1}}

/* ===== 5. Elementor için yardımcı sınıflar (Gelişmiş > CSS Sınıfları alanına yazılır) ===== */
.bb-anim-float{animation:bb-float 6s ease-in-out infinite}
.bb-anim-float-s{animation:bb-float-s 5s ease-in-out infinite}
.bb-anim-spin{animation:bb-spin 24s linear infinite}
.bb-anim-spin-hizli{animation:bb-spin 8s linear infinite}
.bb-anim-twinkle{animation:bb-twinkle 3.2s ease-in-out infinite}
.bb-anim-pulse{animation:bb-pulse 4s ease-in-out infinite}
.bb-anim-drift{animation:bb-drift 30s ease-in-out infinite alternate}
.bb-anim-breathe{animation:bb-breathe 6s ease-in-out infinite}
.bb-anim-ping{animation:bb-ping 2.4s ease-out infinite}
.bb-anim-rise{animation:bb-rise .6s var(--bb-ease) both}
.bb-anim-numglow{animation:bb-numglow 9s linear infinite}
.bb-anim-flow{background-size:200% 200%;animation:bb-flow 8s linear infinite alternate}
.bb-anim-flash{animation:bb-flash 1.6s ease 2}
.bb-anim-nefes-a{animation:bb-fade-a 8s ease-in-out infinite}
.bb-anim-nefes-b{animation:bb-fade-b 8s ease-in-out infinite}
.bb-anim-buhar{animation:bb-sc-steam 3.2s ease-in-out infinite}
.bb-anim-isilti{animation:bb-sc-twinkle 2.4s ease-in-out infinite}
.bb-anim-nabiz{transform-box:fill-box;transform-origin:center;animation:bb-sc-pulse 4s ease-in-out infinite}
.bb-anim-yuzen{animation:bb-sc-float 5s ease-in-out infinite}
.bb-anim-kol{animation:bb-sc-rot 12s linear infinite}
.bb-anim-solunum{animation:bb-sc-breath 3.6s ease-in-out infinite}
.bb-anim-dalga{transform-box:fill-box;transform-origin:center;animation:bb-sc-ripple 2.4s ease-out infinite}
.bb-anim-dalga2{transform-box:fill-box;transform-origin:center;animation:bb-sc-ripple2 4.8s ease-out infinite}
.bb-anim-cizim{stroke-dasharray:300;animation:bb-sc-draw 4s ease-in-out infinite alternate}
.bb-anim-ok{animation:bb-sc-arrow 2.4s ease-in-out infinite}
/* Ortak gecikme: style="--bb-gecikme:-2s" ya da .bb-anim-* ile birlikte (animasyon kısayolundan SONRA gelir) */
.bb-anim-float,.bb-anim-float-s,.bb-anim-spin,.bb-anim-spin-hizli,.bb-anim-twinkle,.bb-anim-pulse,.bb-anim-drift,.bb-anim-breathe,.bb-anim-ping,.bb-anim-rise,.bb-anim-numglow,.bb-anim-flow,.bb-anim-flash,.bb-anim-nefes-a,.bb-anim-nefes-b,.bb-anim-buhar,.bb-anim-isilti,.bb-anim-nabiz,.bb-anim-yuzen,.bb-anim-kol,.bb-anim-solunum,.bb-anim-dalga,.bb-anim-dalga2,.bb-anim-cizim,.bb-anim-ok{animation-delay:var(--bb-gecikme,0s)}

/* Metin parıltısı: gradyanlı, kayan vurgu (başlıklarda <em> ya da .bb-shine) */
.bb-shine{color:var(--teal);background:var(--grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bb-shine 7s linear infinite;padding-right:.06em}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.bb-shine{-webkit-text-fill-color:currentColor;background:none}}

/* Parıltı geçişi: kart/düğme üzerine .bb-anim-sheen */
.bb-anim-sheen{position:relative;overflow:hidden}
.bb-anim-sheen::before{content:"";position:absolute;top:-60%;left:-60%;width:40%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(18deg);animation:bb-sheen 6s ease-in-out infinite;animation-delay:var(--bb-gecikme,0s);pointer-events:none}

/* Kayan şerit: .bb-marquee > .bb-marquee__track > (öğeler). JS içeriği çoğaltır, -50% ötelemesi dikişsiz olur. */
.bb-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bb-marquee__track{display:flex;gap:44px;width:max-content;animation:bb-marquee 40s linear infinite}
.bb-marquee__track>*{white-space:nowrap;display:flex;align-items:center;gap:44px;flex:none}
.bb-marquee__track>*::after{content:"\2726";font-style:normal;font-size:.62em;color:var(--teal)}
.bb-marquee--yavas .bb-marquee__track{animation-duration:70s}
.bb-marquee--ters .bb-marquee__track{animation-direction:reverse}
.bb-marquee:hover .bb-marquee__track,.bb-marquee:focus-within .bb-marquee__track{animation-play-state:paused}

/* Görünme animasyonu: yalnız html.bb-js varken gizlenir (JS ya da güvenlik ağı yoksa içerik her zaman görünür) */
html.bb-js .bb-rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--d,0s)}
html.bb-js .bb-rv.in{opacity:1;transform:none}
.elementor-editor-active .bb-rv{opacity:1!important;transform:none!important}

/* Sayaç: rakamlar sayarken kaymasın */
.bb-sayac{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ===== 6. Hareketi azalt: tüm animasyonlar kapalı, içerik görünür ===== */
@media (prefers-reduced-motion:reduce){
  [class*="bb-anim-"],.bb-shine,.bb-marquee__track,.bb-anim-sheen::before{animation:none!important}
  .bb-shine{-webkit-text-fill-color:transparent}
  html.bb-js .bb-rv,html.bb-js .bb-rv.in{opacity:1!important;transform:none!important;transition:none!important}
  .bb-marquee{overflow-x:auto;-webkit-mask:none;mask:none}
  .bb-marquee__track>[data-bb-klon]{display:none}
}