/* =====================================================================
   FLAT BENTO — görünüm katmanı (theme.css, bento.css ve pages.css'ten SONRA yüklenir)
   - Renk, yazı tipi ve yüzey değişkenlerini değiştirir: bütün sayfalar yeni palete geçer.
   - Üst menü, alt bilgi, kutular ve liste satırları düz (gölgesiz, çerçevesiz) hale gelir.
   - Anasayfa mozaiği: .fb-* sınıfları.
   Geri almak için: includes/header.php içindeki flat.css satırını silmek yeterli.
   ===================================================================== */

/* ---------- yazı tipleri (sunucuda barınır, dışarıya istek yok) ---------- */
@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/gabarito/gabarito-latin-ext-wght-normal.woff2) format('woff2-variations'), url(../fonts/gabarito/gabarito-latin-ext-wght-normal.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: 'Gabarito'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/gabarito/gabarito-latin-wght-normal.woff2) format('woff2-variations'), url(../fonts/gabarito/gabarito-latin-wght-normal.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: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(../fonts/figtree/figtree-latin-ext-wght-normal.woff2) format('woff2-variations'), url(../fonts/figtree/figtree-latin-ext-wght-normal.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: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(../fonts/figtree/figtree-latin-wght-normal.woff2) format('woff2-variations'), url(../fonts/figtree/figtree-latin-wght-normal.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; }

/* ---------- değişkenler: gündüz ---------- */
:root {
    --n-50: 236 236 241;
    --n-100: 228 228 235;
    --n-200: 214 214 224;
    --n-300: 188 188 200;
    --n-400: 142 142 156;
    --n-500: 100 100 114;
    --n-600: 78 78 90;
    --n-700: 54 54 64;
    --n-800: 36 36 44;
    --n-900: 21 21 26;
    --n-950: 10 10 14;

    --a-50: 236 240 255;
    --a-100: 227 232 255;
    --a-200: 198 208 255;
    --a-300: 160 176 255;
    --a-400: 104 128 255;
    --a-500: 43 80 255;
    --a-600: 32 62 214;
    --a-700: 26 50 170;
    --a-800: 22 40 130;
    --a-900: 18 32 98;

    --paper: var(--n-50);
    --card: 255 255 255;
    --ink: 21 21 26;
    --line: var(--n-300);        /* eski kalın siyah çerçeveler yumuşak griye döner */
    --line-soft: var(--n-200);
    --shadow-c: 21 21 26;
    --sh-1: 0 0 0 0 transparent; /* sert gölgeler kalkar */
    --sh-2: 0 0 0 0 transparent;
    --sh-3: 0 0 0 0 transparent;
    --bw: 1.5px;
    --r: 14px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --mark: 255 206 190;
    --grain-opacity: 0;

    --hx-blue: 43 80 255;
    --hx-yellow: 255 91 46;      /* vurgu dolgusu: artık turuncu (üstünde koyu yazı) */

    --fb-inner: 243 243 247;     /* kutu içi kutucuk */
    --fb-bt: 227 232 255;        /* mavi açık ton */
    --fb-ot: 255 230 220;        /* turuncu açık ton */
    --fb-or: 255 91 46;          /* turuncu */
    --fb-night: 21 21 26;        /* koyu kutu */
    --fb-on-or: 21 21 26;        /* turuncu üstü yazı */
    --fb-r: 28px;
    --fb-g: 12px;

    --font-display: 'Gabarito', 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---------- değişkenler: gece ---------- */
html.dark {
    --n-50: 17 17 21;
    --n-100: 38 38 46;
    --n-200: 52 52 62;
    --n-300: 76 76 88;
    --n-400: 122 122 136;
    --n-500: 162 162 174;
    --n-600: 190 190 200;
    --n-700: 212 212 220;
    --n-800: 230 230 236;
    --n-900: 244 244 248;
    --n-950: 252 252 254;

    --a-50: 24 30 62;
    --a-100: 32 40 82;
    --a-200: 44 58 122;
    --a-300: 62 84 178;
    --a-400: 78 106 230;
    --a-500: 92 122 255;
    --a-600: 122 148 255;
    --a-700: 156 176 255;
    --a-800: 192 206 255;
    --a-900: 222 230 255;
    --a-950: 238 242 255;
    --on-accent: 255 255 255;

    --card: 28 28 34;
    --ink: 244 244 248;
    --line: 76 76 88;
    --mark: 120 60 40;

    --hx-blue: 92 122 255;
    --hx-yellow: 255 110 68;

    --fb-inner: 38 38 46;
    --fb-bt: 32 40 82;
    --fb-ot: 72 38 28;
    --fb-or: 255 110 68;
    --fb-night: 8 8 11;
}

/* ---------- temel ---------- */
body::before { display: none !important; }                 /* kâğıt greni yok */
body { font-size: 15.5px; }
h1, h2, h3, h4 { letter-spacing: -.01em; }
::selection { background: rgb(var(--hx-blue) / .25); color: inherit; }

/* ---------- üst menü ---------- */
.masthead { background: rgb(var(--paper)) !important; border: 0 !important; box-shadow: none !important; padding-top: 12px; }
.masthead-bar { max-width: 1328px !important; margin: 0 auto !important; min-height: 68px; padding: 10px 12px 10px 18px !important; background: rgb(var(--card)); border: 0 !important; border-radius: var(--fb-r); box-shadow: none !important; }
.masthead .brand { font-family: var(--font-display); font-weight: 800; }
.m-search { background: rgb(var(--fb-inner)) !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; min-height: 48px; }
.m-search input { background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: var(--font-body); }
.m-search-kbd { border-radius: 8px; border-color: rgb(var(--n-200)); background: rgb(var(--card)); }
.search-pop { border: 0 !important; border-radius: 20px !important; box-shadow: 0 18px 40px -18px rgb(0 0 0 / .35) !important; }
.masthead .icon-sq, .m-actions .icon-sq { width: 46px; height: 46px; border: 0 !important; border-radius: 50% !important; background: rgb(var(--fb-inner)) !important; box-shadow: none !important; color: rgb(var(--ink)); transform: none !important; }
.masthead .icon-sq:hover { background: rgb(var(--fb-bt)) !important; }
.btn-ink, .btn-line { border-radius: 999px !important; box-shadow: none !important; border-width: 0 !important; min-height: 46px; padding-left: 1.1rem; padding-right: 1.1rem; font-weight: 700; transform: none !important; }
.btn-ink { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }
.btn-line { background: rgb(var(--fb-inner)) !important; color: rgb(var(--ink)) !important; }

.m-nav.nvB { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.nvB-in { max-width: 1328px !important; padding: 10px 0 0 !important; }
.nvB-main { background: transparent !important; border: 0 !important; padding: 0 !important; gap: 4px !important; border-radius: 0 !important; }
.nvB-main a, .nvB-side a { min-height: 44px; padding: 0 16px !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; font-family: var(--font-body); font-weight: 700; font-size: .95rem; color: rgb(var(--ink)) !important; }
.nvB-main a { background: transparent; }
.nvB-side { gap: 4px !important; }
.nvB-side a { background: rgb(var(--card)) !important; font-weight: 600; }
.nvB-main a::before, .nvB-side a::before { background: rgb(var(--hx-blue) / .14) !important; }
.nvB-main a.is-active, .nvB-side a.is-active { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }
.nvB-main a.is-active i, .nvB-side a.is-active i { color: inherit !important; }
.nvB-main a i, .nvB-side a i { color: rgb(var(--n-500)); }
html.dark .nvB-side a:hover { border-color: transparent !important; }
.nvB-side a:hover { border-color: transparent !important; }

/* ---------- ortak kutular ve satırlar (bütün sayfalar) ---------- */
.bx-tile { border: 0 !important; box-shadow: none !important; border-radius: var(--fb-r); }
.bx-title { font-family: var(--font-display); font-weight: 800; }
.bx-more { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: rgb(var(--fb-inner)); color: rgb(var(--ink)) !important; font-weight: 700; }
.yl-list .yl-r { border: 0 !important; box-shadow: none !important; background: rgb(var(--fb-inner)) !important; border-radius: 18px !important; }
.yl-r::before { background: rgb(var(--hx-blue) / .14) !important; border-radius: 18px !important; }
.yl-n { color: rgb(var(--n-400)) !important; -webkit-text-stroke: 0 !important; }
.yl-r.first .yl-n { color: rgb(var(--hx-blue)) !important; -webkit-text-stroke: 0 !important; }
.yl-tt b { font-family: var(--font-display); }
.bx-pages a, .bx-pages span { border: 0 !important; background: rgb(var(--fb-inner)); min-width: 44px; min-height: 44px; font-weight: 700; }
.bx-pages .on { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }
.bx-pages .gap { background: transparent !important; }
.bx-btn { border-radius: 999px !important; box-shadow: none !important; border: 0 !important; }

/* mobil kart menü: sarı kart yerine turuncu, etkin bağlantı mavi */
.mdeck .md-c2 { background: rgb(var(--fb-or)) !important; color: rgb(var(--fb-on-or)) !important; border-color: transparent !important; }
.mdeck .md-card { border-color: transparent !important; }
.mdeck .md-l.is-on { background: rgb(var(--hx-blue)) !important; color: #fff !important; border-color: transparent !important; }
.mdeck .md-c2 .md-l.is-on { background: rgb(21 21 26) !important; color: #fff !important; }
.mdeck .md-x { border: 0 !important; border-radius: 50% !important; }

/* ---------- alt bilgi ---------- */
.site-footer.ft-c { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 16px 20px !important; margin-top: 12px; }
.ft-c .foot-in { max-width: 1328px !important; margin: 0 auto !important; padding: 0 !important; }
.ft-c .foot-grid { background: rgb(var(--fb-night)) !important; color: #fff; border: 0 !important; border-radius: var(--fb-r) !important; box-shadow: none !important; padding: 30px !important; gap: 28px !important; }
.ft-c .foot-grid > * { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.ft-c .foot-brand, .ft-c .foot-brand .brand, .ft-c .foot-brand p { color: #fff !important; }
.ft-c .foot-brand p { color: #C9C9D2 !important; }
.ft-c .foot-social a { width: 44px; height: 44px; border: 0 !important; border-radius: 50% !important; background: rgb(255 255 255 / .1) !important; color: #fff !important; box-shadow: none !important; }
.ft-c .foot-cols { background: transparent !important; border: 0 !important; }
.ft-c .ft-lk { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.ft-c .ft-lk h3, .ft-c .ft-lk h4, .ft-c .ft-lk > b, .ft-c .ft-lk > strong { color: #C9C9D2 !important; font-family: var(--font-display); }
.ft-c .ft-lk li a { background: transparent !important; border: 0 !important; color: #fff !important; padding-left: 0 !important; padding-right: 0 !important; border-radius: 8px !important; }
.ft-c .ft-lk li a::before { display: none !important; }
.ft-c .ft-lk li a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ft-c .ft-cta { background: rgb(var(--fb-or)) !important; color: rgb(var(--fb-on-or)) !important; border: 0 !important; border-radius: 22px !important; box-shadow: none !important; padding: 20px !important; }
.ft-c .ft-cta * { color: rgb(var(--fb-on-or)) !important; }
.ft-c .ft-cta a { background: rgb(21 21 26) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; }
.ft-c .ft-cta a * { color: #fff !important; }
.ft-c .foot-bottom { background: transparent !important; border: 0 !important; color: rgb(var(--n-500)); padding: 14px 12px 0 !important; }
#back-to-top { border: 0 !important; border-radius: 50% !important; box-shadow: none !important; background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }

/* =====================================================================
   ANASAYFA MOZAİĞİ
   ===================================================================== */
.fb { max-width: 1360px; margin: 0 auto; padding: var(--fb-g) 16px 28px; display: flex; flex-direction: column; gap: var(--fb-g); font-family: var(--font-body); color: rgb(var(--ink)); }
.fb h2, .fb h3, .fb p, .fb ol, .fb ul { margin: 0; padding: 0; }
.fb ol, .fb ul { list-style: none; }
.fb a { color: inherit; text-decoration: none; }
.fb-g { display: grid; gap: var(--fb-g); }
.fb-hit { position: absolute; inset: 0; border-radius: inherit; z-index: 1; }

.fb-t { position: relative; min-width: 0; border-radius: var(--fb-r); background: rgb(var(--card)); padding: 22px; }
.fb-blue { background: rgb(43 80 255); color: #fff; }
.fb-night { background: rgb(var(--fb-night)); color: #fff; }
.fb-or { background: rgb(var(--fb-or)); color: rgb(var(--fb-on-or)); }
.fb-bt { background: rgb(var(--fb-bt)); }
.fb-ot { background: rgb(var(--fb-ot)); }

.fb-th { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.fb-th h2 { font: 800 1.56rem/1.1 var(--font-display); letter-spacing: -.01em; }
.fb-th p { font-size: .84rem; color: rgb(var(--n-500)); margin-top: 2px; }
.fb-blue .fb-th p { color: rgb(255 255 255 / .86); }
.fb-night .fb-th p { color: #C9C9D2; }
.fb-bt .fb-th p, .fb-ot .fb-th p { color: rgb(var(--n-600)); }
.fb-kc h2 { font-size: 1.25rem; }
.fb-pl { position: relative; z-index: 2; display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: rgb(var(--fb-inner)); font-weight: 700; font-size: .84rem; white-space: nowrap; transition: background .2s; }
.fb-pl:hover { background: rgb(var(--n-200)); }
.fb-blue .fb-pl { background: rgb(255 255 255 / .16); color: #fff; }
.fb-night .fb-pl { background: rgb(255 255 255 / .12); color: #fff; }
.fb-blue .fb-pl:hover, .fb-night .fb-pl:hover { background: rgb(255 255 255 / .26); }
.fb-bt .fb-pl, .fb-ot .fb-pl { background: rgb(var(--card)); }
.fb-bos { font-size: .9rem; opacity: .85; }
.fb-av { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font: 800 1rem var(--font-display); color: #fff; }
.fb-av i { font-size: .8rem; }

/* sıralar */
.fb-r1 { grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); }
.fb-r2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.fb-kt { grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); }
.fb-r3 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.fb-r4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* gündem */
.fb-gun .fb-th h2 { font-size: 2.5rem; }
.fb-gl > li { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 2px 12px; align-items: center; padding: 12px 12px 12px 6px; border-radius: 18px; transition: background .2s; }
.fb-gl > li:hover { background: rgb(255 255 255 / .13); }
.fb-gl .fb-no { grid-row: 1 / 4; align-self: start; font: 800 2rem/1.1 var(--font-display); text-align: center; color: rgb(255 255 255 / .62); }
.fb-gl > li:first-child .fb-no { color: #fff; }
.fb-gl h3 { grid-column: 2; font: 700 1.125rem/1.25 var(--font-display); }
.fb-gl p { grid-column: 2; font-size: .9rem; color: rgb(255 255 255 / .9); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.fb-gl small { grid-column: 2; font-size: .8rem; color: rgb(255 255 255 / .86); }
.fb-ar { grid-row: 1 / 4; grid-column: 3; align-self: center; min-width: 52px; height: 38px; padding: 0 10px; border-radius: 999px; background: #fff; color: rgb(43 80 255); display: grid; place-items: center; font: 800 1.125rem var(--font-display); }

/* neler oluyor */
.fb-can { display: flex; flex-direction: column; }
.fb-sy { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.fb-sy b { font: 800 3.5rem/1 var(--font-display); }
.fb-sy span { font-size: .84rem; line-height: 1.3; color: #C9C9D2; }
.fb-dot { width: 10px; height: 10px; border-radius: 50%; background: rgb(255 91 46); margin-right: 2px; animation: fbPulse 2s ease-in-out infinite; }
@keyframes fbPulse { 50% { opacity: .35; } }
.fb-al { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; flex: 1; }
.fb-al li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 0 12px; align-items: center; padding: 10px 12px; border-radius: 18px; background: rgb(255 255 255 / .08); transition: background .2s; }
.fb-al li:hover { background: rgb(255 255 255 / .16); }
.fb-al small { font-size: .8rem; color: #C9C9D2; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-al small b { color: #fff; }
.fb-al strong { display: block; font: 700 .97rem/1.25 var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-al time { font-size: .78rem; color: #C9C9D2; white-space: nowrap; }

/* sayı kutuları */
.fb-st { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; }
.fb-st .fb-t { padding: 16px 18px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; min-height: 104px; transition: transform .2s; }
.fb-st a.fb-t:hover { transform: scale(.975); }
.fb-st .fb-t:last-child:nth-child(odd) { grid-column: 1 / -1; }
.fb-st b { font: 800 2.6rem/1 var(--font-display); }
.fb-st span { font-size: .84rem; line-height: 1.25; color: rgb(var(--n-500)); }
.fb-st .fb-or span { color: rgb(var(--fb-on-or)); }
.fb-st .fb-bt span, .fb-st .fb-ot span { color: rgb(var(--n-700)); }
.fb-st .fb-night span { color: #C9C9D2; }

/* duyuru ve çağrı */
.fb-dy { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; }
.fb-ik { flex: none; width: 46px; height: 46px; border-radius: 50%; background: rgb(var(--card)); display: grid; place-items: center; color: rgb(var(--ink)); }
.fb-dy h3 { font: 700 1.06rem/1.2 var(--font-display); }
.fb-dy p { font-size: .9rem; margin-top: 2px; overflow-wrap: anywhere; }
.fb-dy small { display: block; font-size: .8rem; color: rgb(var(--n-600)); margin-top: 4px; }
.fb-dy small a { position: relative; z-index: 2; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; margin-left: 6px; color: rgb(var(--ink)); }
.fb-cta { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 18px 18px 18px 22px; }
.fb-cta b { font: 800 1.3rem/1.15 var(--font-display); }
.fb-bn { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: 999px; background: rgb(21 21 26); color: #fff !important; font-weight: 800; font-size: .97rem; white-space: nowrap; transition: transform .2s; }
.fb-bn:hover { transform: scale(1.04); }
.fb-ilk { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 28px 0; text-align: center; }
.fb-ilk h2 { font: 800 1.5rem var(--font-display); }
html.dark .fb-ilk .fb-bn { background: rgb(var(--hx-blue)); }

/* kategoriler */
.fb-kt a { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 24px; background: rgb(var(--card)); transition: background .2s; min-width: 0; }
.fb-kt a:hover { background: rgb(var(--fb-bt)); }
.fb-kt .fb-ik { width: 44px; height: 44px; border-radius: 14px; background: color-mix(in srgb, var(--cc) 16%, rgb(var(--card))); color: var(--cc); }
.fb-kt b { display: block; font: 700 1rem/1.2 var(--font-display); overflow-wrap: anywhere; }
.fb-kt small { font-size: .8rem; color: rgb(var(--n-500)); }

/* entry kutucukları */
.fb-el { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.fb-el.fb-uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fb-el > li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 0 12px; align-content: start; padding: 14px; border-radius: 20px; background: rgb(var(--fb-inner)); transition: background .2s; }
.fb-el > li:hover { background: rgb(var(--fb-bt)); }
.fb-el > li.fb-ad { display: block; grid-column: 1 / -1; background: transparent; padding: 0; }
.fb-el h3 { font: 700 1.03rem/1.25 var(--font-display); overflow-wrap: anywhere; }
.fb-el p { font-size: .9rem; color: rgb(var(--n-700)); margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.fb-el small { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: .8rem; color: rgb(var(--n-500)); margin-top: 6px; }
.fb-el small b { color: rgb(var(--ink)); }

/* sıralı listeler */
.fb-rl > li { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 0 10px; align-items: center; padding: 9px 8px 9px 4px; border-radius: 14px; transition: background .2s; }
.fb-rl > li:hover { background: rgb(var(--ink) / .07); }
.fb-rl .fb-no { font: 800 1.375rem/1 var(--font-display); text-align: center; color: rgb(var(--n-500)); }
.fb-rl > li:first-child .fb-no { color: rgb(var(--hx-blue)); }
.fb-rl h3 { font: 700 .97rem/1.25 var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-rl p { font-size: .84rem; color: rgb(var(--n-500)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-bt .fb-rl p, .fb-ot .fb-rl p { color: rgb(var(--n-600)); }
.fb-rl em { font-style: normal; font: 800 .94rem var(--font-display); min-width: 38px; height: 30px; padding: 0 9px; border-radius: 999px; background: rgb(var(--fb-inner)); display: grid; place-items: center; }
.fb-bt .fb-rl em, .fb-ot .fb-rl em { background: rgb(var(--card)); }
.fb-debe { display: flex; flex-direction: column; }
.fb-debe .fb-rl { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

/* anasayfa sayfalama ve reklam */
.fb .bx-pages { margin-top: 16px; }
.fb > .ad-wide, .fb .ad-wide { border-radius: var(--fb-r); overflow: hidden; }
.fb .ad-wide:empty { display: none; }

@media (max-width: 1180px) {
    .fb-r1 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fb-r1 .fb-st { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .fb-r1 .fb-st .fb-t:last-child:nth-child(odd) { grid-column: auto; }
    .fb-r4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    :root { --fb-r: 22px; }
    .fb { padding-left: 12px; padding-right: 12px; }
    .fb-r1, .fb-r3, .fb-r4 { grid-template-columns: minmax(0, 1fr); }
    .fb-r1 .fb-st { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fb-r1 .fb-st .fb-t:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .fb-el, .fb-el.fb-uc { grid-template-columns: minmax(0, 1fr); }
    .fb-t { padding: 18px; }
    .fb-gun .fb-th h2 { font-size: 2rem; }
    .fb-kt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .masthead { padding-top: 8px; }
    .masthead-bar { margin-left: 12px !important; margin-right: 12px !important; border-radius: 22px; min-height: 60px; }
    .site-footer.ft-c { padding-left: 12px !important; padding-right: 12px !important; }
    .ft-c .foot-grid { padding: 22px !important; }
}
@media (min-width: 821px) and (max-width: 1400px) {
    .masthead-bar, .nvB-in { margin-left: 16px !important; margin-right: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .fb *, .fb-dot { transition: none !important; animation: none !important; } }

/* ---------- ince ayarlar ---------- */
.ft-c .ft-lk li a { border: 0 !important; border-bottom: 0 !important; font-weight: 500; min-height: 36px; }
.ft-c .ft-lk li a::after { content: none !important; }
.ft-c .ft-cta a::after, .ft-c .ft-cta a i.fa-arrow-right { display: none !important; }
.ft-c .ft-stats b { background: rgb(var(--card)) !important; color: rgb(var(--ink)) !important; }
.user-chip { border: 0 !important; box-shadow: none !important; background: rgb(var(--fb-inner)) !important; border-radius: 999px !important; min-height: 46px; }
.user-chip:hover { background: rgb(var(--fb-bt)) !important; }
#notification-dropdown, #user-dropdown, .nt-pop, .dd-pop { border: 0 !important; border-radius: 20px !important; box-shadow: 0 18px 40px -18px rgb(0 0 0 / .35) !important; }
@media (max-width: 1040px) {
    .ft-c .ft-lk li a { background: rgb(255 255 255 / .1) !important; padding: 0 .85rem !important; border-radius: 999px !important; }
}

/* ---------- diğer sayfalar: kalın çerçeve ve sert gölgeler kalkar (otomatik çıkarılan liste) ---------- */
#message-menu .pop-foot a,
#message-menu .pop-head h3,
#notification-menu .pop-foot a,
#notification-menu .pop-head h3,
#user-dropdown .ud-tab,
.ac-counts a,
.ac-counts a.on,
.ac-ev.big,
.ac-hero,
.ac-tag,
.bx .gd-hk .action-btn.hx-mini,
.bx .mw-card,
.ck-b,
.ck-head,
.ck-x,
.fv-star,
.gd-go,
.gd-hk,
.gd-hk:hover,
.gd-stats > span,
.gn-L,
.gn-az a,
.gn-az a.on,
.gn-az span,
.gn-hero,
.hk-news,
.hk-news:hover,
.ms-bub,
.ms-msg.received.last .ms-bub,
.ms-msg.sent.last .ms-bub,
.ms-send,
.mw-chip,
.mw-send,
.mw-tag,
.nsheet-foot a,
.pf-av > i,
.pf-av > span,
.pf-av img,
.pf-btn,
.pf-card,
.pf-chips span,
.pf-stub,
.pf-stub.y,
.pn-who i,
.smx-chip,
.sp-hero,
.sp-ic,
.sp-rel a,
.sp-stamp,
.sr-chips a,
.sr-form button,
.sx-hero,
.sx-kick,
.sx-none-art,
.sx-spot,
.sx-spot:hover,
.tm-card,
.tm-card .tm-ico,
.tm-chips span,
.tm-go,
.tm-hero,
.tm-ico,
.tm-new { box-shadow: none !important; border-color: transparent !important; }
.ms-form textarea,
.mw-f textarea,
.mw-to,
.smx-inp,
.sr-form,
.sx-form,
.tm-search { box-shadow: none !important; border-color: rgb(var(--n-200)) !important; background-color: rgb(var(--fb-inner)); }
#message-menu.pop,
#notification-menu.pop,
#user-dropdown.pop,
.ck-banner,
.ck-panel,
.mw-results,
.nsheet-panel,
.smx-res,
.sx-live,
.toast { border-color: transparent !important; box-shadow: 0 18px 40px -18px rgb(0 0 0 / .4) !important; }
#message-menu.pop::before, #notification-menu.pop::before, #user-dropdown.pop::before { display: none !important; }
.tm-hero, .gn-hero, .ac-hero, .sp-hero, .sx-hero, .tm-card, .pf-card { border-radius: var(--fb-r) !important; }
.tm-hero, .gn-hero, .ac-hero, .sp-hero { background: rgb(var(--card)) !important; }
.sx-hero { background: rgb(var(--card)) !important; }
.sx-go, .sr-form button, .ms-send, .mw-send { border-radius: 999px !important; border: 0 !important; }
.sx-form { border-radius: 999px !important; border-width: 0 !important; }
.sx-form:focus-within { box-shadow: 0 0 0 4px rgb(var(--hx-blue) / .25) !important; }
.sx-spot { background: rgb(var(--fb-or)) !important; color: rgb(var(--fb-on-or)) !important; border-radius: var(--fb-r) !important; }
.sx-h span { background: linear-gradient(transparent 58%, rgb(var(--fb-or) / .55) 58%) !important; }
.sx mark { background: rgb(var(--fb-or) / .35) !important; color: inherit !important; }
.sx-tabs a { border: 0 !important; background: rgb(var(--fb-inner)); }
.sx-tabs a.on { background: rgb(var(--ink)) !important; }
.ft-c .ft-lk li { border: 0 !important; }
.ft-c .ft-lk li a { border-style: none !important; }

/* ---------- eski sarı vurgular yeni palete geçer ---------- */
.ac-bars i, .ac-counts a.on, .pn-stk.y, .pn-title mark, .pn-who i, .tm-new { background: rgb(var(--fb-or)) !important; color: rgb(var(--fb-on-or)) !important; }
.pf-hm i.l2, .pf-leg i.l2 { background: rgb(var(--hx-blue) / .55) !important; }
.pf-hm i.l1, .pf-leg i.l1 { background: rgb(var(--hx-blue) / .28) !important; }
.pf-hm i.l3, .pf-leg i.l3 { background: rgb(var(--hx-blue) / .8) !important; }
.pf-hm i.l4, .pf-leg i.l4 { background: rgb(var(--hx-blue)) !important; }
.tm-card.big .tm-go, .tm-w-id .tm-go, .tm-chips span.dk, .ck-b.dk, .sx-spot-go, .pn-sign { color: #fff !important; }
.pf-stub.y { background: rgb(var(--fb-bt)) !important; }
.pf-top li { border: 0 !important; box-shadow: none !important; background: rgb(var(--fb-inner)) !important; }
.pf-top li::before { -webkit-text-stroke: 0 !important; color: rgb(var(--n-400)) !important; }
.pf-top li:first-child::before { color: rgb(var(--hx-blue)) !important; }
.pf-top li::after { background: rgb(var(--hx-blue) / .14) !important; }
.hc2-it::before, .ft-lk li a::before { background: rgb(var(--hx-blue) / .14) !important; }
.tm-go, .gd-go, .pf-btn { border-radius: 999px !important; }
.p-giris button[type=submit], .p-kayit button[type=submit], .p-ayarlar button[type=submit], .p-sifremi-unuttum button[type=submit], .p-iletisim button[type=submit], .p-baslik-ac button[type=submit] { box-shadow: none !important; border-radius: 999px !important; transform: none !important; }

/* =====================================================================
   TAM GEÇİŞ — bütün sayfalar flat bento diline çekilir
   ===================================================================== */

/* yardımcı sınıflar (ayarlar, 404, formlar): gölge yok, yuvarlak köşe */
.shadow, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl { --tw-shadow: 0 0 #0000 !important; box-shadow: none !important; }
.rounded { border-radius: 10px; } .rounded-md { border-radius: 12px; } .rounded-lg { border-radius: 14px; }
.rounded-xl { border-radius: 16px; } .rounded-2xl { border-radius: 22px; } .rounded-3xl { border-radius: 28px; }
a.bg-sky-500, button.bg-sky-500, a.bg-sky-600, button.bg-sky-600, label.bg-sky-500 { border-radius: 999px !important; font-weight: 700; }
main input[type=text], main input[type=email], main input[type=password], main input[type=search], main input[type=url], main input[type=number], main textarea, main select { border-radius: 14px; }

/* eğik durmalar düzelir (kolaj döneminden kalan) */
#message-menu .pop-head h3, #notification-menu .pop-head h3, #user-dropdown .ud-tab, .ac-tag, .ck-tag, .fv-star, .gd-hk, .gn-L, .gn-az a, .gn-dice, .hk-news, .hk-note, .hk-tag,
.ms-count, .ms-empty-note, .ms-hello-note, .pf-av, .pf-badges span, .pf-stamp, .pf-stub, .pn-clip, .pn-p.ad-card, .pn-sign, .pn-stamp, .pn-tape, .smx-chip, .sp-ic, .sp-rel a, .sp-stamp,
.sp-tag, .sp-tldr, .sr-chips a, .tm-card-desc, .tm-card, .tm-ico { transform: none !important; }
/* yıldızlı etiket çıkartmaları kalkar */
.gn-tag, .tm-tag, .pf-tag, .smx-tag, .mw-tag, .sp-tag, .ck-tag { display: none !important; }

/* sarı not kâğıtları → düz açık mavi bilgi kutusu */
.ms-empty-note, .ms-hello-note { background: rgb(var(--fb-bt)) !important; color: rgb(var(--ink)) !important; box-shadow: none !important; border-radius: 22px !important; padding: 1.25rem 1.5rem !important; }
.ms-empty-note::before, .ms-hello-note::before { display: none !important; }
.ms-empty-note b, .ms-hello-note b, .ms-empty-note *, .ms-hello-note * { color: rgb(var(--ink)) !important; }
.pf-stamp, .pf-badges span, .sp-stamp, .sp-tldr, .ck-head, .tm-hero.vit, .ac-ev.big { background: rgb(var(--fb-bt)) !important; color: rgb(var(--ink)) !important; border-color: transparent !important; box-shadow: none !important; }
.sp-toc nav a.on { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }
.sp-stamp { border-radius: 999px !important; }

/* genel (dizin) */
.gn-hero { background: rgb(var(--card)) !important; border-radius: var(--fb-r) !important; padding: 22px !important; }
.gn-dice { border-radius: 20px !important; background: rgb(var(--fb-night)) !important; }
.gn-L { border-radius: 16px !important; background: rgb(var(--hx-blue)) !important; color: #fff !important; }
.gn-az a, .gn-az span { border-radius: 12px !important; }
.gn-az a.on { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }

/* tematik ve kategori */
.tm-card { border-radius: var(--fb-r) !important; }
.tm-card-desc { box-shadow: none !important; border-radius: 16px !important; }
.tm-ico { border-radius: 16px !important; }
.tm-search { border-radius: 999px !important; }
.tm-chips span { border-radius: 999px !important; }

/* profil */
.pf-card { background: rgb(43 80 255) !important; color: #fff !important; }
.pf-card h1, .pf-card .pf-name, .pf-card a:not(.pf-btn) { color: #fff !important; }
.pf-chips span { background: rgb(255 255 255 / .16) !important; color: #fff !important; border-radius: 999px !important; }
.pf-chips span.on, .pf-chips span.dk { background: #fff !important; color: rgb(21 21 26) !important; }
.pf-btn { background: #fff !important; color: rgb(21 21 26) !important; }
.pf-btn.ghost, .pf-btn + .pf-btn { background: rgb(255 255 255 / .16) !important; color: #fff !important; }
.pf-stub { border-radius: 22px !important; background: rgb(var(--card)) !important; }
.pf-stub.y { background: rgb(var(--fb-or)) !important; color: rgb(var(--fb-on-or)) !important; }
.pf-stub.y * { color: rgb(var(--fb-on-or)) !important; }
.pf-av img, .pf-av > span { border-radius: 28px !important; }
.pf-stamp { border-radius: 999px !important; background: #fff !important; color: rgb(21 21 26) !important; }

/* bilgi sayfaları (kurallar, sss, gizlilik, kvkk…) */
.sp-hero { padding: 22px !important; }
.sp-ic { border-radius: 16px !important; background: rgb(var(--fb-bt)) !important; color: rgb(var(--hx-blue)) !important; box-shadow: none !important; }
.sp-doc, .sp-body { border: 0 !important; box-shadow: none !important; border-radius: var(--fb-r) !important; }
.sp-toc { border: 0 !important; box-shadow: none !important; border-radius: var(--fb-r) !important; }
.sp-rel a { border: 0 !important; box-shadow: none !important; background: rgb(var(--card)) !important; color: rgb(var(--ink)) !important; border-radius: 22px !important; outline: 0 !important; }
.sp-rel a i { color: rgb(var(--hx-blue)); }
.sp-rel a.on { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }
.sp-rel a.on i { color: inherit; }
.sp-rel a:hover { background: rgb(var(--fb-bt)) !important; }
.sp-rel a.on:hover { background: rgb(var(--ink)) !important; }

/* ayarlar */
.p-ayarlar .settings-container { max-width: 1360px; padding: 12px 16px 28px; }
.p-ayarlar .settings-layout { gap: 12px; }
.p-ayarlar .settings-tabs { background: rgb(var(--card)); border: 0 !important; border-radius: var(--fb-r); padding: 12px !important; margin: 0 !important; gap: 4px !important; align-self: start; }
.p-ayarlar .settings-tabs .tab-item { border: 0 !important; box-shadow: none !important; background: transparent; border-radius: 16px !important; padding: 12px 14px !important; font-weight: 700; color: rgb(var(--ink)); margin: 0 !important; }
.p-ayarlar .settings-tabs .tab-item:hover { background: rgb(var(--fb-inner)); }
.p-ayarlar .settings-tabs .tab-item.active { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }
.p-ayarlar .settings-tabs .tab-item.active * { color: inherit !important; }
.p-ayarlar .settings-content, .p-ayarlar .settings-content > div, .p-ayarlar .settings-content > form { border: 0 !important; box-shadow: none !important; }
.p-ayarlar .settings-content { background: rgb(var(--card)); border-radius: var(--fb-r) !important; padding: 26px !important; }
.p-ayarlar .settings-content > .bg-white, .p-ayarlar .settings-content .ui-card { background: transparent !important; padding: 0 !important; border: 0 !important; }
.settings-container input:not([type=checkbox]):not([type=radio]), .settings-container textarea, .settings-container select { background: rgb(var(--fb-inner)) !important; border: 1.5px solid transparent !important; border-radius: 14px !important; box-shadow: none !important; }
.settings-container input:focus, .settings-container textarea:focus, .settings-container select:focus { border-color: rgb(var(--hx-blue)) !important; box-shadow: 0 0 0 4px rgb(var(--hx-blue) / .18) !important; }
.notification-option { border: 0 !important; background: rgb(var(--fb-inner)) !important; border-radius: 16px !important; box-shadow: none !important; }

/* 404 */
.p-404 .bg-sky-400 { background: rgb(var(--hx-blue)) !important; }
.p-404 a.bg-white { border: 0 !important; border-radius: 999px !important; background: rgb(var(--card)) !important; font-weight: 700; }

/* çerez bandı, bildirim baloncukları */
.ck-banner { border-radius: 24px !important; }
.ck-b { border-radius: 999px !important; }
.toast { border-radius: 16px !important; }

/* giriş / kayıt kartları */
.p-giris main .bg-white, .p-kayit main .bg-white, .p-sifremi-unuttum main .bg-white, .p-sifre-sifirla main .bg-white { border: 0 !important; border-radius: var(--fb-r) !important; }
.p-404 .text-gray-100 { color: rgb(var(--n-200)) !important; }

/* ---------- gece modu ince ayarları ---------- */
html.dark .tm-card { background: color-mix(in srgb, var(--cc) 20%, rgb(28 28 34)) !important; color: rgb(var(--ink)) !important; }
html.dark .tm-card * { border-color: transparent; }
html.dark .tm-card h2, html.dark .tm-card h3, html.dark .tm-card b, html.dark .tm-card a:not(.tm-go) { color: rgb(var(--ink)) !important; }
html.dark .tm-card-desc { background: rgb(255 255 255 / .08) !important; color: rgb(var(--ink)) !important; }
html.dark .tm-chips span { background: rgb(255 255 255 / .1) !important; color: rgb(var(--ink)) !important; }
.tm-chips span { background: rgb(var(--card)) !important; }
html.dark .hx-cta { background: rgb(43 80 255) !important; color: #fff !important; }
html.dark .hx-cta * { color: #fff; }
html.dark .hx-cta-btn { color: rgb(21 21 26) !important; }
html.dark .gn-dice { background: rgb(43 80 255) !important; }
html.dark .sp-rel a.on, html.dark .sp-toc nav a.on, html.dark .gn-az a.on, html.dark .p-ayarlar .settings-tabs .tab-item.active { background: rgb(var(--hx-blue)) !important; color: #fff !important; }
html.dark .nvB-main a.is-active, html.dark .nvB-side a.is-active { background: rgb(var(--hx-blue)) !important; color: #fff !important; }
html.dark .bx-pages .on, html.dark .fb .bx-pages .on { background: rgb(var(--hx-blue)) !important; color: #fff !important; }
html.dark .btn-ink { background: rgb(var(--hx-blue)) !important; color: #fff !important; }
/* kendi rengini taşıyan eski başlık kutuları artık tema rengini kullanır (gece modunda da okunur) */
.sp-hero, .gn-hero, .tm-hero, .ac-hero, .tm-hero.vit, .ac-ev.big, .sp-tldr, .sp-stamp { color: rgb(var(--ink)) !important; }
.sp-hero h1, .gn-hero h1, .tm-hero h1, .ac-hero h1, .sp-hero p, .gn-hero p, .tm-hero p, .ac-hero p, .ac-ev.big .ac-ev-tx span, .ac-ev.big .ac-user { color: inherit !important; }
.ac-hero { background: rgb(var(--card)) !important; }
html.dark .tm-w-list, html.dark .tm-week, html.dark .tm-card-mid { background: rgb(255 255 255 / .07) !important; border-color: transparent !important; }
html.dark .tm-bars i { background: rgb(255 255 255 / .5); }
html.dark .tm-card .yl-r { background: rgb(0 0 0 / .22) !important; }
html.dark .tm-topics a, html.dark .tm-card-name a, html.dark .tm-who, html.dark .tm-w-desc, html.dark .tm-desc { color: rgb(var(--ink)) !important; }
html.dark .tm-topics small { background: transparent !important; color: rgb(var(--n-500)) !important; }
html.dark .tm-search { background: rgb(var(--fb-inner)) !important; color: rgb(var(--ink)) !important; }
html.dark main input[type=text], html.dark main input[type=email], html.dark main input[type=password], html.dark main input[type=search], html.dark main input[type=url], html.dark main textarea, html.dark main select { background-color: rgb(var(--fb-inner)); color: rgb(var(--ink)); border-color: transparent; }
html.dark .sp-doc, html.dark .sp-body, html.dark .sp-toc { color: rgb(var(--ink)); }
html.dark .gd-hk, html.dark .gd-title, html.dark .gd-text, html.dark .gd-who, html.dark .gd-who a, html.dark .gd-prev-it, html.dark .gd-stats { color: rgb(var(--ink)) !important; }
html.dark .smx-panel, html.dark .smx-h, html.dark .smx-inp, html.dark .smx-inp input, html.dark .smx-hints span, html.dark .smx-rq, html.dark .smx-ri { color: rgb(var(--ink)) !important; }
html.dark .smx-chip, html.dark .smx-res, html.dark .smx-ri .ico { background: rgb(var(--fb-inner)) !important; color: rgb(var(--ink)) !important; }
.tm-chips span.dk { background: rgb(var(--ink)) !important; color: rgb(var(--card)) !important; }