/*
Theme Name: Bookinton
Description: Bookinton kitap değerlendirme platformu için sıfırdan yazılmış hafif, modern tema. Page builder yok, jQuery yok; saf CSS/JS. Kitap, yazar, çevirmen, editör, yayınevi ve kitap kulübü içerik türleri için özel şablonlar içerir.
Version: 2.68.0
Author: Bookinton
License: GPL-2.0-or-later
Text Domain: bookinton
Requires PHP: 7.4
*/
/* ---------- Fraunces başlık fontu (self-host: Google'a dış istek yok, KVKK/gizlilik + hız) ---------- */
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("assets/fonts/fraunces-latin-ext-italic.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("assets/fonts/fraunces-latin-italic.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: 100 900; font-display: swap; src: url("assets/fonts/fraunces-latin-ext-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("assets/fonts/fraunces-latin-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; }
/* ---------- Temel değişkenler ---------- */
:root {
--ink: #211d1a; /* ana metin */
--ink-soft: #5c554f; /* ikincil metin */
--paper: #faf8f5; /* zemin */
--card: #ffffff;
--line: #e8e2da;
--accent: #b3501e; /* terrakota vurgu */
--accent-dark: #8f3f16;
--gold: #d99a2b; /* dekoratif altın (koyu zeminde) */
--star: #b07a14; /* dolu yıldız — paper üzerinde ≥3:1 (WCAG grafik) */
--star-empty: rgba(92, 85, 79, .38); /* boş yıldız — görünür */
--radius: 14px;
--shadow: 0 1px 2px rgba(33, 29, 26, .06), 0 8px 24px rgba(33, 29, 26, .07);
--shadow-lift: 0 2px 4px rgba(33, 29, 26, .08), 0 16px 40px rgba(33, 29, 26, .14);
--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
--wrap: 1200px;
--measure: 68ch; /* uzun metin ölçüsü (~66 karakter/satır) */
}
/* ---------- Sıfırlama ---------- */
*, *::before, *::after { box-sizing: border-box; }
body {
margin: 0;
font-family: var(--font-body);
font-size: 1.0625rem; /* 17px @ 16px kök — kök ölçeklenince büyür/küçülür */
line-height: 1.6;
color: var(--ink);
background: var(--paper);
-webkit-font-smoothing: antialiased;
}
/* Kullanıcı yazı boyutu (A−/A+) — 5 seviye, 18→26px. Kök ölçeği tüm rem metni etkiler.
Taban (seviye 1 = en küçük = VARSAYILAN) eski "büyük" (18px) boyutundan başlar. */
:root { font-size: 112.5%; } /* 1 — en küçük & varsayılan: 18px */
:root[data-fs="2"] { font-size: 125%; } /* 2 — 20px */
:root[data-fs="3"] { font-size: 137.5%; } /* 3 — 22px */
:root[data-fs="4"] { font-size: 150%; } /* 4 — 24px */
:root[data-fs="5"] { font-size: 162.5%; } /* 5 — 26px */
img { max-width: 100%; height: auto; display: block; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-dark); }
/* Tipografik ölçek: 17px taban × Perfect Fourth (1.333) */
h1, h2, h3, h4 { font-family: var(--font-display); font-optical-sizing: auto; line-height: 1.22; color: var(--ink); margin: 0 0 .5em; letter-spacing: -.01em; }
h1 { font-size: clamp(1.75rem, 4.5vw, 2.37rem); }
h2 { font-size: clamp(1.45rem, 3vw, 1.78rem); }
h3 { font-size: 1.33rem; }
h4 { font-size: 1.1rem; }
.bkt-wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; }
/* ---------- Üst bar ---------- */
.bkt-header {
position: sticky; top: 0; z-index: 50;
background: rgba(250, 248, 245, .97);
backdrop-filter: saturate(150%) blur(10px);
border-bottom: 1px solid var(--line);
}
.bkt-header-in {
display: flex; align-items: center; gap: 28px;
min-height: 68px;
}
/* Logo kilidi: süslü B + resmi wordmark (aynı marka ailesi) */
.bkt-logo { display: flex; align-items: center; gap: 10px; color: var(--ink); flex: 0 0 auto; }
.bkt-logo img { max-height: 40px; width: auto; }
.bkt-logomark { height: 32px; width: auto; transition: transform .25s ease, filter .25s ease; filter: drop-shadow(0 1px 1.5px rgba(35, 25, 15, .22)); }
.bkt-wordmark { height: 20px; width: auto; position: relative; top: 1px; filter: drop-shadow(0 0 .5px var(--ink)) drop-shadow(0 1px 1.5px rgba(35, 25, 15, .18)); }
.bkt-logo:hover .bkt-logomark { transform: rotate(-4deg) scale(1.06); filter: drop-shadow(0 2px 3px rgba(35, 25, 15, .3)); }
.bkt-nav { margin-left: auto; }
.bkt-nav ul { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; }
.bkt-nav li { position: relative; }
.bkt-nav a {
display: flex; align-items: center; gap: 10px;
padding: 8px 14px; border-radius: 999px;
color: var(--ink); font-weight: 500; font-size: 15px;
}
.bkt-nav a:hover, .bkt-nav .current-menu-item > a { background: var(--ink); color: #fff; }
/* Alt menü oku (yalnızca alt öğesi olan üst başlıklar) */
.bkt-nav .menu-item-has-children > a::after {
content: ""; width: 9px; height: 9px; flex: 0 0 auto; margin-left: -2px;
border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor;
transform: rotate(45deg) translateY(-2px); transition: transform .2s ease;
}
/* Masaüstü açılır menü: hover + klavye (focus-within) */
.bkt-nav .sub-menu {
position: absolute; top: calc(100% + 9px); left: 0; z-index: 60;
min-width: 230px; display: block; flex-direction: column; gap: 0;
background: var(--card); border: 1px solid var(--line); border-radius: 14px;
box-shadow: var(--shadow-lift); padding: 8px;
opacity: 0; visibility: hidden; transform: translateY(-6px);
transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
pointer-events: none;
}
/* Görünmez köprü: üst başlık ile açılır liste arasındaki boşlukta
fareyi kaybetmemek için (açılır menü artık kaybolmaz). */
.bkt-nav .menu-item-has-children:hover::after,
.bkt-nav .menu-item-has-children:focus-within::after {
content: ""; position: absolute; left: 0; right: -10px; top: 100%; height: 12px; z-index: 59;
}
.bkt-nav li:hover > .sub-menu, .bkt-nav li:focus-within > .sub-menu {
opacity: 1; visibility: visible; transform: none; pointer-events: auto;
transition: opacity .2s ease, transform .2s ease;
}
.bkt-nav li:hover > a::after, .bkt-nav li:focus-within > a::after { transform: rotate(225deg) translateY(-2px); }
.bkt-nav .sub-menu a { border-radius: 9px; padding: 10px 12px; font-size: 14.5px; }
.bkt-nav .sub-menu a:hover { background: var(--paper); color: var(--accent-dark); }
/* ---------- Mega menü (Keşfet) ---------- */
.bkt-nav li.bkt-has-mega { position: static; }
.bkt-mega {
position: absolute; top: 100%; left: 50%; z-index: 60;
width: min(960px, calc(100vw - 32px));
transform: translateX(-50%) translateY(-6px); margin-top: 11px;
background: var(--card); border: 1px solid var(--line); border-radius: 18px;
box-shadow: var(--shadow-lift);
opacity: 0; visibility: hidden; pointer-events: none;
transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
/* Görünmez köprü: başlık ile panel arasındaki boşluğu kapsar (kaydırınca header
incelse de yetsin diye geniş) — fare boşluktan geçerken menü kapanmasın. */
.bkt-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -30px; height: 32px; }
/* Açılış JS ile (.bkt-open) — fare ayrılınca kısa gecikmeyle kapanır; bu sürede
panele varılırsa açık kalır (boşluk sorununu kesin çözer). Klavye için focus-within. */
.bkt-nav li.bkt-has-mega.bkt-open > .bkt-mega,
.bkt-nav li.bkt-has-mega:focus-within > .bkt-mega {
opacity: 1; visibility: visible; pointer-events: auto;
transform: translateX(-50%) translateY(0);
transition: opacity .2s ease, transform .2s ease;
}
.bkt-mega-inner { display: grid; grid-template-columns: 208px 1fr; gap: 30px; padding: 26px 30px; }
.bkt-mega-eyebrow { display: block; font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 13px; }
.bkt-mega-rail { border-right: 1px solid var(--line); padding-right: 26px; }
.bkt-nav .bkt-mega-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.bkt-nav .bkt-mega-links li { position: static; }
.bkt-nav .bkt-mega-links a { display: flex; align-items: center; gap: 11px; padding: 9px 11px; border-radius: 10px; font-size: 15px; font-weight: 500; color: var(--ink); }
.bkt-nav .bkt-mega-links a::before { display: inline-block; width: 18px; height: 18px; }
.bkt-nav .bkt-mega-links a:hover { background: var(--paper); color: var(--accent-dark); }
.bkt-mega-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px 8px; }
.bkt-nav .bkt-mega-cat { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 8px 11px; border-radius: 10px; color: var(--ink); }
/* Hover: açık zemin + koyu yazı (genel .bkt-nav a:hover koyu zeminini ezerek okunur kalsın) */
.bkt-nav .bkt-mega-cat:hover { background: var(--paper); color: var(--accent-dark); }
.bkt-mega-cat-name { font-size: 14.5px; font-weight: 500; line-height: 1.25; color: inherit; }
.bkt-nav .bkt-mega-cat:hover .bkt-mega-cat-name { color: var(--accent-dark); }
.bkt-mega-cat-n { font-size: 11px; color: var(--ink-soft); font-variant-numeric: tabular-nums; flex: 0 0 auto; }
.bkt-mega-all { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; font-size: 14px; font-weight: 600; color: var(--accent-dark); }
.bkt-nav .bkt-mega-all:hover { background: transparent; color: var(--accent); }
.bkt-mega-all span { transition: transform .2s ease; }
.bkt-mega-all:hover span { transform: translateX(4px); }
/* Menü ikonları (mask, currentColor'a uyar) — mobil menüde görünür */
.bkt-nav a::before {
content: ""; flex: 0 0 auto; width: 19px; height: 19px; background: currentColor;
-webkit-mask: var(--bkt-ico, url("data:image/svg+xml;utf8,")) center / contain no-repeat;
mask: var(--bkt-ico, url("data:image/svg+xml;utf8,")) center / contain no-repeat;
display: none;
}
.bkt-nav a[href*="/kitaplar"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="kitap-yazari"], .bkt-nav a[href*="/yazarlar"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="/cevirmen"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="/editor"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="/marka"], .bkt-nav a[href*="yayinevi"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="kulup"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="iletisim"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="gundem"], .bkt-nav a[href*="/blog"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-nav a[href*="uye-girisi"], .bkt-nav a[href*="/hesap"] { --bkt-ico: url("data:image/svg+xml;utf8,"); }
.bkt-search-btn, .bkt-account-btn, .bkt-menu-btn {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid var(--line); background: var(--card); border-radius: 999px;
padding: 9px 15px; cursor: pointer; font: inherit; font-size: 14.5px; color: var(--ink-soft);
min-height: 42px; transition: border-color .2s ease, color .2s ease;
}
.bkt-search-btn:hover, .bkt-account-btn:hover, .bkt-menu-btn:hover { border-color: var(--accent); color: var(--accent-dark); }
.bkt-ico { width: 17px; height: 17px; flex: 0 0 auto; }
.bkt-menu-btn { display: none; }
/* Hamburger -> X morfu */
.bkt-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 4px; width: 18px; }
.bkt-burger span { display: block; height: 2px; width: 18px; background: currentColor; border-radius: 2px; transition: transform .28s ease, opacity .18s ease; }
.bkt-menu-btn.open .bkt-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.bkt-menu-btn.open .bkt-burger span:nth-child(2) { opacity: 0; }
.bkt-menu-btn.open .bkt-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
/* ---------- Arama paneli ---------- */
.bkt-search-panel { display: none; border-bottom: 1px solid var(--line); background: var(--card); padding: 18px 0; }
.bkt-search-panel.open { display: block; }
.bkt-search-form { display: flex; gap: 10px; }
.bkt-search-form input[type="search"] {
flex: 1; min-width: 0; padding: 12px 18px; border: 1.5px solid var(--line); border-radius: 999px;
font: inherit; background: var(--paper);
}
.bkt-search-form button {
padding: 12px 26px; border: 0; border-radius: 999px; background: var(--accent);
color: #fff; font: inherit; font-weight: 600; cursor: pointer;
}
.bkt-search-form button:hover { background: var(--accent-dark); }
/* ---------- Kahraman (ana sayfa) ---------- */
.bkt-hero { padding: 64px 0 48px; text-align: center; }
.bkt-hero p { max-width: 640px; margin: 0 auto 26px; color: var(--ink-soft); font-size: 1.1rem; }
.bkt-hero .bkt-search-form { max-width: 560px; margin: 0 auto; }
/* ---------- Bölüm başlıkları ---------- */
.bkt-section { padding: 36px 0; }
.bkt-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.bkt-section-head a { font-size: .92rem; font-weight: 600; color: var(--accent-dark); }
/* ---------- Öne çıkan yazı (editoryal blok) ---------- */
.bkt-feature {
display: grid; grid-template-columns: 1.05fr 1fr; gap: 36px; align-items: center;
background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
padding: 26px; box-shadow: var(--shadow);
}
.bkt-feature-media { border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 10; background: var(--line); }
.bkt-feature-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.bkt-feature:hover .bkt-feature-media img { transform: scale(1.03); }
.bkt-feature-text h2 { font-size: clamp(1.4rem, 2.6vw, 1.78rem); margin: 6px 0 4px; }
.bkt-feature-text h2 a { color: var(--ink); }
.bkt-feature-text h2 a:hover { color: var(--accent-dark); }
.bkt-feature-text p { color: var(--ink-soft); }
.bkt-feature-link { font-weight: 600; color: var(--accent-dark); }
/* ---------- Kitap kartları ---------- */
.bkt-grid { display: grid; gap: 26px; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); }
.bkt-book-card { position: relative; text-align: left; }
/* Stretched-link: başlık bağlantısı tüm kartı kaplar (tek sekme durağı) */
.bkt-book-card .bkt-card-link::after { content: ""; position: absolute; inset: 0; border-radius: 10px; }
.bkt-book-card .bkt-byline, .bkt-book-card .bkt-stars { position: relative; z-index: 1; }
.bkt-byline a { color: var(--accent-dark); }
.bkt-cover {
position: relative; aspect-ratio: 0.64; border-radius: 10px; overflow: hidden;
background: linear-gradient(160deg, #efe9e1, #e2d9cd);
box-shadow: var(--shadow); transition: transform .22s ease, box-shadow .22s ease;
}
.bkt-cover img { width: 100%; height: 100%; object-fit: contain; }
.bkt-book-card:hover .bkt-cover { transform: translateY(-5px); box-shadow: var(--shadow-lift); }
.bkt-cover-empty { display: flex; align-items: center; justify-content: center; height: 100%; padding: 14px; text-align: center; font-family: var(--font-display); color: var(--ink-soft); }
.bkt-book-card h3 { font-size: 1.02rem; margin: 12px 0 2px; }
.bkt-book-card h3 a { color: var(--ink); }
.bkt-book-card h3 a:hover { color: var(--accent); }
.bkt-byline { font-size: .88rem; color: var(--ink-soft); margin: 0; }
/* ---------- Yıldızlar (kesirli dolum) ---------- */
.bkt-stars { display: inline-flex; align-items: center; gap: 7px; font-size: .9rem; color: var(--ink-soft); }
.bkt-stars-track { position: relative; display: inline-block; line-height: 1; font-size: 1.02rem; letter-spacing: 2px; color: var(--star-empty); }
.bkt-stars-fill { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; white-space: nowrap; color: var(--star); }
.bkt-stars-val { font-variant-numeric: tabular-nums; }
/* Eski elle yazılmış yıldız satırları (v4/v5/hesap) */
.bkt-stars-row { letter-spacing: 2px; color: var(--star); font-size: 1rem; }
.bkt-stars-row .dim { color: var(--star-empty); }
/* Puan kahraman bloğu (kitap detayı) */
.bkt-rating-hero {
display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
margin: 6px 0 14px; padding: 14px 18px;
background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
}
.bkt-rating-num { font-family: var(--font-display); font-size: 2.5rem; line-height: 1; color: var(--ink); font-weight: 700; }
.bkt-rating-meta { display: grid; gap: 3px; }
.bkt-rating-meta small { color: var(--ink-soft); }
.bkt-dist { display: grid; gap: 3px; margin-left: auto; min-width: 190px; }
.bkt-dist-row { display: grid; grid-template-columns: 26px 1fr 30px; gap: 8px; align-items: center; font-size: .78rem; color: var(--ink-soft); }
.bkt-dist-bar { height: 7px; background: var(--line); border-radius: 4px; overflow: hidden; }
.bkt-dist-bar span { display: block; height: 100%; background: var(--star); border-radius: 4px; }
.bkt-dist-n { text-align: right; font-variant-numeric: tabular-nums; }
/* ---------- Breadcrumb (yol) ---------- */
.bkt-breadcrumb { margin: 0 0 14px; font-size: .82rem; line-height: 1.5; color: var(--ink-soft); }
.bkt-breadcrumb-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; }
.bkt-breadcrumb-item { display: inline-flex; align-items: center; min-width: 0; }
.bkt-breadcrumb-item + .bkt-breadcrumb-item::before { content: "\203A"; margin: 0 8px; color: var(--line); font-size: .9em; }
.bkt-breadcrumb a { color: var(--ink-soft); text-decoration: none; }
.bkt-breadcrumb a:hover { color: var(--accent); }
.bkt-breadcrumb [aria-current="page"] { color: var(--ink); font-weight: 600; max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
.bkt-breadcrumb { font-size: .78rem; margin-bottom: 10px; }
.bkt-breadcrumb-item + .bkt-breadcrumb-item::before { margin: 0 5px; }
.bkt-breadcrumb [aria-current="page"] { max-width: 16ch; }
}
/* ---------- Tekil kitap ---------- */
.bkt-single { padding: 44px 0; }
.bkt-book-layout { display: grid; grid-template-columns: 320px 1fr; gap: 44px; align-items: start; }
/* Yeni düzen: üstte 2 kolon (3B kapak + satın al · künye/bilgi), altta tam-genişlik inceleme */
.bkt-book-top { display: grid; grid-template-columns: 340px 1fr; gap: 52px; align-items: start; margin: 6px 0 16px; }
.bkt-book-side { position: sticky; top: 92px; }
.bkt-book-meta { min-width: 0; }
.bkt-book-meta .bkt-book-title { margin-top: 0; }
.bkt-book-meta .bkt-rating-hero { margin-top: 14px; }
.bkt-book-review { max-width: 860px; margin: 14px auto 0; }
.bkt-kunye-est { color: var(--ink-soft); font-size: .85em; }
/* Künye altı meta bar: kategoriler, etiketler, sosyal paylaşım */
.bkt-book-foot { max-width: 860px; margin: 22px auto 0; padding: 20px 0 0; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: flex-start; justify-content: space-between; }
.bkt-book-foot-meta { display: grid; gap: 9px; min-width: 0; flex: 1 1 320px; }
.bkt-foot-row { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.bkt-foot-k { flex: 0 0 auto; font-size: .9rem; font-weight: 600; color: var(--ink-soft); }
.bkt-foot-v { display: inline-flex; flex-wrap: wrap; gap: 5px 14px; min-width: 0; }
.bkt-foot-v a { color: var(--ink); font-size: .92rem; }
.bkt-foot-v a:hover { color: var(--accent); }
.bkt-foot-tags a { color: var(--ink-soft); }
.bkt-foot-tags a:hover { color: var(--accent); }
.bkt-book-share { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.bkt-book-share .bkt-foot-k { white-space: nowrap; }
.bkt-share-btns { display: inline-flex; gap: 7px; flex-wrap: wrap; }
.bkt-share-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); color: var(--ink-soft); cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .15s ease; padding: 0; }
.bkt-share-btn:hover { color: var(--paper); background: var(--ink); border-color: var(--ink); transform: translateY(-2px); }
.bkt-share-copy.is-done { color: var(--paper); background: var(--accent); border-color: var(--accent); }
@media (max-width: 620px) { .bkt-book-share { width: 100%; justify-content: flex-start; margin-top: 4px; } }
/* 3B kitap kapağı — premium hava. YAPI: .bkt-cover-3d (perspektif kabı) >
.bkt-book3d (TEMİZ preserve-3d kutu) > ön kapak (img) + .bkt-3d-pages + .bkt-3d-spine.
.bkt-cover taban sınıfı preserve-3d'yi flat'e düşürdüğü için 3B'yi ayrı temiz kaba aldık. */
.bkt-book-side .bkt-cover-3d {
position: relative; aspect-ratio: auto; background: none; box-shadow: none; overflow: visible;
perspective: 600px; perspective-origin: 60% 45%;
margin: 10px 0 14px;
}
.bkt-book-side .bkt-cover-3d .bkt-book3d {
position: relative; transform-style: preserve-3d;
transform: rotateY(-16deg);
transition: transform .65s cubic-bezier(.2, .7, .2, 1);
}
.bkt-book-side .bkt-cover-3d:hover .bkt-book3d { transform: rotateY(-28deg); } /* üzerine gelince "açılır" — breadcrumb'a taşmayacak ölçüde */
.bkt-book-side .bkt-cover-3d img {
display: block; width: 100%; height: auto; background: #fff;
border-radius: 2px 4px 4px 2px;
box-shadow:
inset 11px 0 18px -11px rgba(0, 0, 0, .38), /* cilt (spine) gölgesi — sol */
0 24px 46px -14px rgba(33, 29, 26, .46); /* zemin derinliği */
position: relative; z-index: 2; backface-visibility: hidden;
}
/* Sol cilt izi (spine crease) — kapakta ince, belli belirsiz dikey çizgi */
.bkt-book-side .bkt-cover-3d .bkt-3d-spine {
position: absolute; top: 0; bottom: 0; left: 8px; width: 2px;
transform: translateZ(1px);
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
z-index: 3; pointer-events: none;
}
/* Sayfa bloğu (fore-edge): kapağın sağ kenarından ARKAYA uzanan DİK derinlik yüzeyi.
Tam 90° dik; güçlü perspektif (600px) + eğim (-36°) ile görünür izdüşüm alanı kazanır.
Derinlik = kalınlık (--bkt-thick); sayfa çizgileri + koyu arka kenar. */
.bkt-book-side .bkt-cover-3d .bkt-3d-pages {
position: absolute; top: 0; bottom: 0; right: 0; width: var(--bkt-thick, 8px);
transform-origin: right center;
transform: rotateY(-90deg);
background:
repeating-linear-gradient(to right, #ddd0b0 0 1.5px, #6a5836 1.5px 3px),
linear-gradient(to right, #b9a87f, #4a3c20);
box-shadow: inset -6px 0 9px rgba(0, 0, 0, .5); /* en arkada çok koyu = arka kapak kenarı */
border-radius: 0 2px 2px 0;
}
.bkt-book-side .bkt-cover-3d .bkt-cover-empty {
display: flex; align-items: center; justify-content: center; aspect-ratio: 0.64;
padding: 14px; text-align: center; font-family: var(--font-display); color: var(--ink-soft);
background: linear-gradient(160deg, #efe9e1, #e2d9cd); border-radius: 2px 6px 6px 2px;
box-shadow: 18px 22px 42px -8px rgba(33, 29, 26, .38);
}
@media (max-width: 880px) {
.bkt-book-top { grid-template-columns: 1fr; gap: 26px; }
.bkt-book-side { position: static; max-width: 230px; }
.bkt-book-review { max-width: none; }
}
.bkt-buy { margin-top: 18px; display: grid; gap: 10px; }
.bkt-buy a {
display: block; text-align: center; padding: 12px 16px; border-radius: 10px;
background: var(--ink); color: #fff; font-weight: 600; font-size: .95rem;
}
.bkt-buy a:hover { background: var(--accent); }
.bkt-meta-title { color: var(--ink-soft); font-size: 1.05rem; margin-top: -8px; }
.bkt-meta-title a { color: var(--accent-dark); font-weight: 600; }
/* Tanıtım yazarı (yazardan ayrı) */
.bkt-promo-by { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin: 8px 0 0; font-size: .92rem; color: var(--ink-soft); }
.bkt-promo-label {
font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
color: var(--accent-dark); background: rgba(179, 80, 30, .1); padding: 3px 9px; border-radius: 999px;
}
.bkt-promo-by a { color: var(--ink); font-weight: 600; }
.bkt-promo-by a:hover { color: var(--accent-dark); }
/* Kitap başlığının yanındaki yazar(lar) — başlıkla AYNI biçim (serif/boyut/renk).
Hiçbir font geçersiz kılması yok; h1'den miras alır. Yalnız bağlantı rengi. */
.bkt-title-author a { color: inherit; }
.bkt-title-author a:hover { color: var(--accent-dark); }
/* Tanıtım metninin öne çıkan girişi (ilk paragraf): biraz koyu + italik */
.bkt-book-prose > p:first-of-type {
font-style: italic; font-weight: 600; color: var(--ink);
font-size: 1.16rem; line-height: 1.6; margin-bottom: 1.1em;
}
.bkt-kunye { width: 100%; border-collapse: collapse; margin: 26px 0; font-size: .95rem; }
.bkt-kunye th, .bkt-kunye td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.bkt-kunye th { width: 170px; color: var(--ink-soft); font-weight: 600; }
.bkt-kunye td.bkt-kunye-rating { font-size: 1.02rem; letter-spacing: .01em; }
.bkt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.bkt-chip {
display: inline-flex; align-items: center; padding: 7px 14px; min-height: 32px;
border-radius: 999px; font-size: .85rem;
background: var(--card); border: 1px solid var(--line); color: var(--ink-soft);
}
a.bkt-chip:hover { border-color: var(--accent); color: var(--accent-dark); }
/* Uzun metin: serif, 68ch ölçü, görünür linkler */
.bkt-prose {
font-family: var(--font-display);
font-size: 1.09rem; line-height: 1.7;
max-width: var(--measure);
}
.bkt-prose p { margin: 0 0 1.2em; }
.bkt-prose a, .bkt-comment-body a, .bkt-article .bkt-prose a {
text-decoration: underline; text-underline-offset: 3px;
text-decoration-thickness: 1px; text-decoration-color: rgba(143, 63, 22, .45);
color: var(--accent-dark);
}
.bkt-prose a:hover { text-decoration-thickness: 2px; }
.bkt-prose blockquote {
margin: 1.6em 0; padding: .25em 0 .25em 1.25em;
border-left: 3px solid var(--accent);
font-style: italic; font-size: 1.08em; color: var(--ink-soft);
}
.bkt-prose blockquote p:last-child { margin-bottom: 0; }
/* Bölüm ritmi: kitap detayında ardışık h2'ler ayrışsın */
.bkt-book-main > h2 { margin-top: 2.3em; }
.bkt-book-main > h2::after {
content: ""; display: block; width: 34px; height: 3px;
background: var(--accent); border-radius: 2px; margin-top: 8px;
}
/* ---------- Kişi / kulüp / yayınevi ---------- */
.bkt-person-head { display: flex; gap: 28px; align-items: center; padding: 40px 0 8px; }
.bkt-avatar { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; box-shadow: var(--shadow); background: var(--line); }
.bkt-role { color: var(--accent-dark); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; font-size: .8rem; }
.bkt-person-meta { color: var(--ink-soft); margin: 4px 0 0; font-weight: 600; }
.bkt-cards { display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.bkt-card {
background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
padding: 22px; box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease;
}
.bkt-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bkt-card h3 a { color: var(--ink); }
.bkt-card p { color: var(--ink-soft); font-size: .94rem; }
.bkt-club-cover { aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; margin-bottom: 14px; background: var(--line); }
.bkt-club-cover img { width: 100%; height: 100%; object-fit: cover; }
.bkt-about-card .bkt-club-cover { aspect-ratio: 16 / 10; }
.bkt-about-kind { display: inline-block; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--accent-dark); background: color-mix(in srgb, var(--accent) 13%, transparent); padding: 2px 9px; border-radius: 999px; margin-bottom: 7px; }
/* ---------- Kişi/yayınevi arşivi (zengin ızgara) ---------- */
.bkt-archive-head { padding: 32px 0 8px; }
.bkt-archive-head h1 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bkt-archive-head p { color: var(--ink-soft); margin: 4px 0 0; max-width: var(--measure); }
.bkt-count-badge {
font-family: var(--font-body); font-size: .9rem; font-weight: 600;
color: var(--accent-dark); background: rgba(179, 80, 30, .1);
padding: 3px 12px; border-radius: 999px; letter-spacing: 0;
}
/* Alfabetik harf filtresi */
/* Alfabe filtresi — premium, dokunsal "gömük tepsi" + daire harf düğmeleri */
.bkt-alpha {
display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
margin: 22px 0 8px; padding: 9px 11px; border-radius: 18px;
background: var(--paper); border: 1px solid var(--line);
box-shadow: inset 0 1px 3px rgba(33, 29, 26, .06);
}
.bkt-alpha a, .bkt-alpha span {
display: grid; place-items: center;
width: 38px; height: 38px; padding: 0;
border-radius: 50%; line-height: 1;
font-family: var(--font-display); font-weight: 600; font-size: 1.02rem;
color: var(--ink-soft); background: transparent; border: 1px solid transparent;
-webkit-tap-highlight-color: transparent; user-select: none;
transition: transform .13s cubic-bezier(.34, 1.5, .64, 1), background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.bkt-alpha a { cursor: pointer; }
.bkt-alpha a:hover { color: var(--accent-dark); background: var(--card); border-color: var(--line); transform: translateY(-2px); box-shadow: var(--shadow); }
.bkt-alpha a:active { transform: scale(.86); box-shadow: none; } /* basma hissi */
.bkt-alpha a.is-active { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: 0 4px 13px rgba(194, 96, 47, .34); }
.bkt-alpha a.is-active:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(194, 96, 47, .4); }
.bkt-alpha a.is-active:active { transform: scale(.9); }
.bkt-alpha .bkt-alpha-all {
width: auto; padding: 0 17px; border-radius: 999px;
font-family: var(--font-body); font-size: .84rem; font-weight: 700; letter-spacing: .03em;
color: var(--ink);
}
.bkt-alpha .bkt-alpha-all:hover { color: var(--accent-dark); }
.bkt-alpha .is-empty { color: var(--ink); opacity: .22; background: transparent; border-color: transparent; cursor: default; }
@media (max-width: 760px) {
.bkt-alpha { gap: 5px; padding: 8px 9px; border-radius: 15px; }
.bkt-alpha a, .bkt-alpha span { width: 35px; height: 35px; font-size: .95rem; }
.bkt-alpha .bkt-alpha-all { padding: 0 13px; height: 35px; }
}
.bkt-people-grid {
display: grid; gap: 14px; margin: 22px 0 8px;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.bkt-person-card {
--mono: 179, 80, 30;
display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px;
padding: 26px 16px 20px; border: 1px solid var(--line); border-radius: 18px;
background: var(--card); color: var(--ink);
box-shadow: 0 1px 2px rgba(33, 29, 26, .04), 0 16px 30px -22px rgba(33, 29, 26, .26);
transition: transform .26s cubic-bezier(.34, 1.32, .64, 1), box-shadow .26s ease, border-color .26s ease;
}
.bkt-person-card:hover {
transform: translateY(-6px);
border-color: rgba(var(--mono), .42);
box-shadow: 0 1px 2px rgba(33, 29, 26, .05), 0 26px 44px -24px rgba(var(--mono), .42);
}
.bkt-person-photo {
width: 94px; height: 94px; border-radius: 50%; overflow: hidden; margin-bottom: 8px;
background: #f1ece4; display: flex; align-items: center; justify-content: center;
box-shadow: 0 0 0 4px var(--card), 0 0 0 5px rgba(33, 29, 26, .07), 0 7px 16px -8px rgba(33, 29, 26, .26);
transition: transform .26s cubic-bezier(.34, 1.32, .64, 1), box-shadow .26s ease;
}
.bkt-person-card:hover .bkt-person-photo { transform: scale(1.05); }
.bkt-person-photo img { width: 100%; height: 100%; object-fit: cover; }
/* Baş harf monogramı: derin-mat renk dolgusu + iç parlama + renkli halka & ışıma (albeni) */
.bkt-person-photo:has(.bkt-person-initial) {
background: linear-gradient(152deg, rgba(var(--mono), .9), rgb(var(--mono)));
box-shadow: inset 0 1px 2px rgba(255, 255, 255, .28), 0 0 0 4px var(--card), 0 0 0 5px rgba(var(--mono), .22), 0 10px 20px -7px rgba(var(--mono), .48);
}
.bkt-person-initial { font-family: var(--font-display); font-weight: 600; font-size: 2.35rem; color: #fbf6ef; line-height: 1; text-shadow: 0 1px 3px rgba(40, 20, 8, .24); }
/* Yayınevi logoları: krem zemin, kırpılmadan */
.bkt-person-card.is-pub .bkt-person-photo:has(img) { background: #fbf8f3; }
.bkt-person-card.is-pub .bkt-person-photo img { object-fit: contain; padding: 14px; }
.bkt-person-name {
font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; color: var(--ink); line-height: 1.25;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bkt-person-count { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 500; color: var(--ink-soft); }
.bkt-person-count::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--mono)); flex: 0 0 auto; }
@media (max-width: 560px) {
.bkt-people-grid { grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 12px; }
.bkt-person-card { padding: 20px 12px 16px; }
.bkt-person-photo { width: 78px; height: 78px; }
.bkt-person-initial { font-size: 2rem; }
}
/* ---------- Ana sayfa varlık vitrini: premium monogram rayı ---------- */
.bkt-people-head { align-items: flex-end; }
.bkt-people-eyebrow { display: block; font-family: var(--font-body); font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 6px; }
.bkt-people-headings h2 { margin: 0; }
.bkt-people-more { flex: 0 0 auto; font-size: .9rem; font-weight: 600; color: var(--accent-dark); white-space: nowrap; }
.bkt-people-more span { display: inline-block; transition: transform .2s ease; }
.bkt-people-more:hover span { transform: translateX(4px); }
.bkt-people-row {
display: grid; grid-auto-flow: column; grid-auto-columns: 168px; gap: 16px;
overflow-x: auto; padding: 14px 2px 24px;
scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
scrollbar-width: thin; scrollbar-color: var(--line) transparent;
}
.bkt-people-row .bkt-person-card { scroll-snap-align: start; }
@media (max-width: 560px) {
.bkt-people-row { grid-auto-columns: 150px; gap: 12px; padding: 12px 2px 20px; }
}
/* ---------- Yorumlar ---------- */
.bkt-comments { margin-top: 44px; border-top: 2px solid var(--line); padding-top: 30px; }
.bkt-comment { display: flex; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.bkt-comment .avatar { border-radius: 50%; flex-shrink: 0; }
.bkt-comment-meta { font-size: .85rem; color: var(--ink-soft); }
.bkt-comment-body p { margin: .35em 0; }
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form select {
width: 100%; padding: 11px 14px; border: 1.5px solid var(--line); border-radius: 10px; font: inherit; background: var(--card);
}
.comment-form .submit {
padding: 12px 30px; border: 0; border-radius: 999px; background: var(--accent);
color: #fff; font-weight: 600; cursor: pointer;
}
.comment-form .submit:hover { background: var(--accent-dark); }
/* ---------- Blog / sayfa ---------- */
/* Blog yazısı: kap genişliği = header (logo→menü) genişliği; öne çıkan görsel tam genişlik */
.bkt-article { max-width: var(--wrap); margin: 0 auto; padding: 44px 20px; }
.bkt-article img { border-radius: 10px; }
.bkt-article > .wp-post-image { width: 100%; height: auto; border-radius: 16px; margin: 6px 0 32px; box-shadow: var(--shadow); }
.bkt-article > h1 { font-size: clamp(2rem, 4.2vw, 3.1rem); max-width: 20ch; }
/* Okuma sütunu rahat kalsın (uzun satır okunmaz); görsel/başlık tam genişlik */
.bkt-article .bkt-prose { max-width: 78ch; }
.bkt-article-meta { color: var(--ink-soft); font-size: .9rem; margin-bottom: 26px; }
.bkt-list-item { display: grid; grid-template-columns: 220px 1fr; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.bkt-list-thumb { aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; background: var(--line); }
.bkt-list-thumb img { width: 100%; height: 100%; object-fit: cover; }
/* ---------- Sayfalama ---------- */
.bkt-pagination { display: flex; gap: 8px; justify-content: center; padding: 36px 0; flex-wrap: wrap; }
.bkt-pagination .page-numbers {
padding: 9px 16px; border-radius: 999px; border: 1px solid var(--line);
background: var(--card); color: var(--ink); font-size: .92rem;
}
.bkt-pagination .current { background: var(--ink); color: #fff; border-color: var(--ink); }
/* ---------- Altbilgi ---------- */
.bkt-footer { position: relative; margin-top: 72px; background: var(--ink); color: #cfc8c0; }
.bkt-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--accent), var(--gold) 70%); }
.bkt-footer a { color: #e7e0d6; transition: color .18s ease, transform .18s ease; }
.bkt-footer a:hover { color: #fff; }
.bkt-footer-in { display: grid; grid-template-columns: 1.05fr 1.15fr 1.3fr; gap: clamp(28px, 4vw, 56px); padding: clamp(42px, 5vw, 66px) 20px 42px; align-items: start; }
/* Sol: marka */
.bkt-footer-logo { display: inline-flex; align-items: center; gap: 13px; }
.bkt-footer-mark { height: 52px; width: auto; filter: brightness(0) invert(1); transition: transform .25s ease; }
.bkt-footer-word { height: 25px; width: auto; filter: brightness(0) invert(1); opacity: .95; }
.bkt-footer-logo:hover .bkt-footer-mark { transform: rotate(-4deg) scale(1.05); }
.bkt-footer-tag { margin: 18px 0 0; font-size: .92rem; line-height: 1.65; color: #aba396; max-width: 32ch; }
/* Orta: menü */
.bkt-footer-menu { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.bkt-footer-col h4 { color: #fff; font-family: var(--font-display); font-size: 1.02rem; font-weight: 600; margin: 0 0 14px; }
.bkt-footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.bkt-footer-col a { font-size: .92rem; display: inline-block; }
.bkt-footer-col a:hover { transform: translateX(3px); }
.bkt-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }
.bkt-footer-bottom-in { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 18px 20px; font-size: .82rem; color: #9a9384; }
.bkt-footer-bottom-in a { color: #cbb89a; text-decoration: none; border-bottom: 1px solid transparent; transition: color .18s ease, border-color .18s ease; }
.bkt-footer-bottom-in a:hover { color: #fff; border-bottom-color: rgba(255, 255, 255, .4); }
.bkt-footer-made { color: #80796b; }
/* ---------- Duyarlılık (mobil öncelikli iyileştirmeler) ---------- */
@media (max-width: 900px) {
.bkt-book-layout { grid-template-columns: 1fr; }
.bkt-book-side { position: static; max-width: 300px; }
.bkt-footer-in { grid-template-columns: 1fr; gap: 34px; }
.bkt-footer-menu { max-width: 440px; }
.bkt-list-item { grid-template-columns: 1fr; }
.bkt-feature { grid-template-columns: 1fr; gap: 18px; padding: 18px; }
}
/* Premium mobil footer: ortalanmış marka + menü, ferah boşluk */
@media (max-width: 640px) {
.bkt-footer-in { padding: 48px 24px 38px; gap: 32px; }
.bkt-footer-brand { display: flex; flex-direction: column; align-items: center; text-align: center; }
.bkt-footer-logo { justify-content: center; gap: 14px; }
.bkt-footer-mark { height: 56px; }
.bkt-footer-tag { margin: 16px auto 0; max-width: 30ch; }
.bkt-footer-menu { max-width: 360px; margin: 0 auto; text-align: center; gap: 18px 22px; }
.bkt-footer-col h4 { margin-bottom: 12px; }
.bkt-footer-col a:hover { transform: none; }
.bkt-footer-news { width: 100%; max-width: 440px; margin: 0 auto; }
.bkt-news--compact .bkt-news-head { justify-content: center; }
.bkt-news--compact .bkt-news-sub { text-align: center; }
.bkt-news--compact .bkt-news-row button { flex: 1 1 100%; justify-content: center; }
.bkt-footer-bottom-in { justify-content: center; text-align: center; }
}
/* Üst menü hamburgere ~1100px altında geçer: 6 öğeli yatay menü + yazı boyutu +
tema + arama düğmeleri ancak ~1084px'den geniş ekrana sığar; daha darda taşardı.
(İçerik yazı ölçeği artık başlığı etkilemiyor — bu salt yerleşim genişliği meselesi.) */
@media (max-width: 1100px) {
.bkt-header-in { gap: 12px; }
.bkt-menu-btn { display: inline-flex; margin-left: auto; min-width: 44px; min-height: 44px; justify-content: center; }
.bkt-search-btn, .bkt-account-btn { margin-left: 0; min-width: 44px; min-height: 44px; justify-content: center; padding: 9px 12px; }
.bkt-search-btn .bkt-btn-label, .bkt-account-btn .bkt-btn-label { display: none; }
/* Animasyonlu mobil menü: aşağı kayar + öğeler sırayla belirir */
.bkt-nav {
display: block; position: absolute; left: 0; right: 0; top: 100%;
background: var(--card); border-bottom: 1px solid var(--line);
box-shadow: var(--shadow-lift);
max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); /* uzun menü taşarsa drawer içinde kaydır */
overflow-y: auto; overscroll-behavior: contain;
opacity: 0; visibility: hidden; transform: translateY(-10px);
transition: opacity .26s ease, transform .26s ease, visibility 0s linear .26s;
pointer-events: none;
}
.bkt-nav.open {
opacity: 1; visibility: visible; transform: none; pointer-events: auto;
transition: opacity .26s ease, transform .26s ease;
}
.bkt-nav ul { flex-direction: column; gap: 2px; padding: 12px 16px 16px; }
.bkt-nav li { opacity: 0; transform: translateX(-10px); transition: opacity .24s ease, transform .24s ease; }
.bkt-nav.open li { opacity: 1; transform: none; }
.bkt-nav.open li:nth-child(1) { transition-delay: .04s; }
.bkt-nav.open li:nth-child(2) { transition-delay: .08s; }
.bkt-nav.open li:nth-child(3) { transition-delay: .12s; }
.bkt-nav.open li:nth-child(4) { transition-delay: .16s; }
.bkt-nav.open li:nth-child(5) { transition-delay: .20s; }
.bkt-nav.open li:nth-child(6) { transition-delay: .24s; }
.bkt-nav.open li:nth-child(7) { transition-delay: .28s; }
.bkt-nav.open li:nth-child(8) { transition-delay: .32s; }
.bkt-nav a { padding: 13px 14px; min-height: 48px; font-size: 1.02rem; border-radius: 12px; }
.bkt-nav a::before { display: inline-block; }
.bkt-nav a:hover, .bkt-nav .current-menu-item > a { background: var(--paper); color: var(--accent-dark); }
/* Mobilde alt menü: açılır kutu değil, girintili sabit liste.
Görünürlük/tıklanabilirlik parent nav'a bağlı (inherit): menü KAPALIYKEN
alt menü de hidden + pointer-events:none olur, yoksa görünmez ama tıklanabilir
bir katman olarak sayfa içeriğinin üstüne yayılıp dokunuşları çalardı. */
.bkt-nav .menu-item-has-children::after { content: none; } /* köprü kapalı */
.bkt-nav .sub-menu {
position: static; min-width: 0; opacity: 1; visibility: inherit; transform: none;
pointer-events: inherit; box-shadow: none; border: 0; background: transparent;
padding: 0 0 4px 30px; transition: none;
}
.bkt-nav .sub-menu a { min-height: 42px; font-size: .96rem; color: var(--ink-soft); }
.bkt-nav .menu-item-has-children > a::after { transform: rotate(45deg) translateY(-2px); opacity: .45; }
/* Mobil: mega panel drawer içinde sade, statik olarak akar.
visibility/pointer-events INHERIT (sub-menu gibi): menü KAPALIYKEN mega da
gizli + tıklanamaz olur; yoksa görünmez ama tıklanabilir bir katman olarak
sayfa içeriğinin (ör. harf filtresi) üstüne yayılıp dokunuşları çalar. */
/* Mobilde "Keşfet" mega bloğunu menünün en altına al (sadece mobil — CSS order). */
.bkt-nav li.bkt-has-mega { position: static; order: 99; }
.bkt-mega {
position: static; transform: none; width: auto; margin: 0; opacity: 1; visibility: inherit;
pointer-events: inherit; background: transparent; border: 0; border-radius: 0; box-shadow: none;
transition: none;
}
/* Mobilde drawer içinde mega statik akar; masaüstü "açık" kuralının
translateX(-50%) dönüşümü buraya sızıp paneli sola kaydırmasın. */
.bkt-nav li.bkt-has-mega.bkt-open > .bkt-mega,
.bkt-nav li.bkt-has-mega:focus-within > .bkt-mega { transform: none; }
.bkt-mega::before { display: none; }
.bkt-mega-inner { display: block; padding: 0 0 6px 30px; }
.bkt-mega-rail { border-right: 0; padding-right: 0; }
.bkt-mega-eyebrow { margin: 10px 0 4px; font-size: .66rem; color: var(--ink-soft); }
.bkt-nav .bkt-mega-links a { min-height: 42px; }
.bkt-mega-cat-grid { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 0 2px; }
.bkt-nav .bkt-mega-cat { padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; min-height: 0; }
.bkt-nav .bkt-mega-cat::before { display: none; }
.bkt-mega-cat-name { font-size: .85rem; }
.bkt-mega-cat-n { display: none; }
.bkt-mega-all { margin: 12px 0 4px; }
}
@media (max-width: 760px) {
/* Yalnızca telefon: süslü B (tablet/dar masaüstünde tam wordmark görünür) */
.bkt-wordmark { display: none; }
.bkt-logomark { height: 36px; }
.bkt-person-head { flex-direction: column; text-align: center; }
.bkt-rating-hero { gap: 14px; padding: 14px; }
.bkt-dist { margin-left: 0; min-width: 100%; }
/* Ana sayfa rafları: grid yerine yatay kaydırmalı raf */
.bkt-home .bkt-grid {
display: flex; gap: 16px; overflow-x: auto; padding: 4px 4px 18px;
scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
scrollbar-width: thin; scrollbar-color: var(--line) transparent;
}
.bkt-home .bkt-grid .bkt-book-card { flex: 0 0 146px; scroll-snap-align: start; }
}
@media (max-width: 640px) {
.bkt-grid { gap: 16px; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); }
.bkt-hero { padding: 44px 0 34px; }
}
@media (max-width: 560px) {
/* Künye tablosu: dikey istif */
.bkt-kunye, .bkt-kunye tbody, .bkt-kunye tr, .bkt-kunye th, .bkt-kunye td { display: block; width: auto; }
.bkt-kunye tr { padding: 10px 0; border-bottom: 1px solid var(--line); }
.bkt-kunye th { padding: 0 0 2px; border: 0; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.bkt-kunye td { padding: 0; border: 0; }
}
/* ---------- Azaltılmış hareket ---------- */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; }
.bkt-book-card:hover .bkt-cover, .bkt-card:hover { transform: none; }
}
/* ---------- Günün Kitabı (ortak bileşen) ---------- */
.bkt-botd { background: linear-gradient(180deg, #f1ebe3, var(--paper)); border-bottom: 1px solid var(--line); }
.bkt-botd-in { display: grid; grid-template-columns: 240px 1fr; gap: 40px; align-items: center; padding: 44px 20px; }
.bkt-botd-cover img { border-radius: 10px; box-shadow: var(--shadow-lift); transform: rotate(-2deg); transition: transform .25s ease; }
.bkt-botd-cover:hover img { transform: rotate(0deg) scale(1.02); }
.bkt-botd-text h2 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); margin: 8px 0 6px; }
.bkt-botd-text h2 a { color: var(--ink); }
.bkt-botd-text h2 a:hover { color: var(--accent); }
.bkt-botd-excerpt { color: var(--ink-soft); max-width: 600px; }
.bkt-botd-btn { display: inline-block; padding: 11px 26px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 600; }
.bkt-botd-btn:hover { background: var(--accent); color: #fff; }
@media (max-width: 760px) {
.bkt-botd-in { grid-template-columns: 1fr; text-align: center; }
.bkt-botd-cover { max-width: 200px; margin: 0 auto; }
}
/* =====================================================================
ANA SAYFA VARYANTLARI (V2–V5)
===================================================================== */
/* ---------- V2: Editoryal Dergi ---------- */
.bkt-home-v2 .bkt-v2-splash { background: linear-gradient(180deg, #f1ebe3, var(--paper)); border-bottom: 1px solid var(--line); }
.bkt-home-v2 .bkt-v2-splash-in { display: grid; grid-template-columns: 280px 1fr; gap: 44px; align-items: center; padding: 52px 20px; }
.bkt-home-v2 .bkt-v2-cover img { border-radius: 10px; box-shadow: var(--shadow-lift); transform: rotate(-2deg); transition: transform .25s ease; }
.bkt-home-v2 .bkt-v2-cover:hover img { transform: rotate(0deg) scale(1.02); }
.bkt-home-v2 .bkt-v2-splash-text h1 a { color: var(--ink); }
.bkt-home-v2 .bkt-v2-excerpt { color: var(--ink-soft); max-width: 560px; }
.bkt-home-v2 .bkt-v2-btn { display: inline-block; padding: 12px 28px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 600; }
.bkt-home-v2 .bkt-v2-btn:hover { background: var(--accent); }
.bkt-home-v2 .bkt-v2-cols { display: grid; grid-template-columns: 1.8fr 1fr; gap: 48px; align-items: start; }
.bkt-home-v2 .bkt-v2-rule { border-bottom: 3px solid var(--ink); padding-bottom: 8px; margin-bottom: 18px; font-size: 1.25rem; }
.bkt-home-v2 .bkt-v2-toplist { list-style: none; margin: 0 0 30px; padding: 0; counter-reset: top; }
.bkt-home-v2 .bkt-v2-toplist li { counter-increment: top; padding: 10px 0; border-bottom: 1px solid var(--line); display: grid; gap: 2px; }
.bkt-home-v2 .bkt-v2-toplist li::before { content: counter(top, decimal-leading-zero); font-family: var(--font-display); color: var(--accent); font-size: .85rem; }
@media (max-width: 900px) {
.bkt-home-v2 .bkt-v2-splash-in { grid-template-columns: 1fr; text-align: center; }
.bkt-home-v2 .bkt-v2-cover { max-width: 220px; margin: 0 auto; }
.bkt-home-v2 .bkt-v2-cols { grid-template-columns: 1fr; }
}
/* ---------- V3: Kütüphane Rafları ---------- */
.bkt-home-v3 .bkt-v3-intro { text-align: center; padding: 56px 0 30px; }
.bkt-home-v3 .bkt-v3-intro p { color: var(--ink-soft); max-width: 560px; margin: 0 auto 24px; }
.bkt-home-v3 .bkt-v3-intro .bkt-search-form { max-width: 520px; margin: 0 auto; }
.bkt-home-v3 .bkt-v3-shelf { padding: 26px 0 8px; }
.bkt-home-v3 .bkt-v3-row-wrap { position: relative; }
.bkt-home-v3 .bkt-v3-row {
display: flex; gap: 20px; overflow-x: auto; padding: 6px 4px 14px;
scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
scrollbar-width: thin; scrollbar-color: var(--line) transparent;
}
.bkt-home-v3 .bkt-v3-book { flex: 0 0 138px; scroll-snap-align: start; position: relative; z-index: 1; display: flex; flex-direction: column; }
.bkt-home-v3 .bkt-v3-book .bkt-cover { aspect-ratio: 0.64; }
.bkt-home-v3 .bkt-v3-book:hover .bkt-cover { transform: translateY(-6px); box-shadow: var(--shadow-lift); }
.bkt-home-v3 .bkt-v3-title { display: block; font-size: .82rem; color: var(--ink-soft); margin-top: 8px; line-height: 1.35; max-height: 2.7em; overflow: hidden; }
.bkt-home-v3 .bkt-v3-shelfline {
position: relative; z-index: 0;
height: 10px; border-radius: 3px; margin-top: 0;
background: linear-gradient(180deg, #c9a87c, #a8865c);
box-shadow: 0 6px 12px rgba(33, 29, 26, .18);
}
/* ---------- Bir çırpıda bitecek kitaplar (sayfa sayısına göre filtre) ---------- */
.bkt-quick-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px 28px; flex-wrap: wrap; margin-bottom: 24px; }
.bkt-quick-intro { min-width: 0; }
.bkt-quick-intro h2 { margin: 4px 0 0; }
.bkt-quick-sub { color: var(--ink-soft); margin: 7px 0 0; max-width: 50ch; font-size: .95rem; }
.bkt-quick-filter { display: inline-flex; gap: 4px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 5px; box-shadow: var(--shadow); }
.bkt-quick-pill { display: inline-flex; align-items: baseline; gap: 7px; border: 0; background: none; cursor: pointer; padding: 8px 16px; border-radius: 999px; font: inherit; color: var(--ink-soft); transition: background .22s ease, color .22s ease; white-space: nowrap; }
.bkt-quick-pill-range { font-weight: 600; font-size: .9rem; letter-spacing: .2px; }
.bkt-quick-pill-count { font-size: .7rem; font-weight: 600; opacity: .55; }
.bkt-quick-pill:hover { color: var(--ink); background: var(--paper); }
.bkt-quick-pill.is-active { background: var(--ink); color: var(--paper); }
.bkt-quick-pill.is-active .bkt-quick-pill-count { opacity: .7; }
.bkt-quick-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 26px 20px; }
.bkt-quick-grid[hidden] { display: none; }
.bkt-quick-grid.is-active { animation: bkt-quick-in .4s cubic-bezier(.2, .7, .2, 1); }
@keyframes bkt-quick-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.bkt-quick-card { min-width: 0; display: flex; flex-direction: column; }
.bkt-quick-card .bkt-cover { display: block; aspect-ratio: 0.64; }
.bkt-quick-card:hover .bkt-cover { transform: translateY(-5px); box-shadow: var(--shadow-lift); }
.bkt-quick-meta {
position: absolute; left: 8px; bottom: 8px; z-index: 2;
display: inline-flex; align-items: center; gap: 5px;
background: rgba(28, 24, 20, .82); color: #faf7f2;
font-size: .72rem; font-weight: 600; letter-spacing: .2px;
padding: 3px 9px; border-radius: 999px;
}
.bkt-quick-pg { white-space: nowrap; }
.bkt-quick-tm { white-space: nowrap; font-weight: 400; opacity: .92; }
.bkt-quick-tm::before { content: "·"; margin-right: 5px; opacity: .55; font-weight: 600; }
.bkt-quick-card-body { margin-top: 10px; }
.bkt-quick-card-title { font-size: .95rem; line-height: 1.32; margin: 0; font-weight: 600; }
.bkt-quick-card-title a { color: var(--ink); }
.bkt-quick-card-title a:hover { color: var(--accent); }
.bkt-quick-card-author { font-size: .82rem; color: var(--ink-soft); margin: 4px 0 0; line-height: 1.3; }
.bkt-quick-card-author a { color: var(--ink-soft); }
.bkt-quick-card-author a:hover { color: var(--accent); }
.bkt-quick-empty { grid-column: 1 / -1; text-align: center; color: var(--ink-soft); padding: 36px 0; }
.bkt-quick-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bkt-quick-kids { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: var(--card); border-radius: 999px; padding: 8px 15px; cursor: pointer; font: inherit; font-size: .82rem; color: var(--ink-soft); transition: border-color .2s ease, color .2s ease; white-space: nowrap; }
.bkt-quick-kids:hover { border-color: var(--ink-soft); color: var(--ink); }
.bkt-quick-kids-dot { width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--ink-soft); box-sizing: border-box; opacity: .5; transition: background .2s ease, border-color .2s ease, opacity .2s ease; }
.bkt-quick-kids strong { font-weight: 600; color: var(--ink); }
.bkt-quick-kids.is-on { border-color: var(--accent); color: var(--ink); }
.bkt-quick-kids.is-on .bkt-quick-kids-dot { background: var(--accent); border-color: var(--accent); opacity: 1; }
.bkt-quick-kids.is-on strong { color: var(--accent); }
.bkt-quick-grid.is-loading { opacity: .35; pointer-events: none; transition: opacity .2s ease; }
@media (max-width: 1080px) { .bkt-quick-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 760px) {
.bkt-quick-head { align-items: stretch; }
.bkt-quick-controls { width: 100%; justify-content: space-between; }
.bkt-quick-filter { overflow-x: auto; justify-content: flex-start; }
.bkt-quick-grid { grid-template-columns: repeat(3, 1fr); gap: 20px 14px; }
}
@media (max-width: 440px) {
.bkt-quick-grid { grid-template-columns: repeat(2, 1fr); }
.bkt-quick-controls { flex-direction: column; align-items: stretch; }
.bkt-quick-kids { justify-content: center; }
}
/* ---------- V4: Topluluk & Puanlar ---------- */
.bkt-home-v4 .bkt-v4-hero { text-align: center; padding: 56px 0 34px; background: linear-gradient(180deg, #f3ede4, var(--paper)); border-bottom: 1px solid var(--line); }
.bkt-home-v4 .bkt-v4-hero p { color: var(--ink-soft); }
.bkt-home-v4 .bkt-v4-stats { display: flex; justify-content: center; gap: 44px; margin-top: 26px; flex-wrap: wrap; }
.bkt-home-v4 .bkt-v4-stats strong { display: block; font-family: var(--font-display); font-size: 2rem; color: var(--accent); }
.bkt-home-v4 .bkt-v4-stats span { color: var(--ink-soft); font-size: .9rem; }
.bkt-home-v4 .bkt-v4-cols { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: start; }
.bkt-home-v4 .bkt-v4-board { list-style: none; margin: 0; padding: 0; }
.bkt-home-v4 .bkt-v4-board li {
display: grid; grid-template-columns: 44px 56px 1fr auto; gap: 14px; align-items: center;
background: var(--card); border: 1px solid var(--line); border-radius: 12px;
padding: 10px 16px; margin-bottom: 10px; box-shadow: var(--shadow);
}
.bkt-home-v4 .bkt-v4-rank { font-family: var(--font-display); font-size: 1.5rem; color: var(--accent); text-align: center; }
.bkt-home-v4 .bkt-v4-thumb img { width: 52px; height: 76px; object-fit: cover; border-radius: 6px; }
.bkt-home-v4 .bkt-v4-info a { color: var(--ink); font-weight: 600; display: block; }
.bkt-home-v4 .bkt-v4-info em { color: var(--ink-soft); font-style: normal; font-size: .86rem; }
.bkt-home-v4 .bkt-v4-score { text-align: right; display: grid; gap: 2px; }
.bkt-home-v4 .bkt-v4-score small { color: var(--ink-soft); }
.bkt-home-v4 .bkt-v4-reviews { display: grid; gap: 14px; }
.bkt-home-v4 .bkt-v4-review-book { font-weight: 600; font-size: .92rem; }
@media (max-width: 900px) {
.bkt-home-v4 .bkt-v4-cols { grid-template-columns: 1fr; }
.bkt-home-v4 .bkt-v4-board li { grid-template-columns: 32px 48px 1fr; }
.bkt-home-v4 .bkt-v4-score { display: none; }
}
/* ---------- V5: Minimal Tipografik ---------- */
.bkt-home-v5 .bkt-v5-hero { background: var(--ink); color: #efe9e1; padding: 86px 0 70px; }
.bkt-home-v5 .bkt-v5-kicker { letter-spacing: .14em; text-transform: uppercase; font-size: .78rem; color: #b8ada1; margin: 0 0 18px; }
.bkt-home-v5 .bkt-v5-hero h1 { color: #fff; font-size: clamp(2.4rem, 6vw, 4.2rem); line-height: 1.12; margin-bottom: 30px; }
.bkt-home-v5 .bkt-v5-search { max-width: 540px; }
.bkt-home-v5 .bkt-v5-search input[type="search"] { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .25); color: #fff; }
.bkt-home-v5 .bkt-v5-search input::placeholder { color: #b8ada1; }
.bkt-home-v5 .bkt-v5-links { margin-top: 26px; display: flex; gap: 22px; flex-wrap: wrap; }
.bkt-home-v5 .bkt-v5-links a { color: #efe9e1; border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom: 2px; }
.bkt-home-v5 .bkt-v5-links a:hover { color: #fff; border-color: var(--gold); }
.bkt-home-v5 .bkt-v5-section { padding: 52px 0; }
.bkt-home-v5 .bkt-v5-h { font-size: 1.1rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.bkt-home-v5 .bkt-v5-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); }
.bkt-home-v5 .bkt-v5-book .bkt-cover { border-radius: 6px; box-shadow: none; border: 1px solid var(--line); }
.bkt-home-v5 .bkt-v5-book:hover .bkt-cover { transform: none; box-shadow: var(--shadow); }
.bkt-home-v5 .bkt-v5-more { margin-top: 22px; font-weight: 600; }
.bkt-home-v5 .bkt-v5-two { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.bkt-home-v5 .bkt-v5-list { list-style: none; margin: 0; padding: 0; }
.bkt-home-v5 .bkt-v5-list li { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--line); }
.bkt-home-v5 .bkt-v5-list a { color: var(--ink); }
.bkt-home-v5 .bkt-v5-list a:hover { color: var(--accent); }
.bkt-home-v5 .bkt-v5-date { color: var(--ink-soft); font-size: .85rem; white-space: nowrap; }
@media (max-width: 760px) {
.bkt-home-v5 .bkt-v5-two { grid-template-columns: 1fr; gap: 30px; }
}
/* ---------- Erişilebilirlik ---------- */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
height: 1px; width: 1px; overflow: hidden; position: absolute;
}
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.bkt-skip-link { position: absolute; left: -9999px; top: 0; z-index: 10000; padding: 12px 20px; background: var(--accent); color: #fff; font-weight: 700; border-radius: 0 0 10px 0; text-decoration: none; box-shadow: var(--shadow-lift); }
.bkt-skip-link:focus { left: 0; }
#content:focus { outline: none; }
/* ============================================================
Kadence Blocks uyumluluğu (eklenti kaldırıldı)
Statik blokların kayıtlı HTML'i tema diliyle render olsun;
per-blok özel tipografi yerine tema başlık/ölçü stilleri uygulanır.
============================================================ */
/* Gelişmiş başlık: tema h1–h6 stilini alır, yalnız boşlukları normalize et */
.wp-block-kadence-advancedheading { margin: 0 0 .5em; max-width: var(--measure); }
.bkt-prose .wp-block-kadence-advancedheading { font-family: var(--font-display); }
.kt-highlight, mark.kt-highlight { background: rgba(217, 154, 43, .22); color: inherit; padding: 0 .15em; border-radius: 3px; }
/* Satır/sütun düzeni → esnek ızgara */
.wp-block-kadence-rowlayout { margin: 1.2em 0; }
.kt-row-column-wrap, .wp-block-kadence-rowlayout > .kt-row-layout-inner {
display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start;
}
.kt-row-column-wrap > .wp-block-kadence-column,
.kt-row-layout-inner > .wp-block-kadence-column { flex: 1 1 260px; min-width: 0; }
.kt-has-1-columns > .wp-block-kadence-column { flex-basis: 100%; }
.kt-has-2-columns > .wp-block-kadence-column { flex-basis: calc(50% - 12px); }
.kt-has-3-columns > .wp-block-kadence-column { flex-basis: calc(33.333% - 16px); }
.kt-has-4-columns > .wp-block-kadence-column { flex-basis: calc(25% - 18px); }
.kt-has-5-columns > .wp-block-kadence-column { flex-basis: calc(20% - 20px); }
.wp-block-kadence-column > .kt-inside-inner-col { min-width: 0; }
@media (max-width: 760px) {
.kt-row-column-wrap > .wp-block-kadence-column,
.kt-row-layout-inner > .wp-block-kadence-column { flex-basis: 100% !important; }
}
/* Galeri / görsel / boşluk */
.wp-block-kadence-advancedgallery .kt-gallery-container,
.kb-gallery-ul, ul.kb-gallery-ul {
display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 12px; list-style: none; padding: 0; margin: 1.2em 0;
}
.kb-gallery-ul li { margin: 0; }
.kb-gallery-ul img, .wp-block-kadence-image img { width: 100%; height: auto; border-radius: 10px; display: block; }
.wp-block-kadence-image { margin: 1.2em 0; }
.wp-block-kadence-spacer .kt-block-spacer, .wp-block-kadence-spacer { min-height: 22px; }
.wp-block-kadence-spacer hr.kt-divider { border: 0; border-top: 1px solid var(--line); margin: 0; }
/* Dinamik posts ızgarası (tema render_callback'i) */
.bkt-kposts {
display: grid; gap: 22px; margin: 1.6em 0;
grid-template-columns: repeat(var(--bkt-kcols, 3), minmax(0, 1fr));
}
.bkt-kpost {
display: flex; flex-direction: column; gap: 10px;
background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
overflow: hidden; box-shadow: var(--shadow); transition: transform .18s ease, box-shadow .18s ease;
}
.bkt-kpost:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift); }
.bkt-kpost.is-side { flex-direction: row; align-items: stretch; }
.bkt-kpost-thumb { display: block; overflow: hidden; }
.bkt-kpost-thumb img { width: 100%; height: auto; display: block; transition: transform .3s ease; }
.bkt-kpost:hover .bkt-kpost-thumb img { transform: scale(1.04); }
.bkt-kpost.is-side .bkt-kpost-thumb { flex: 0 0 40%; }
.bkt-kpost-body { display: flex; flex-direction: column; gap: 6px; padding: 4px 16px 16px; }
.bkt-kpost.is-side .bkt-kpost-body { padding: 16px; justify-content: center; }
.bkt-kpost-cat {
align-self: flex-start; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
color: var(--accent-dark); background: rgba(179, 80, 30, .1); padding: 3px 9px; border-radius: 999px;
}
.bkt-kpost-title { font-size: 1.16rem; line-height: 1.3; margin: 0; }
.bkt-kpost-title a { color: var(--ink); }
.bkt-kpost-title a:hover { color: var(--accent-dark); }
.bkt-kpost-meta { font-size: .82rem; color: var(--ink-soft); }
.bkt-kpost-excerpt { font-size: .92rem; color: var(--ink-soft); margin: 0; }
.bkt-kpost-more { font-size: .9rem; font-weight: 600; color: var(--accent-dark); margin-top: auto; }
@media (max-width: 680px) {
.bkt-kposts { grid-template-columns: 1fr 1fr; gap: 14px; }
}
@media (max-width: 420px) {
.bkt-kposts { grid-template-columns: 1fr; }
.bkt-kpost.is-side { flex-direction: column; }
.bkt-kpost.is-side .bkt-kpost-thumb { flex-basis: auto; }
}
/* ============================================================
Bülten modülü
============================================================ */
.bkt-news { margin: 0; }
.bkt-news--dark { background: var(--ink); color: #f6efe6; border-radius: var(--radius); padding: 30px clamp(18px,4vw,40px); }
.bkt-news--inline { background: linear-gradient(180deg,#fffdfa,var(--paper)); border: 1px solid var(--line); border-radius: var(--radius); padding: 26px clamp(16px,3vw,32px); }
.bkt-news-in { max-width: 640px; margin: 0 auto; }
.bkt-news-head { display: flex; align-items: center; gap: 11px; }
.bkt-news-ico { font-size: 22px; color: var(--gold); }
.bkt-news--inline .bkt-news-ico { color: var(--accent); }
.bkt-news h2 { font-family: var(--font-display); font-size: clamp(1.4rem,3vw,1.7rem); margin: 0; color: inherit; }
.bkt-news--inline h2 { color: var(--ink); }
.bkt-news-sub { font-size: .95rem; line-height: 1.5; margin: 6px 0 16px; color: #c9c1b3; }
.bkt-news--inline .bkt-news-sub { color: var(--ink-soft); }
.bkt-news-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bkt-news-cadence { border: 0; padding: 0; margin: 0 0 14px; display: flex; gap: 9px; flex-wrap: wrap; }
.bkt-news-pill { position: relative; cursor: pointer; }
.bkt-news-pill input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.bkt-news-pill span { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; padding: 8px 14px; border-radius: 999px; background: #352f29; color: #e6dccb; border: 1px solid #4a423a; transition: background .15s, border-color .15s, color .15s; }
.bkt-news--inline .bkt-news-pill span { background: var(--card); color: var(--ink-soft); border-color: var(--line); }
.bkt-news-pill input:checked + span { background: var(--accent); color: #fff; border-color: var(--accent); }
.bkt-news-pill input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
.bkt-news-row { display: flex; gap: 8px; flex-wrap: wrap; }
.bkt-news-row input[type=email] { flex: 1 1 220px; min-width: 0; border: 0; border-radius: 10px; padding: 12px 15px; font-size: 1rem; background: #fffdfa; color: var(--ink); }
.bkt-news--inline .bkt-news-row input[type=email] { border: 1px solid var(--line); }
.bkt-news-row button { flex: 0 0 auto; background: var(--gold); color: #2a1e08; font-weight: 700; font-size: .98rem; border: 0; border-radius: 10px; padding: 12px 22px; cursor: pointer; transition: transform .14s, background .14s; }
.bkt-news--inline .bkt-news-row button { background: var(--accent); color: #fff; }
.bkt-news-row button:hover { transform: translateY(-1px); background: #e8a93a; }
.bkt-news--inline .bkt-news-row button:hover { background: var(--accent-dark); }
.bkt-news-consent { display: flex; gap: 9px; align-items: flex-start; margin: 13px 0 0; font-size: .8rem; line-height: 1.4; color: #b7ae9f; }
.bkt-news--inline .bkt-news-consent { color: var(--ink-soft); }
.bkt-news-consent input { margin-top: 3px; flex: 0 0 auto; accent-color: var(--accent); }
.bkt-news-consent a { color: var(--gold); text-decoration: underline; }
.bkt-news--inline .bkt-news-consent a { color: var(--accent-dark); }
.bkt-news-fine { font-size: .74rem; color: #8c8475; margin: 10px 0 0; }
.bkt-news-flash { font-size: .92rem; padding: 11px 15px; border-radius: 10px; margin: 0 0 16px; }
.bkt-news-flash.is-ok { background: rgba(29,158,117,.18); color: #bfe9d8; border: 1px solid rgba(29,158,117,.4); }
.bkt-news--inline .bkt-news-flash.is-ok { background: #e1f5ee; color: #0f6e56; }
.bkt-news-flash.is-err { background: rgba(226,75,74,.16); color: #f3c0c0; border: 1px solid rgba(226,75,74,.4); }
.bkt-news--inline .bkt-news-flash.is-err { background: #fcebeb; color: #a32d2d; }
.bkt-news-wrap { padding: 40px 20px; }
/* Footer bülten kartı (koyu zeminde, kompakt) */
.bkt-news--compact { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 24px clamp(18px,2.2vw,26px); color: #f3ece1; }
.bkt-news--compact .bkt-news-in { max-width: none; margin: 0; }
.bkt-news--compact .bkt-news-head { gap: 9px; }
.bkt-news--compact .bkt-news-ico { font-size: 18px; }
.bkt-news--compact h2 { font-size: 1.22rem; color: #fff; }
.bkt-news--compact .bkt-news-sub { font-size: .85rem; line-height: 1.5; margin: 6px 0 14px; color: #b9b1a3; }
.bkt-news--compact .bkt-news-cadence { gap: 7px; margin-bottom: 12px; }
.bkt-news--compact .bkt-news-pill span { font-size: .76rem; padding: 7px 11px; }
.bkt-news--compact .bkt-news-row input[type=email] { padding: 11px 14px; font-size: .95rem; }
.bkt-news--compact .bkt-news-row button { padding: 11px 18px; font-size: .92rem; }
.bkt-news--compact .bkt-news-consent { font-size: .76rem; margin-top: 11px; }
.bkt-news--compact .bkt-news-fine { font-size: .7rem; margin-top: 9px; }
/* Bülten açılış sayfası */
.bkt-bulten { padding: 8px 0 50px; }
.bkt-bulten-hero { text-align: center; max-width: 720px; margin: 24px auto 36px; }
.bkt-bulten-kicker { display: inline-block; font-family: var(--font-body); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-dark); background: rgba(179,80,30,.1); padding: 5px 13px; border-radius: 999px; margin-bottom: 14px; }
.bkt-bulten-hero h1 { font-size: clamp(1.9rem,5vw,2.8rem); line-height: 1.1; margin: 0 0 14px; }
.bkt-bulten-lede { font-size: 1.12rem; line-height: 1.6; color: var(--ink-soft); margin: 0; }
.bkt-bulten-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; align-items: start; max-width: 980px; margin: 0 auto; }
.bkt-bulten-perks { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 26px; }
.bkt-bulten-perks h2 { font-size: 1.3rem; margin: 0 0 14px; }
.bkt-bulten-perks ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; }
.bkt-bulten-perks li { display: flex; flex-direction: column; gap: 2px; padding-left: 26px; position: relative; font-size: .94rem; color: var(--ink-soft); line-height: 1.45; }
.bkt-bulten-perks li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--accent); font-weight: 700; }
.bkt-bulten-perks strong { color: var(--ink); font-size: 1rem; }
.bkt-bulten-extra { max-width: var(--measure); margin: 40px auto 0; }
@media (max-width: 760px) {
.bkt-bulten-grid { grid-template-columns: 1fr; gap: 20px; }
}
/* ============================================================
Premium ana sayfa hero (V3)
============================================================ */
.bkt-home-v3 .bkt-hero { background: radial-gradient(125% 135% at 100% 0%, #f3ece1 0%, var(--paper) 58%); border-bottom: 1px solid var(--line); overflow: hidden; text-align: left; padding: 0; }
.bkt-hero-in { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(28px, 5vw, 64px); align-items: center; padding: clamp(38px, 6vw, 72px) 20px; }
.bkt-hero-in > * { min-width: 0; } /* grid item'ların min-content'e taşıp viewport'u aşmasını önle */
.bkt-hero-kicker { display: inline-block; font-family: var(--font-body); font-size: .78rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--accent-dark); }
.bkt-hero-lead h1 { font-size: clamp(2.1rem, 5.2vw, 3.4rem); line-height: 1.05; margin: .3em 0 .35em; overflow-wrap: break-word; }
.bkt-hero-sub { font-size: clamp(1.02rem, 1.6vw, 1.18rem); line-height: 1.55; color: var(--ink-soft); max-width: 40ch; margin: 0 0 22px; overflow-wrap: break-word; }
.bkt-hero-search { max-width: 480px; }
.bkt-hero-stats { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px clamp(18px, 2.6vw, 34px); margin: 26px 0 0; padding: 0; }
.bkt-hero-stats li { font-size: .85rem; color: var(--ink-soft); display: flex; flex-direction: column; gap: 2px; }
.bkt-hero-stats strong { font-family: var(--font-display); font-size: 1.55rem; color: var(--ink); line-height: 1; }
.bkt-hero-feature { position: relative; display: grid; grid-template-columns: 150px 1fr; gap: 22px; align-items: center; background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 24px 22px 22px; box-shadow: var(--shadow-lift); }
.bkt-hero-feature-label { position: absolute; top: -12px; left: 22px; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--accent); padding: 5px 12px; border-radius: 999px; }
.bkt-hero-cover { width: 150px; box-shadow: var(--shadow-lift); }
.bkt-hero-cover img { transition: transform .3s ease; }
.bkt-hero-cover:hover img { transform: scale(1.03); }
.bkt-hero-feature-body { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2px; }
.bkt-hero-feature-body h2 { font-size: clamp(1.3rem, 2.3vw, 1.7rem); line-height: 1.15; margin: 4px 0 4px; }
.bkt-hero-feature-body h2 a { color: var(--ink); }
.bkt-hero-feature-body h2 a:hover { color: var(--accent); }
.bkt-hero-feature-by { color: var(--ink-soft); margin: 0 0 8px; font-size: .96rem; }
.bkt-hero-feature-by a { color: var(--accent-dark); }
.bkt-hero-feature-btn { display: inline-block; margin-top: 14px; padding: 10px 22px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 600; font-size: .92rem; }
.bkt-hero-feature-btn:hover { background: var(--accent); color: #fff; }
@media (max-width: 900px) {
.bkt-hero-in { grid-template-columns: 1fr; gap: 32px; }
.bkt-hero-feature { max-width: 540px; }
}
@media (max-width: 600px) {
.bkt-hero-in { padding: 30px 16px; gap: 24px; }
.bkt-hero-lead h1 { font-size: clamp(1.7rem, 6.2vw, 2.5rem); } /* dar telefonda başlık taşmasın */
.bkt-hero-feature { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 24px 18px 20px; }
.bkt-hero-cover { width: min(150px, 42vw); }
.bkt-hero-stats { gap: 16px; }
}
/* Kart cilası: kapaklarda ince iç çerçeve + yumuşak görsel zoom */
.bkt-cover::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(33, 29, 26, .07); pointer-events: none; }
.bkt-cover img { transition: transform .35s ease; }
.bkt-book-card:hover .bkt-cover img,
.bkt-home-v3 .bkt-v3-book:hover .bkt-cover img,
.bkt-kpost:hover .bkt-kpost-thumb img { transform: scale(1.04); }
/* ============================================================
Tema geçişi · Header incelme · Koyu mod · Mobil alt çubuk
============================================================ */
.bkt-theme-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.bkt-theme-btn:hover { color: var(--accent-dark); border-color: rgba(179, 80, 30, .4); }
.bkt-theme-btn .bkt-ico { width: 20px; height: 20px; }
.bkt-ico-moon { display: none; }
:root[data-theme="dark"] .bkt-ico-sun { display: none; }
:root[data-theme="dark"] .bkt-ico-moon { display: inline-block; }
/* Yazı boyutu kontrolü (A− / A+) — tema düğmesiyle aynı dilde */
.bkt-fontsize { flex: 0 0 auto; display: inline-flex; align-items: stretch; height: 42px; border: 1px solid var(--line); background: var(--card); border-radius: 999px; overflow: hidden; }
.bkt-fs-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; padding: 0 5px; border: 0; background: transparent; color: var(--ink); cursor: pointer; font: inherit; line-height: 1; transition: background .15s, color .15s; }
.bkt-fs-btn:hover { background: var(--paper); color: var(--accent-dark); }
.bkt-fs-btn + .bkt-fs-btn { border-left: 1px solid var(--line); }
.bkt-fs-a { font-family: var(--font-display); font-weight: 600; }
.bkt-fs-btn[data-fs-dir="-1"] .bkt-fs-a { font-size: 13px; }
.bkt-fs-btn[data-fs-dir="1"] .bkt-fs-a { font-size: 17px; }
.bkt-fs-sign { font-size: 11px; margin-left: 1px; color: var(--ink-soft); }
.bkt-fs-btn[disabled] { opacity: .32; cursor: default; }
.bkt-fs-btn[disabled]:hover { background: transparent; color: var(--ink); }
/* Header: kaydırınca incelir */
.bkt-header-in { transition: min-height .22s ease; }
.bkt-header.is-scrolled .bkt-header-in { min-height: 54px; }
.bkt-header.is-scrolled .bkt-logomark { height: 26px; }
.bkt-header.is-scrolled .bkt-wordmark { height: 15px; }
/* ---- Koyu mod ---- */
:root[data-theme="dark"] {
--ink: #ece5db; --ink-soft: #ada394; --paper: #16130f; --card: #211d18;
--line: #38322b; --accent: #e3854f; --accent-dark: #efa978; --gold: #e3ad44;
--star: #e3ac3f; --star-empty: rgba(236, 229, 219, .26);
--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 8px 26px rgba(0, 0, 0, .55);
--shadow-lift: 0 2px 6px rgba(0, 0, 0, .5), 0 18px 44px rgba(0, 0, 0, .65);
}
:root[data-theme="dark"] .bkt-header { background: rgba(22, 19, 15, .96); }
:root[data-theme="dark"] .bkt-nav a:hover,
:root[data-theme="dark"] .bkt-nav .current-menu-item > a { background: var(--card); color: var(--accent); }
:root[data-theme="dark"] .bkt-footer { background: #100d0a; color: #b3aa9d; }
:root[data-theme="dark"] .bkt-footer a, :root[data-theme="dark"] .bkt-footer h4 { color: #f0e9df; }
:root[data-theme="dark"] .bkt-home-v3 .bkt-hero { background: radial-gradient(125% 135% at 100% 0%, #241e17 0%, var(--paper) 58%); }
:root[data-theme="dark"] .bkt-botd, :root[data-theme="dark"] .bkt-home-v2 .bkt-v2-splash { background: linear-gradient(180deg, #211b14, var(--paper)); }
:root[data-theme="dark"] .bkt-cover, :root[data-theme="dark"] .bkt-person-photo, :root[data-theme="dark"] .bkt-feature-media { background: linear-gradient(160deg, #2a241d, #221d16); }
/* Koyu modda baş-harf monogramı renkli kalsın (üstteki koyu gradyanı ez) */
:root[data-theme="dark"] .bkt-person-photo:has(.bkt-person-initial) { background: linear-gradient(152deg, rgba(var(--mono), .92), rgb(var(--mono))); }
:root[data-theme="dark"] .bkt-news--inline { background: var(--card); }
:root[data-theme="dark"] .bkt-news-row input[type=email] { background: #2c2620; color: var(--ink); }
:root[data-theme="dark"] .bkt-news--dark { background: #0f0c09; }
:root[data-theme="dark"] .bkt-buy a,
:root[data-theme="dark"] .bkt-botd-btn,
:root[data-theme="dark"] .bkt-home-v2 .bkt-v2-btn,
:root[data-theme="dark"] .bkt-hero-feature-btn,
:root[data-theme="dark"] .bkt-pagination .current { background: var(--accent); color: #14110d; border-color: var(--accent); }
:root[data-theme="dark"] .bkt-buy a:hover,
:root[data-theme="dark"] .bkt-botd-btn:hover,
:root[data-theme="dark"] .bkt-hero-feature-btn:hover { background: var(--accent-dark); color: #14110d; }
:root[data-theme="dark"] .bkt-search-panel { background: var(--card); }
:root[data-theme="dark"] .bkt-search-form input { background: #2c2620; color: var(--ink); }
:root[data-theme="dark"] .bkt-alpha { background: rgba(255, 255, 255, .03); border-color: rgba(255, 255, 255, .09); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); }
:root[data-theme="dark"] .bkt-alpha a:hover { background: var(--card); }
:root[data-theme="dark"] .bkt-alpha a.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }
/* ---- Mobil alt eylem çubuğu ---- */
.bkt-bottombar { display: none; }
@media (max-width: 760px) {
.bkt-bottombar {
display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
background: rgba(250, 248, 245, .97); backdrop-filter: saturate(150%) blur(10px);
border-top: 1px solid var(--line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
}
.bkt-bottombar a {
flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
padding: 6px 2px; font-size: 10.5px; color: var(--ink-soft); border-radius: 10px;
min-height: 48px; justify-content: center; line-height: 1.1; text-align: center;
}
.bkt-bottombar a svg { width: 22px; height: 22px; }
.bkt-bottombar a.is-active { color: var(--accent); }
body { padding-bottom: 66px; }
}
/* Koyu modda logo + wordmark (siyah PNG'ler) — saf beyaza çevir + derinlik, belirgin dursun */
:root[data-theme="dark"] .bkt-logomark,
:root[data-theme="dark"] .bkt-logo .custom-logo { filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0, 0, 0, .55)); }
:root[data-theme="dark"] .bkt-wordmark { filter: brightness(0) invert(1) drop-shadow(0 0 .5px #fff) drop-shadow(0 1px 2px rgba(0, 0, 0, .5)); }
:root[data-theme="dark"] .bkt-logo:hover .bkt-logomark { filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, .6)); }
/* Koyu modda yayınevi LOGOLARI açık daire üzerinde kalsın (logosuz=baş harf koyu kalır) */
:root[data-theme="dark"] .bkt-person-card.is-pub .bkt-person-photo:has(img) { background: #f0ebe2; }
/* ============================================================
Blog kategorisi — editöryel düzen (tarihsiz)
============================================================ */
.bkt-cat-head { padding: 30px 0 4px; }
.bkt-cat-head h1 { font-size: clamp(2rem, 4.5vw, 2.9rem); }
.bkt-cat-desc { color: var(--ink-soft); max-width: var(--measure); margin: 8px 0 0; }
.bkt-cat-deck { display: grid; grid-template-columns: 1.55fr 1fr; gap: 26px; align-items: start; margin: 26px 0 36px; }
/* min-width:0 — grid/flex çocuklarının geniş görsellerin min-içerik boyutuyla
şişip düzeni bozmasını önler (aksi halde geniş bir kapak sütunu patlatır). */
.bkt-cat-deck > *, .bkt-cat-card { min-width: 0; }
.bkt-cat-side { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.bkt-cat-card { position: relative; display: flex; flex-direction: column; }
.bkt-cat-thumb {
position: relative; display: block; overflow: hidden; border-radius: var(--radius);
background: linear-gradient(160deg, #efe9e1, #e2d9cd); box-shadow: var(--shadow);
}
.bkt-cat-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.bkt-cat-card:hover .bkt-cat-thumb img { transform: scale(1.045); }
.bkt-cat-badge {
position: absolute; top: 12px; left: 12px; z-index: 1;
font-family: var(--font-body); font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
color: #fff; background: var(--accent); padding: 5px 12px; border-radius: 999px;
}
.bkt-cat-body { padding: 13px 2px 0; }
.bkt-cat-title { font-family: var(--font-display); line-height: 1.18; margin: 0; }
.bkt-cat-title a { color: var(--ink); }
.bkt-cat-title a:hover { color: var(--accent-dark); }
.bkt-cat-excerpt { color: var(--ink-soft); margin: 8px 0 0; line-height: 1.55; }
.bkt-cat-lead .bkt-cat-thumb { aspect-ratio: 16 / 10; }
.bkt-cat-lead .bkt-cat-title { font-size: clamp(1.5rem, 2.6vw, 2.05rem); }
.bkt-cat-lead .bkt-cat-excerpt { font-size: 1.04rem; max-width: 62ch; }
.bkt-cat-sub .bkt-cat-thumb { aspect-ratio: 16 / 9; }
.bkt-cat-sub .bkt-cat-title { font-size: 1.2rem; }
.bkt-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); gap: 30px 28px; margin: 4px 0 12px; }
.bkt-cat-grid .bkt-cat-thumb { aspect-ratio: 3 / 2; }
.bkt-cat-grid .bkt-cat-title { font-size: 1.18rem; }
.bkt-cat-grid .bkt-cat-excerpt { font-size: .92rem; }
:root[data-theme="dark"] .bkt-cat-thumb { background: linear-gradient(160deg, #2a241d, #221d16); }
@media (max-width: 820px) {
.bkt-cat-deck { grid-template-columns: 1fr; gap: 24px; }
.bkt-cat-side { flex-direction: row; }
.bkt-cat-side .bkt-cat-sub { flex: 1; }
}
@media (max-width: 560px) {
.bkt-cat-grid { grid-template-columns: 1fr; gap: 24px; }
.bkt-cat-side { flex-direction: column; }
}
/* Kitap kulüpleri: kapaklar daha az kırpılsın (kulüp görselleri 4:3/2:3) */
.bkt-clubs .bkt-cat-lead .bkt-cat-thumb { aspect-ratio: 3 / 2; }
.bkt-clubs .bkt-cat-sub .bkt-cat-thumb,
.bkt-clubs .bkt-cat-grid .bkt-cat-thumb { aspect-ratio: 4 / 3; }
/* Kulüp kapakları: hiç kırpma yok — krem paspartu üzerine tam görsel */
.bkt-clubs .bkt-cat-thumb { background: linear-gradient(160deg, #f6f1ea, #efe7db); box-shadow: var(--shadow); }
.bkt-clubs .bkt-cat-thumb img { object-fit: contain; padding: 10px; }
.bkt-clubs .bkt-cat-lead .bkt-cat-thumb img { padding: 18px; }
:root[data-theme="dark"] .bkt-clubs .bkt-cat-thumb { background: linear-gradient(160deg, #262019, #1d1812); }
/* ============================================================
Çok satanlar — yan yana iki liste
============================================================ */
.bkt-bs-filter { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 18px 0 4px; }
.bkt-bs-chip { font-family: var(--font-body); font-size: .82rem; font-weight: 600; line-height: 1; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-soft); transition: color .18s, background .18s, border-color .18s; }
.bkt-bs-chip:hover { color: var(--accent-dark); border-color: var(--accent); }
.bkt-bs-chip.is-active, .bkt-bs-chip.is-active:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
:root[data-theme="dark"] .bkt-bs-chip.is-active, :root[data-theme="dark"] .bkt-bs-chip.is-active:hover { background: var(--gold); color: #1a1408; border-color: var(--gold); }
.bkt-bestsellers .bkt-bs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 24px 0 12px; align-items: stretch; }
.bkt-bs-col { background: var(--card); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.bkt-bs-col.is-dark { background: #211d1a; color: #f6efe6; border-color: #211d1a; box-shadow: var(--shadow-lift); }
:root[data-theme="dark"] .bkt-bs-col.is-dark { background: #100d0a; }
.bkt-bs-col-head { padding: 18px 20px 12px; border-bottom: 1px solid var(--line); }
.bkt-bs-col.is-dark .bkt-bs-col-head { border-bottom-color: #332c25; }
.bkt-bs-eyebrow { font-family: var(--font-body); font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--accent-dark); }
.bkt-bs-col.is-dark .bkt-bs-eyebrow { color: var(--gold); }
.bkt-bs-col-head h2 { font-size: clamp(1.3rem, 2.4vw, 1.55rem); margin: 3px 0 2px; color: inherit; }
.bkt-bs-src { font-family: var(--font-body); font-size: .82rem; color: var(--ink-soft); }
.bkt-bs-col.is-dark .bkt-bs-src { color: #a89f91; }
.bkt-bs-list { list-style: none; margin: 0; padding: 4px 14px 14px; counter-reset: none; flex: 1; }
.bkt-bs-row { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--line); }
.bkt-bs-col.is-dark .bkt-bs-row { border-bottom-color: #2c2620; }
.bkt-bs-row:last-child { border-bottom: 0; }
.bkt-bs-rank { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; width: 30px; text-align: center; color: var(--ink-soft); flex: 0 0 auto; }
.bkt-bs-col.is-dark .bkt-bs-rank { color: #cfc6b8; }
.bkt-bs-row.is-first .bkt-bs-rank { color: var(--star); font-size: 1.85rem; }
.bkt-bs-col.is-dark .bkt-bs-row.is-first .bkt-bs-rank { color: var(--gold); }
.bkt-bs-cover { flex: 0 0 auto; width: 38px; aspect-ratio: 0.64; border-radius: 5px; overflow: hidden; background: linear-gradient(160deg, #efe9e1, #e2d9cd); display: block; }
.bkt-bs-cover img { width: 100%; height: 100%; object-fit: contain; }
.bkt-bs-ph { display: flex; align-items: center; justify-content: center; height: 100%; font-family: var(--font-display); color: var(--ink-soft); font-size: 1rem; }
.bkt-bs-info { min-width: 0; flex: 1; }
.bkt-bs-title { display: block; font-family: var(--font-display); font-size: 1rem; line-height: 1.18; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bkt-bs-title a { color: inherit; }
.bkt-bs-title a:hover { color: var(--accent); }
.bkt-bs-col.is-dark .bkt-bs-title { color: #fdf7ec; }
.bkt-bs-col.is-dark .bkt-bs-title a:hover { color: var(--gold); }
.bkt-bs-author, .bkt-bs-meta { display: block; font-family: var(--font-body); font-size: .8rem; color: var(--ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bkt-bs-col.is-dark .bkt-bs-author, .bkt-bs-col.is-dark .bkt-bs-meta { color: #b4ab9d; }
.bkt-bs-dash { color: var(--ink-soft); opacity: .5; margin: 0 2px; }
.bkt-bs-weeks { font-style: italic; color: var(--accent); }
.bkt-bs-col.is-dark .bkt-bs-weeks { color: var(--gold); }
.bkt-bs-move { flex: 0 0 auto; font-family: var(--font-body); font-size: .78rem; font-weight: 700; min-width: 32px; text-align: right; }
.bkt-bs-move.is-up { color: #1d9e75; }
.bkt-bs-move.is-down { color: #d85a30; }
.bkt-bs-move.is-new { color: var(--accent-dark); }
.bkt-bs-move.is-same { color: var(--ink-soft); }
.bkt-bs-col.is-dark .bkt-bs-move.is-up { color: #7fc8a4; }
.bkt-bs-col.is-dark .bkt-bs-move.is-down { color: #e6896f; }
.bkt-bs-col.is-dark .bkt-bs-move.is-new { color: var(--gold); }
@media (max-width: 760px) { .bkt-bestsellers .bkt-bs-grid { grid-template-columns: 1fr; gap: 18px; } }
.bkt-bs-intro { margin: 42px auto 0; }
/* ============================================================
Ana sayfa "Çok Satanlar" editöryel vitrini (.bkt-bsf)
============================================================ */
.bkt-bsf { position: relative; background: radial-gradient(130% 120% at 0% 0%, rgba(194, 96, 47, .07), transparent 58%), var(--card); border: 1px solid var(--line); border-radius: 22px; padding: clamp(22px, 3.4vw, 40px); box-shadow: var(--shadow); }
.bkt-bsf-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: clamp(20px, 3vw, 30px); }
.bkt-bsf-eyebrow { display: block; font-family: var(--font-body); font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-dark); }
.bkt-bsf-title { font-size: clamp(1.55rem, 3vw, 2.1rem); margin: 4px 0 0; line-height: 1.05; }
.bkt-bsf-sub { font-family: var(--font-body); font-size: .86rem; color: var(--ink-soft); margin: 7px 0 0; max-width: 46ch; }
.bkt-bsf-all { flex: 0 0 auto; font-family: var(--font-body); font-size: .9rem; font-weight: 600; color: var(--accent-dark); white-space: nowrap; padding-bottom: 4px; }
.bkt-bsf-all:hover { color: var(--accent); }
.bkt-bsf-all span { transition: transform .2s; display: inline-block; }
.bkt-bsf-all:hover span { transform: translateX(4px); }
.bkt-bsf-body { display: grid; grid-template-columns: minmax(210px, 280px) 1fr; gap: clamp(26px, 4vw, 52px); align-items: start; }
.bkt-bsf-body > * { min-width: 0; }
/* 1 numara vitrini */
.bkt-bsf-hero { display: block; }
.bkt-bsf-hero-cover { position: relative; display: block; width: 100%; aspect-ratio: 0.64; border-radius: 14px; overflow: hidden; box-shadow: var(--shadow-lift); background: linear-gradient(160deg, #efe9e1, #e2d9cd); transition: transform .25s, box-shadow .25s; }
.bkt-bsf-hero:hover .bkt-bsf-hero-cover { transform: translateY(-4px); }
.bkt-bsf-hero-cover img { width: 100%; height: 100%; object-fit: cover; }
.bkt-bsf-crown { position: absolute; top: 12px; left: 12px; font-family: var(--font-body); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1a1408; background: var(--gold); padding: 5px 10px; border-radius: 999px; box-shadow: 0 4px 14px rgba(0, 0, 0, .22); }
.bkt-bsf-hero-foot { display: flex; align-items: flex-start; gap: 14px; margin-top: 16px; }
.bkt-bsf-hero-rank { font-family: var(--font-display); font-weight: 700; font-size: clamp(2.8rem, 6vw, 4rem); line-height: .8; color: var(--accent); flex: 0 0 auto; }
.bkt-bsf-hero-info { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding-top: 4px; }
.bkt-bsf-hero-name { font-family: var(--font-display); font-weight: 600; font-size: 1.18rem; line-height: 1.2; color: var(--ink); }
.bkt-bsf-hero:hover .bkt-bsf-hero-name { color: var(--accent); }
.bkt-bsf-hero-author { font-family: var(--font-body); font-size: .88rem; color: var(--ink-soft); }
.bkt-bsf-hero-rating { margin: 3px 0 1px; }
.bkt-bsf-hero-rating-c { display: none; font-family: var(--font-body); font-size: .85rem; font-weight: 700; color: var(--star); }
.bkt-bsf-hero-rating-c::before { content: "★ "; }
.bkt-bsf-hero-cta { font-family: var(--font-body); font-size: .86rem; font-weight: 600; color: var(--accent-dark); margin-top: 4px; }
.bkt-bsf-hero-cta span { display: inline-block; transition: transform .2s; }
.bkt-bsf-hero:hover .bkt-bsf-hero-cta span { transform: translateX(4px); }
/* 2..7 listesi */
.bkt-bsf-list { list-style: none; margin: 0; padding: 0; }
.bkt-bsf-row + .bkt-bsf-row { border-top: 1px solid var(--line); }
.bkt-bsf-row-link { display: grid; grid-template-columns: 1.6em 42px 1fr auto; align-items: center; gap: 14px; padding: 11px 0; }
.bkt-bsf-row-rank { font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; color: var(--ink-soft); text-align: center; }
.bkt-bsf-row-cover { width: 42px; aspect-ratio: 0.64; border-radius: 6px; overflow: hidden; box-shadow: var(--shadow); background: linear-gradient(160deg, #efe9e1, #e2d9cd); flex: 0 0 auto; transition: transform .2s; }
.bkt-bsf-row-link:hover .bkt-bsf-row-cover { transform: translateY(-2px); }
.bkt-bsf-row-cover img { width: 100%; height: 100%; object-fit: cover; }
.bkt-bsf-row-info { min-width: 0; }
.bkt-bsf-row-name { display: block; font-family: var(--font-display); font-size: 1rem; font-weight: 600; line-height: 1.2; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bkt-bsf-row-link:hover .bkt-bsf-row-name { color: var(--accent); }
.bkt-bsf-row-author { display: block; font-family: var(--font-body); font-size: .8rem; color: var(--ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
.bkt-bsf-row-rate { flex: 0 0 auto; font-family: var(--font-body); font-size: .85rem; font-weight: 700; color: var(--star); }
.bkt-bsf-row-rate::before { content: "★ "; }
.bkt-bsf-ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: var(--font-display); font-size: 1.6rem; color: var(--ink-soft); }
.bkt-bsf-hero-cover .bkt-bsf-ph { font-size: 3rem; }
:root[data-theme="dark"] .bkt-bsf { background: radial-gradient(130% 120% at 0% 0%, rgba(227, 133, 79, .1), transparent 58%), var(--card); }
@media (max-width: 720px) {
.bkt-bsf-body { grid-template-columns: 1fr; gap: 26px; }
.bkt-bsf-hero { display: grid; grid-template-columns: 124px 1fr; gap: 18px; align-items: center; }
.bkt-bsf-hero-cover { max-width: 124px; }
.bkt-bsf-hero-foot { min-width: 0; margin-top: 0; }
.bkt-bsf-hero-rating { display: none; }
.bkt-bsf-hero-rating-c { display: block; margin: 2px 0; }
.bkt-bsf-crown { font-size: .58rem; padding: 4px 8px; }
}
@media (max-width: 420px) {
.bkt-bsf-hero { grid-template-columns: 104px 1fr; gap: 14px; }
.bkt-bsf-hero-cover { max-width: 104px; }
.bkt-bsf-hero-rank { font-size: 2.3rem; }
.bkt-bsf-hero-name { font-size: 1.04rem; }
}
/* Trendyol affiliate butonu */
.bkt-buy a.bkt-buy-ty { background: #f27a1a; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; }
.bkt-buy a.bkt-buy-ty:hover { background: #d96a10; color: #fff; }
.bkt-buy-ty-ico { font-size: 1rem; line-height: 1; }
.bkt-buy-note { font-size: .72rem; color: var(--ink-soft); margin: 9px 2px 0; line-height: 1.4; }
/* ---------- Hakkımızda: premium hero ---------- */
.bkt-about-hero {
text-align: center;
padding: clamp(46px, 7vw, 92px) 20px clamp(34px, 5vw, 56px);
background:
radial-gradient(120% 130% at 50% -25%, rgba(179, 80, 30, .10), transparent 56%),
linear-gradient(180deg, var(--card), var(--paper));
border-bottom: 1px solid var(--line);
}
.bkt-about-hero .bkt-wrap { max-width: 720px; }
.bkt-about-logo { width: 78px; height: auto; display: block; margin: 0 auto 20px; filter: drop-shadow(0 7px 16px rgba(33, 29, 26, .14)); }
.bkt-about-eyebrow { display: block; font-family: var(--font-body); font-size: .78rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 14px; }
.bkt-about-hero h1 { font-size: clamp(2.3rem, 5vw, 3.5rem); line-height: 1.08; margin: 0; }
.bkt-about-lead { font-size: clamp(1.06rem, 2vw, 1.28rem); color: var(--ink-soft); line-height: 1.55; max-width: 40ch; margin: 18px auto 0; }
.bkt-about { margin-top: clamp(28px, 4vw, 46px); }
.bkt-about .bkt-prose { margin: 0 auto; }
.bkt-about .bkt-prose img { max-width: 100%; height: auto; border-radius: 12px; }
/* ---------- Sayfa başına dön (animasyonlu ok) ---------- */
.bkt-totop {
position: fixed; z-index: 70;
right: clamp(16px, 3vw, 28px); bottom: clamp(20px, 4vw, 30px);
width: 46px; height: 46px; border-radius: 50%;
display: grid; place-items: center;
border: 1px solid var(--line); background: var(--card); color: var(--accent-dark);
box-shadow: var(--shadow-lift); cursor: pointer;
opacity: 0; transform: translateY(16px) scale(.86); pointer-events: none;
transition: opacity .3s ease, transform .32s cubic-bezier(.34, 1.45, .64, 1), background .2s ease, color .2s ease, border-color .2s ease;
}
.bkt-totop.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.bkt-totop:hover { background: var(--accent); color: #fff; border-color: var(--accent); transform: translateY(-3px); }
.bkt-totop:active { transform: scale(.92); }
.bkt-totop:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.bkt-totop svg { width: 20px; height: 20px; }
@media (prefers-reduced-motion: no-preference) {
.bkt-totop.is-visible svg { animation: bkt-totop-bob 2.4s ease-in-out infinite; }
}
@keyframes bkt-totop-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
.bkt-totop:hover svg { animation: none; transform: translateY(-2px); transition: transform .2s ease; }
@media (max-width: 760px) {
.bkt-totop { width: 42px; height: 42px; right: 14px; bottom: calc(66px + env(safe-area-inset-bottom) + 12px); }
}
/* Koyu mod */
:root[data-theme="dark"] .bkt-about-hero {
background:
radial-gradient(120% 130% at 50% -25%, rgba(227, 133, 79, .13), transparent 56%),
linear-gradient(180deg, var(--card), var(--paper));
}
:root[data-theme="dark"] .bkt-about-logo { filter: invert(0.9); }
/* ---------- Okuma durumu (ziyaretçi etkileşimi) ---------- */
.bkt-rs { margin: 26px 0; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: var(--shadow); }
.bkt-rs-q { display: block; font-family: var(--font-body); font-size: .76rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 12px; }
.bkt-rs-btns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.bkt-rs-btn {
display: flex; flex-direction: column; align-items: center; gap: 6px;
padding: 14px 8px 11px; border: 1px solid var(--line); border-radius: 13px;
background: var(--paper); color: var(--ink-soft); cursor: pointer; font: inherit;
transition: transform .16s cubic-bezier(.34, 1.4, .64, 1), background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
-webkit-tap-highlight-color: transparent;
}
.bkt-rs-btn:hover { transform: translateY(-2px); border-color: rgba(179, 80, 30, .4); color: var(--accent-dark); box-shadow: var(--shadow); }
.bkt-rs-btn:active { transform: scale(.96); }
.bkt-rs-btn.is-active { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 6px 16px rgba(179, 80, 30, .32); }
.bkt-rs-ico svg { width: 22px; height: 22px; display: block; }
.bkt-rs-lbl { font-size: .82rem; font-weight: 600; line-height: 1.18; text-align: center; }
.bkt-rs-n { font-size: .72rem; font-variant-numeric: tabular-nums; min-height: 1em; opacity: .85; }
.bkt-rs-btn.is-active .bkt-rs-n { color: rgba(255, 255, 255, .9); }
.bkt-rs-reasons { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 13px; padding-top: 13px; border-top: 1px dashed var(--line); }
.bkt-rs-reasons[hidden] { display: none; }
.bkt-rs-reasons-q { font-size: .82rem; color: var(--ink-soft); margin-right: 2px; }
.bkt-rs-reason { padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); color: var(--ink-soft); font: inherit; font-size: .78rem; cursor: pointer; transition: border-color .16s ease, color .16s ease, background .16s ease; }
.bkt-rs-reason:hover { border-color: var(--accent); color: var(--accent-dark); }
.bkt-rs-reason.is-active { background: var(--accent-dark); border-color: var(--accent-dark); color: #fff; }
.bkt-rs-note { margin: 12px 0 0; font-size: .86rem; color: var(--ink-soft); min-height: 1.1em; }
.bkt-rs-note a { color: var(--accent-dark); font-weight: 600; }
.bkt-rs.is-busy { opacity: .6; pointer-events: none; }
@media (max-width: 560px) {
.bkt-rs { padding: 15px; }
.bkt-rs-btns { gap: 7px; }
.bkt-rs-btn { padding: 11px 4px 9px; border-radius: 11px; }
.bkt-rs-lbl { font-size: .72rem; }
.bkt-rs-ico svg { width: 20px; height: 20px; }
}
/* ---------- Hesap rafı (Rafım) ---------- */
.bkt-shelf-row { margin: 0 0 22px; }
.bkt-shelf-row h3 { font-size: 1.05rem; margin: 0 0 12px; display: flex; align-items: baseline; gap: 8px; }
.bkt-shelf-n { font-size: .8rem; color: var(--ink-soft); font-variant-numeric: tabular-nums; font-weight: 400; }
.bkt-shelf-books { display: grid; grid-auto-flow: column; grid-auto-columns: 84px; gap: 12px; overflow-x: auto; padding: 4px 2px 12px; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.bkt-shelf-book { display: block; aspect-ratio: 0.64; border-radius: 8px; overflow: hidden; background: #f1ece4; box-shadow: var(--shadow); transition: transform .18s ease, box-shadow .18s ease; }
.bkt-shelf-book:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift); }
.bkt-shelf-book img { width: 100%; height: 100%; object-fit: contain; display: block; }
.bkt-shelf-noimg { display: flex; align-items: center; justify-content: center; height: 100%; padding: 6px; font-size: .68rem; line-height: 1.25; text-align: center; color: var(--ink-soft); }
.bkt-shelf-stats { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0 0 22px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); box-shadow: var(--shadow); }
.bkt-shelf-stat { font-size: .9rem; color: var(--ink-soft); }
.bkt-shelf-stat strong { font-family: var(--font-display); font-size: 1.3rem; color: var(--accent-dark); margin-right: 5px; font-variant-numeric: tabular-nums; }
/* ---------- Kitap kulübü etkileşim panosu ---------- */
.bkt-club { margin: 30px auto; }
.bkt-club-next { display: flex; align-items: center; gap: 16px; padding: 15px 20px; margin-bottom: 18px; border-radius: 14px; text-decoration: none; background: linear-gradient(120deg, var(--accent), var(--accent-dark)); color: #fff; box-shadow: 0 10px 26px -12px rgba(179, 80, 30, .5); transition: transform .18s ease, box-shadow .18s ease; }
.bkt-club-next:hover { transform: translateY(-2px); box-shadow: 0 14px 32px -12px rgba(179, 80, 30, .6); color: #fff; }
.bkt-club-next-cover { flex: 0 0 auto; width: 50px; height: 72px; border-radius: 7px; overflow: hidden; background: rgba(255, 255, 255, .16); box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }
.bkt-club-next-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bkt-club-next-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bkt-club-next-label { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.bkt-club-next-title { font-family: var(--font-display); font-size: 1.25rem; line-height: 1.2; color: #fff; }
.bkt-club-next-date { font-size: .85rem; opacity: .92; margin-top: 2px; }
/* Kitap → kulübe öner */
.bkt-suggest { position: relative; margin: 14px 0 0; }
.bkt-suggest-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--ink-soft); font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer; transition: border-color .16s ease, color .16s ease; }
.bkt-suggest-btn:hover { border-color: var(--accent); color: var(--accent-dark); }
.bkt-suggest-ico { font-size: 1.05rem; line-height: 1; }
.bkt-suggest-menu { position: absolute; left: 0; top: calc(100% + 6px); z-index: 20; min-width: 220px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-lift); padding: 6px; }
.bkt-suggest-menu[hidden] { display: none; }
.bkt-suggest-menu-h { display: block; padding: 6px 10px 4px; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); }
.bkt-suggest-club { display: block; width: 100%; text-align: left; padding: 9px 11px; border: 0; background: none; border-radius: 8px; font: inherit; font-size: .9rem; color: var(--ink); cursor: pointer; }
.bkt-suggest-club:hover { background: var(--paper); color: var(--accent-dark); }
.bkt-suggest-link { font-size: .88rem; color: var(--accent-dark); font-weight: 600; }
.bkt-suggest-note { margin-left: 10px; font-size: .86rem; color: var(--accent-dark); font-weight: 600; }
.bkt-suggest.is-busy { opacity: .6; pointer-events: none; }
.bkt-club-join { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); box-shadow: var(--shadow); margin-bottom: 22px; }
.bkt-club-meta { display: flex; align-items: baseline; gap: 7px; }
.bkt-club-count { font-family: var(--font-display); font-size: 1.5rem; color: var(--ink); }
.bkt-club-count-lbl { color: var(--ink-soft); font-size: .9rem; }
.bkt-club-join-btn { display: inline-flex; align-items: center; gap: 7px; padding: 10px 20px; border-radius: 999px; border: 1px solid var(--accent); background: var(--accent); color: #fff; font: inherit; font-weight: 600; font-size: .92rem; cursor: pointer; text-decoration: none; transition: background .18s ease, border-color .18s ease, color .18s ease, transform .16s ease; }
.bkt-club-join-btn:hover { background: var(--accent-dark); border-color: var(--accent-dark); color: #fff; transform: translateY(-1px); }
.bkt-club-join-btn.is-guest { background: var(--card); color: var(--accent-dark); }
.bkt-club-join-btn.is-guest:hover { background: var(--paper); }
.bkt-club-join-off { display: none; }
.bkt-club-join-btn.is-member { background: var(--paper); color: var(--ink-soft); border-color: var(--line); }
.bkt-club-join-btn.is-member .bkt-club-join-on { display: none; }
.bkt-club-join-btn.is-member .bkt-club-join-off { display: inline; }
.bkt-club-join-btn.is-member:hover { color: #b3261e; border-color: rgba(179, 38, 30, .4); background: var(--card); transform: none; }
.bkt-club-board { border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: var(--shadow); padding: 22px 22px 18px; }
.bkt-club-board-head h2 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); margin: 0 0 4px; }
.bkt-club-board-head p { color: var(--ink-soft); font-size: .92rem; margin: 0 0 18px; }
.bkt-club-nominate[hidden] { display: none; }
.bkt-club-search-wrap { position: relative; margin-bottom: 16px; }
.bkt-club-search { width: 100%; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); font: inherit; font-size: .95rem; color: var(--ink); }
.bkt-club-search:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(179, 80, 30, .13); outline: none; }
.bkt-club-results { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 20; max-height: 320px; overflow-y: auto; background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-lift); padding: 6px; }
.bkt-club-results[hidden] { display: none; }
.bkt-club-result { display: flex; align-items: center; gap: 11px; width: 100%; padding: 8px 10px; border: 0; background: none; border-radius: 9px; cursor: pointer; font: inherit; text-align: left; color: var(--ink); }
.bkt-club-result:hover { background: var(--paper); }
.bkt-club-result.is-active { background: var(--paper); box-shadow: inset 0 0 0 2px var(--accent); }
.bkt-club-result img, .bkt-club-result-noimg { width: 32px; height: 46px; object-fit: cover; border-radius: 4px; flex: 0 0 auto; background: #f1ece4; }
.bkt-club-result span { font-size: .9rem; line-height: 1.3; }
.bkt-club-noresult { display: block; padding: 12px; color: var(--ink-soft); font-size: .9rem; }
.bkt-club-noms { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.bkt-club-nom { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.bkt-club-nom.is-leader { border-color: rgba(179, 80, 30, .4); background: linear-gradient(180deg, #fff7f1, var(--card)); box-shadow: 0 4px 14px -8px rgba(179, 80, 30, .4); }
.bkt-club-nom-rank { font-family: var(--font-display); font-size: 1.1rem; color: var(--ink-soft); width: 1.4em; text-align: center; flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.bkt-club-nom.is-leader .bkt-club-nom-rank { color: var(--accent); }
.bkt-club-nom-cover { flex: 0 0 auto; width: 42px; height: 60px; border-radius: 6px; overflow: hidden; background: #f1ece4; box-shadow: var(--shadow); }
.bkt-club-nom-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bkt-club-nom-title { flex: 1; min-width: 0; font-weight: 600; color: var(--ink); line-height: 1.3; font-size: .98rem; }
.bkt-club-nom-title:hover { color: var(--accent-dark); }
.bkt-club-vote { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; padding: 8px 15px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--ink-soft); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; transition: border-color .16s ease, color .16s ease, background .16s ease; }
.bkt-club-vote:hover:not(:disabled) { border-color: var(--accent); color: var(--accent-dark); }
.bkt-club-vote.is-voted { background: var(--accent); border-color: var(--accent); color: #fff; }
.bkt-club-vote:disabled { cursor: default; opacity: .55; }
.bkt-club-vote-n { font-variant-numeric: tabular-nums; }
.bkt-club-empty[hidden], .bkt-club-guest-hint[hidden] { display: none; }
.bkt-club-empty, .bkt-club-guest-hint { color: var(--ink-soft); font-size: .92rem; margin: 14px 2px 2px; }
.bkt-club-guest-hint a, .bkt-club-empty a { color: var(--accent-dark); font-weight: 600; }
.bkt-club.is-busy { opacity: .6; pointer-events: none; }
:root[data-theme="dark"] .bkt-club-nom.is-leader { background: linear-gradient(180deg, rgba(227, 133, 79, .13), var(--card)); }
:root[data-theme="dark"] .bkt-club-result img, :root[data-theme="dark"] .bkt-club-result-noimg, :root[data-theme="dark"] .bkt-club-nom-cover { background: #2a241d; }
@media (max-width: 560px) {
.bkt-club-join { padding: 14px 16px; }
.bkt-club-board { padding: 18px 16px 14px; }
.bkt-club-nom { gap: 10px; padding: 9px 10px; }
.bkt-club-vote { padding: 7px 11px; }
}
/* ---------- Okur Tercihleri (agregat keşif sayfası) ---------- */
.bkt-prefs .bkt-cat-head { text-align: center; margin-bottom: 6px; }
.bkt-pref-lead { max-width: 60ch; margin: 6px auto 32px; color: var(--ink-soft); font-size: 1.02rem; line-height: 1.6; }
.bkt-pref-empty { text-align: center; padding: 40px 22px; border: 1px dashed var(--line); border-radius: 16px; background: var(--card); color: var(--ink-soft); }
.bkt-pref-empty p { margin: 0 0 18px; font-size: 1rem; line-height: 1.6; }
.bkt-pref-row { margin: 0 0 38px; }
.bkt-pref-head { margin: 0 0 14px; }
.bkt-pref-eyebrow { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 3px; }
.bkt-pref-head h2 { font-family: var(--font-display); font-size: clamp(1.3rem, 2.6vw, 1.7rem); line-height: 1.15; margin: 0; }
.bkt-pref-books { display: grid; grid-auto-flow: column; grid-auto-columns: 134px; gap: 18px; overflow-x: auto; padding: 6px 2px 16px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.bkt-pref-book { scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--ink); }
.bkt-pref-cover { position: relative; aspect-ratio: 0.64; border-radius: 10px; overflow: hidden; background: #f1ece4; box-shadow: var(--shadow); transition: transform .18s ease, box-shadow .18s ease; }
.bkt-pref-book:hover .bkt-pref-cover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bkt-pref-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bkt-pref-noimg { display: flex; align-items: center; justify-content: center; height: 100%; padding: 8px; font-size: .72rem; line-height: 1.3; text-align: center; color: var(--ink-soft); }
.bkt-pref-count { position: absolute; left: 7px; bottom: 7px; display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; background: var(--accent); color: #fff; font-size: .72rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .4); }
.bkt-pref-title { font-size: .86rem; font-weight: 600; line-height: 1.3; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bkt-pref-book:hover .bkt-pref-title { color: var(--accent-dark); }
.bkt-pref-reason { font-size: .74rem; color: var(--ink-soft); margin-top: -2px; }
.bkt-pref-intro { margin-top: 26px; }
:root[data-theme="dark"] .bkt-pref-noimg { background: #2a241d; }
@media (max-width: 560px) {
.bkt-pref-books { grid-auto-columns: 118px; gap: 14px; }
.bkt-pref-lead { font-size: .96rem; }
}
/* ---------- Ana sayfa: Okur Tercihleri daveti ---------- */
.bkt-prefs-promo-card { display: flex; align-items: center; gap: 34px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(120deg, #fff7f1, var(--card)); box-shadow: var(--shadow); padding: 28px 32px; }
.bkt-prefs-promo-text { flex: 1; min-width: 0; }
.bkt-prefs-promo-eyebrow { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 6px; }
.bkt-prefs-promo-text h2 { font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 8px; color: var(--ink); }
.bkt-prefs-promo-text p { margin: 0 0 16px; max-width: 56ch; color: var(--ink-soft); line-height: 1.6; }
.bkt-prefs-promo-cta { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--accent-dark); text-decoration: none; transition: gap .16s ease; }
.bkt-prefs-promo-cta:hover { gap: 11px; }
.bkt-prefs-promo-books { flex: 0 0 auto; }
.bkt-prefs-promo-books-label { display: block; font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 10px; text-align: center; }
.bkt-prefs-promo-covers { display: flex; gap: 12px; }
.bkt-prefs-promo-cover { width: 82px; aspect-ratio: 0.64; border-radius: 8px; overflow: hidden; background: #f1ece4; box-shadow: var(--shadow); transition: transform .18s ease, box-shadow .18s ease; }
.bkt-prefs-promo-cover:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bkt-prefs-promo-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bkt-prefs-promo-noimg { display: flex; align-items: center; justify-content: center; height: 100%; padding: 6px; font-size: .66rem; line-height: 1.25; text-align: center; color: var(--ink-soft); }
:root[data-theme="dark"] .bkt-prefs-promo-card { background: linear-gradient(120deg, rgba(227, 133, 79, .1), var(--card)); }
:root[data-theme="dark"] .bkt-prefs-promo-noimg { background: #2a241d; }
@media (max-width: 680px) {
.bkt-prefs-promo-card { flex-direction: column; align-items: stretch; gap: 22px; }
.bkt-prefs-promo-books-label { text-align: left; }
}
/* ---------- Etkinlik banner'ı (anasayfa üstü) + fuar modalı ---------- */
.bkt-eventbar { background: linear-gradient(110deg, var(--accent-dark), var(--accent)); color: #fff; }
.bkt-eventbar-in { display: flex; align-items: center; gap: 16px; padding: 12px 0; }
.bkt-eventbar-cover { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 50%; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, .28); background: rgba(255, 255, 255, .15); border: 2px solid rgba(255, 255, 255, .55); }
.bkt-eventbar-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bkt-eventbar-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.bkt-eventbar-tag { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .9; }
.bkt-eventbar-title { font-family: var(--font-display); font-size: 1.15rem; line-height: 1.25; color: #fff; }
.bkt-eventbar-alt { font-size: .85rem; opacity: .92; }
.bkt-eventbar-cta { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border-radius: 999px; border: 0; background: #fff; color: var(--accent-dark); font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer; transition: transform .16s ease, background .16s ease; }
.bkt-eventbar-cta:hover { transform: translateY(-1px); background: #fff7f1; }
.bkt-eventbar-close { flex: 0 0 auto; width: 30px; height: 30px; border: 0; background: rgba(255, 255, 255, .16); color: #fff; border-radius: 50%; font-size: 20px; line-height: 1; cursor: pointer; transition: background .16s ease; }
.bkt-eventbar-close:hover { background: rgba(255, 255, 255, .3); }
@media (max-width: 640px) {
.bkt-eventbar-in { position: relative; flex-wrap: wrap; align-items: flex-start; gap: 11px 12px; padding: 13px 0 14px; }
.bkt-eventbar-cover { width: 46px; height: 46px; }
.bkt-eventbar-text { flex: 1; min-width: 0; padding-right: 34px; gap: 2px; }
.bkt-eventbar-tag { font-size: .66rem; }
.bkt-eventbar-title { font-size: 1.02rem; line-height: 1.22; }
.bkt-eventbar-alt { font-size: .8rem; line-height: 1.35; }
.bkt-eventbar-cta { order: 3; width: 100%; justify-content: center; padding: 11px 18px; font-size: .92rem; }
.bkt-eventbar-close { position: absolute; top: 0; right: 0; width: 28px; height: 28px; font-size: 18px; }
}
.bkt-fuar-modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(34, 28, 22, .55); backdrop-filter: blur(3px); }
.bkt-fuar-modal.is-open { display: flex; }
.bkt-fuar-modal-card { position: relative; width: 100%; max-width: 480px; max-height: 90vh; overflow-y: auto; background: var(--card); border-radius: 18px; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .5); padding: 30px 30px 26px; }
.bkt-fuar-modal-x { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 0; background: var(--paper); color: var(--ink-soft); border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; }
.bkt-fuar-modal-x:hover { color: var(--accent-dark); }
.bkt-fuar-modal-eyebrow { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 4px; }
.bkt-fuar-modal-title { font-family: var(--font-display); font-size: 1.5rem; margin: 0 0 16px; color: var(--ink); padding-right: 30px; }
.bkt-fuar-modal-meta { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.bkt-fuar-modal-meta li { display: flex; gap: 11px; align-items: flex-start; color: var(--ink); font-size: .95rem; line-height: 1.45; }
.bkt-fuar-modal-ico { flex: 0 0 auto; font-size: 1.05rem; line-height: 1.4; }
.bkt-fuar-modal-ulasim h3 { font-size: .9rem; margin: 0 0 5px; color: var(--ink); }
.bkt-fuar-modal-ulasim p { margin: 0 0 18px; color: var(--ink-soft); font-size: .92rem; line-height: 1.6; }
.bkt-fuar-modal-map { display: inline-flex; align-items: center; gap: 7px; padding: 10px 20px; border-radius: 999px; background: var(--accent); color: #fff; text-decoration: none; font-weight: 600; font-size: .92rem; transition: background .16s ease; }
.bkt-fuar-modal-map:hover { background: var(--accent-dark); color: #fff; }
/* ---------- Faz 1.5: kart/listede "rafımdaki durum" rozeti ---------- */
.bkt-book-card .bkt-cover, .bkt-v3-book .bkt-cover { position: relative; }
.bkt-card-status { position: absolute; left: 7px; top: 7px; z-index: 3; display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; font-size: .68rem; font-weight: 700; line-height: 1.3; color: #fff; background: var(--accent); box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .5); pointer-events: none; }
.bkt-card-status.is-okudum { background: #2e7d52; }
.bkt-card-status.is-okuyorum { background: var(--accent); }
.bkt-card-status.is-yarim { background: #7a7163; }
.bkt-card-status.is-istiyorum { background: #3a6ea5; }
/* ---------- Faz 4: Alıntı kartı (paylaşım) ---------- */
.bkt-quote { margin: 30px 0; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: var(--shadow); }
.bkt-quote-head { margin-bottom: 14px; }
.bkt-quote-eyebrow { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 3px; }
.bkt-quote-head h2 { font-size: clamp(1.2rem, 2.4vw, 1.5rem); margin: 0; }
.bkt-quote-input { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); font: inherit; font-size: .98rem; line-height: 1.6; color: var(--ink); resize: vertical; margin-bottom: 16px; }
.bkt-quote-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(179, 80, 30, .13); outline: none; }
.bkt-quote-stage { display: flex; justify-content: center; margin-bottom: 16px; }
.bkt-quote-canvas { width: 100%; max-width: 360px; height: auto; aspect-ratio: 1 / 1; border-radius: 12px; box-shadow: var(--shadow-lift); }
.bkt-quote-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.bkt-quote-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-soft); font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: border-color .16s, color .16s, background .16s, transform .16s; }
.bkt-quote-btn:hover { border-color: var(--accent); color: var(--accent-dark); transform: translateY(-1px); }
.bkt-quote-btn.is-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.bkt-quote-btn.is-primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); color: #fff; }
.bkt-quote-msg { margin: 12px 0 0; font-size: .88rem; color: var(--accent-dark); font-weight: 600; min-height: 1.2em; }
/* Okuma-durumu paylaş satırı (her paylaşım kitabın linkini taşır) */
.bkt-rs-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.bkt-rs-share[hidden] { display: none; }
.bkt-rs-share-lbl { font-size: .85rem; font-weight: 600; color: var(--ink-soft); }
.bkt-rs-share-btn { display: inline-flex; align-items: center; padding: 6px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-soft); font: inherit; font-size: .82rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: border-color .16s ease, color .16s ease, transform .16s ease; }
.bkt-rs-share-btn:hover { border-color: var(--accent); color: var(--accent-dark); transform: translateY(-1px); }
.bkt-rs-share-native { background: var(--accent); border-color: var(--accent); color: #fff; }
.bkt-rs-share-native:hover { background: var(--accent-dark); border-color: var(--accent-dark); color: #fff; }
/* ---------- Ekibimiz (anasayfa bölümü) ---------- */
.bkt-team { margin: 56px auto; }
.bkt-team-head { text-align: center; margin-bottom: 28px; }
.bkt-team-head h2 { font-family: var(--font-display); font-size: clamp(1.6rem, 4vw, 2.1rem); color: var(--ink); margin: 0 0 6px; }
.bkt-team-head p { color: var(--ink-soft); margin: 0; }
.bkt-team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 190px)); justify-content: center; gap: 18px 22px; }
.bkt-team-card { display: flex; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); transition: border-color .15s; }
.bkt-team-card:hover { border-color: var(--accent); }
.bkt-team-trigger { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 20px 12px; background: none; border: 0; border-radius: var(--radius); cursor: pointer; font: inherit; color: inherit; text-align: center; transition: transform .15s; }
.bkt-team-trigger:hover { transform: translateY(-2px); }
.bkt-team-photo { width: 104px; height: 104px; margin: 0 auto; border-radius: 50%; overflow: hidden; background: var(--paper); flex: none; }
.bkt-team-photo img { width: 100%; height: 100%; object-fit: cover; }
.bkt-team-photo--empty { display: flex; align-items: center; justify-content: center; }
.bkt-team-photo--empty span { font-family: var(--font-display); font-size: 2.2rem; color: var(--accent); }
.bkt-team-name { font-size: 1.04rem; font-weight: 600; color: var(--ink); line-height: 1.25; }
.bkt-team-role { font-size: .86rem; font-weight: 600; color: var(--accent); }
/* Üye popup (native