/* =========================================================
   SAYFA BİLEŞENLERİ — page header, breadcrumb, kartlar, toolbar
   Yol: /css/sayfa.css
   Amaç: kategoriler.php, belgeler.php, gizlilik-politikasi.php vb.
   ========================================================= */

/* ---------- Palet (site değişkenleri ile uyumlu) ---------- */
:root{
  --bhz-bg: var(--light-color, #f8fafc);
  --bhz-surface: #fff;
  --bhz-muted-surface: #f1f5f9;
  --bhz-border: #e2e8f0;

  --bhz-text: var(--dark-color, #1e293b);
  --bhz-text-muted: var(--secondary-color, #64748b);

  --bhz-primary: var(--primary-color, #3a86ff);
  --bhz-primary-600: #2f6df6;
  --bhz-primary-50: #edf4ff;

  --bhz-success: var(--success-color, #059669);
  --bhz-warning: var(--warning-color, #d97706);
  --bhz-danger:  var(--danger-color,  #dc2626);

  --bhz-radius: 12px;
  --bhz-radius-lg: 16px;
  --bhz-radius-xl: 20px;

  --bhz-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --bhz-shadow:    0 8px 24px rgba(0,0,0,.06);
  --bhz-shadow-lg: 0 16px 40px rgba(0,0,0,.08);

  --bhz-gradient: var(--gradient-bg, linear-gradient(135deg,#3a86ff, #764ba2));

  /* spacing */
  --bhz-gap: 16px;
  --bhz-gap-lg: 20px;
  --bhz-card-pad: 16px;
}



/* =========================================================
   PAGE HEADER
   ========================================================= */
.page-header{
  position:relative;
  padding:28px 0 22px;
  border-bottom:1px solid var(--bhz-border);
  margin-bottom:14px;
  color:var(--bhz-text);
  background:var(--bhz-bg);
  min-height:180px;
}
.page-header.is-dark,
.page-header--dark{
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
  background-color:#0f172a;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='g' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0L0 0 0 20' fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23g)'/%3E%3C/svg%3E"),
    var(--bhz-gradient);
  background-repeat:repeat, no-repeat;
  background-size:20px 20px, cover;
  background-position:top left, center;
}
.page-header__row,
.page-header__grid{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: var(--bhz-gap);
  align-items:center;
}
@media (max-width:768px){
  .page-header__row,
  .page-header__grid{ grid-template-columns:1fr; }
}

/* breadcrumb */
.breadcrumb-nav{
  display:flex; align-items:center; gap:8px;
  font-size:14px; color:inherit; opacity:.9; margin-bottom:8px;
}
.breadcrumb-link{ color:inherit; text-decoration:none; display:inline-flex; gap:6px; align-items:center; }
.breadcrumb-link:hover{ opacity:.9; text-decoration:underline; }
.breadcrumb-separator{ opacity:.7; }
.breadcrumb-current{ font-weight:600; }

/* title + meta */
.page-title{
  display:flex; align-items:center; gap:10px;
  margin:0; font-weight:800; line-height:1.2;
  font-size: clamp(20px, 3.2vw, 28px);
  color:inherit;
}
.page-title i{ font-size:22px; color:currentColor; }

.page-meta{
  margin-top:8px; display:flex; align-items:center; gap:10px;
  font-size:14px; opacity:.9; color:inherit;
}
.page-header--dark .page-meta,
.page-header.is-dark .page-meta{ color:rgba(255,255,255,.85); }
.page-meta .stat-number{ font-weight:700; }
.page-meta mark{
  background:rgba(255,255,255,.16); color:currentColor;
  padding:0 .4rem; border-radius:6px;
}
.page-header:not(.page-header--dark):not(.is-dark) .page-meta mark{
  background:var(--bhz-primary-50); color:var(--bhz-primary-600);
}

/* sağ dairesel ikon */
.circle-icon{
  width:72px; height:72px; border-radius:999px;
  display:grid; place-items:center;
  background:var(--bhz-gradient);
  color:#fff; box-shadow:var(--bhz-shadow);
  border:1px solid rgba(255,255,255,.2);
}
.circle-icon i{ font-size:28px; }

/* =========================================================
   TOOLBAR (arama/filtre)
   ========================================================= */
.bhz-toolbar{
  background:var(--bhz-surface);
  border:1px solid var(--bhz-border);
  border-radius:var(--bhz-radius-lg);
  box-shadow:var(--bhz-shadow);
  padding:14px; margin:10px 0 22px;
}
.bhz-toolbar__row{
  display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center;
}
@media (max-width:768px){
  .bhz-toolbar__row{ grid-template-columns:1fr; }
}

.input-icon{ position:relative; }
.input-icon .i{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  font-size:16px; color:var(--bhz-text-muted);
}
.input-icon input{
  width:100%; height:44px; border:1px solid var(--bhz-border);
  border-radius:12px; padding:0 12px 0 38px; outline:none; background:#fff; color:var(--bhz-text);
}
.input-icon input:focus{
  border-color:var(--bhz-primary);
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.select-clean{
  height:44px; border:1px solid var(--bhz-border);
  border-radius:12px; background:#fff; padding:0 12px; outline:none; min-width:160px;
}
.select-clean:focus{
  border-color:var(--bhz-primary);
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

/* =========================================================
   BUTONLAR — tek tema (altı çizgi yok)
   ========================================================= */
.btn-primary-solid,
.btn-list{
  appearance:none; -webkit-appearance:none;
  display:inline-flex; align-items:center; gap:8px;
  height:44px; padding:0 16px;
  border-radius:12px; font-weight:600; cursor:pointer;
  text-decoration:none; user-select:none;
  border:1px solid var(--bhz-border); background:#fff; color:var(--bhz-text);
  transition: transform .12s ease, filter .12s ease, border-color .12s ease, background .12s ease, color .12s ease;
}
.btn-primary-solid:hover,
.btn-list:hover{ text-decoration:none; transform:translateY(-1px); }

.btn-primary-solid{
  border-color:var(--bhz-primary);
  background:var(--bhz-gradient);
  color:#fff;
}
.btn-primary-solid:hover{ filter:brightness(1.05); }
.btn-primary-solid:active{ transform:translateY(0); filter:brightness(.98); }

.btn-list.primary{
  border-color:var(--bhz-primary);
  background:var(--bhz-primary);
  color:#fff;
}
.btn-list.favorite{ width:40px; padding:0; justify-content:center; }
.btn-list.favorite.active{ background:#fee2e2; border-color:#fecaca; color:#dc2626; }

/* =========================================================
   SOL FİLTRE KARTI
   ========================================================= */
.filters-card{
  background:var(--bhz-surface);
  border:1px solid var(--bhz-border);
  border-radius:var(--bhz-radius-xl);
  padding:16px; box-shadow:var(--bhz-shadow);
}
.filters-card__title{ font-weight:800; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.filters-card .form-control,
.filters-card .form-select{ height:44px; border-radius:12px; }
.filters-card .form-control:focus,
.filters-card .form-select:focus{
  border-color:var(--bhz-primary)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}
.filters-card .form-check-input:focus{ box-shadow:none; border-color:var(--bhz-primary); }
.filters-card .btn{ text-decoration:none; }

/* =========================================================
   GRID — kartlar yapışmasın (görsel boşluklar)
   ========================================================= */
.bhz-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bhz-gap-lg);
}
.bhz-grid > *{ min-width:0; }
@media (max-width:992px){ .bhz-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:576px){ .bhz-grid{ grid-template-columns:1fr; } }

/* =========================================================
   KATEGORİ KARTLARI (grid tipi)
   ========================================================= */
.bhz-card{
  background:var(--bhz-surface);
  border:1px solid var(--bhz-border);
  border-radius:var(--bhz-radius-xl);
  box-shadow:var(--bhz-shadow-sm);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  overflow:hidden;
}
.bhz-card:hover{ transform:translateY(-2px); box-shadow:var(--bhz-shadow); border-color:rgba(37,99,235,.25); }

.bhz-card--category .bhz-card__link{
  display:grid;
  grid-template-columns:64px 1fr 28px;
  gap:14px; align-items:center;
  padding:var(--bhz-card-pad);
  text-decoration:none; color:inherit;
}
.bhz-card__icon{
  width:64px; height:64px; border-radius:16px; display:grid; place-items:center;
  background:var(--bhz-muted-surface); border:1px solid var(--bhz-border); color:var(--bhz-text);
}
.bhz-card__icon i{ font-size:28px; }
.bhz-card__body{ min-width:0; }
.bhz-card__title{
  font-size:16px; font-weight:700; color:var(--bhz-text);
  margin:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.bhz-card__meta{ font-size:13px; color:var(--bhz-text-muted); display:flex; gap:10px; align-items:center; }
.bhz-card__desc{
  font-size:13px; color:var(--bhz-text-muted);
  margin:8px 0 0; line-height:1.45;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.bhz-card__arrow{ display:grid; place-items:center; color:var(--bhz-text-muted); transition: transform .15s ease, color .15s ease; }
.bhz-card:hover .bhz-card__arrow{ transform:translateX(3px); color:var(--bhz-primary); }


/* Policy sayfası yardımcıları */
.bhz-card--policy .bhz-card__body { padding: 20px; }
.policy-toc .link-clean { text-decoration: none; }
.policy-toc .link-clean:hover { text-decoration: underline; }



/* =========================================================
   LİSTE KARTLARI (belge/policy ortak)
   ========================================================= */
.list{ display:grid; gap: var(--bhz-gap); }
.list-item{
  background:var(--bhz-surface);
  border:1px solid var(--bhz-border);
  border-radius:var(--bhz-radius-xl);
  padding: var(--bhz-card-pad);
  display:grid; grid-template-columns:1fr auto; gap:12px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.list-item:hover{ transform:translateY(-2px); box-shadow:var(--bhz-shadow); border-color:rgba(37,99,235,.25); }
.list-item__header{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:6px; }
.list-item__title{ font-size:16px; font-weight:800; margin:0; }
.list-item__title a{ color:var(--bhz-text); text-decoration:none; }
.list-item__title a:hover{ text-decoration:underline; }
.list-item__meta{ display:flex; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--bhz-text-muted); }
.meta-chip i{ font-size:13px; margin-right:6px; }
.list-item__desc{ margin:8px 0 0; color:var(--bhz-text-muted); font-size:13px; line-height:1.5; }
.list-item__actions{ display:flex; align-items:center; gap:8px; }

/* policy içerik kartı */
.bhz-card--policy{ padding:20px; line-height:1.7; color:var(--bhz-text); }
.bhz-card--policy h2, .bhz-card--policy h3{ margin-top:18px; font-weight:800; color:var(--bhz-text); }
.bhz-card--policy p{ margin:8px 0; }
.bhz-card--policy ul{ padding-left:18px; }

/* ---- Belgeler listesi: link hover'da altı çizgi olmasın ---- */
.list-item__title a,
.list-item__title a:hover,
.link-clean,
.link-clean:hover{
  text-decoration: none;
  color: var(--bhz-text);
}

/* ---- Öne çıkan belge vurgusu ---- */
.list-item.is-featured{
  border-color:#f59e0b;
  box-shadow: 0 8px 24px rgba(245, 158, 11, .12);
}
.list-item.is-featured .badge-star{
  background:#fde68a; /* zaten mevcut, ton güçlendirildi */
  color:#78350f;
}

/* ---- 'Oluştur' butonu küçük iyileştirme ---- */
.btn-list.primary{ text-decoration:none; }
.btn-list.primary:hover{ text-decoration:none; transform: translateY(-1px); }



/* =========================================================
   GENEL BÖLÜM BAŞLIĞI
   ========================================================= */
.section{ padding:28px 0 40px; }
.section-header{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding-bottom:10px; border-bottom:2px solid var(--bhz-border);
  margin-bottom:16px;
}
.section-title{ margin:0; font-size:20px; font-weight:800; display:flex; align-items:center; gap:10px; }
.section-sub{ color:var(--bhz-text-muted); font-weight:600; }

/* =========================================================
   PAGINATION & EMPTY STATE
   ========================================================= */
.pagination-wrapper{ margin-top:20px; display:flex; justify-content:center; }
.pagination{ display:flex; gap:6px; list-style:none; padding:0; margin:0; }
.page-item .page-link,
.page-item .current{
  min-width:40px; height:40px; padding:0 12px; border-radius:12px;
  border:1px solid var(--bhz-border);
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; background:#fff; color:var(--bhz-text); font-weight:600;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.page-item .page-link:hover{ border-color:var(--bhz-primary); color:var(--bhz-primary); transform:translateY(-1px); }
.page-item.active .page-link{ background:var(--bhz-primary); border-color:var(--bhz-primary); color:#fff; }

/* boş durum */
.empty-state{
  background:var(--bhz-surface); border:1px solid var(--bhz-border);
  border-radius:var(--bhz-radius-xl); padding:32px 20px; text-align:center; box-shadow:var(--bhz-shadow);
}
.empty-icon{
  width:56px; height:56px; border-radius:14px; display:grid; place-items:center;
  background:var(--bhz-muted-surface); border:1px solid var(--bhz-border);
  color:var(--bhz-text-muted); font-size:22px; margin:0 auto 10px;
}
.empty-title{ font-size:18px; font-weight:800; margin:8px 0 6px; color:var(--bhz-text); }
.empty-text{ color:var(--bhz-text-muted); font-size:14px; margin:0 0 14px; }

/* =========================================================
   A11Y & utility
   ========================================================= */
.page-link:focus,
.btn-list:focus,
.btn-primary-solid:focus,
.form-control:focus,
.form-select:focus{
  outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.18);
}
/* Linkleri buton gibi kullandığımız yerlerde çizgi kaldır */
a.btn-primary-solid, a.btn-list, .bhz-card__link{ text-decoration:none; }
a.btn-primary-solid:hover, a.btn-list:hover, .bhz-card__link:hover{ text-decoration:none; }

/* ---------------------------------------------------------
   LEGACY UYUMLULUK (mevcut sınıflarla köprü)
   --------------------------------------------------------- */
.belgeler-list{ display:grid; gap: var(--bhz-gap); }
.belge-list-item{ border-radius:var(--bhz-radius-xl); border:1px solid var(--bhz-border); background:#fff; padding:var(--bhz-card-pad); }
.btn-belge-list{ @apply none; } /* no-op — projede varsa .btn-list kullanın */

/* =========================================================
   HERO + SEARCH
   ========================================================= */
.hero-section{
  min-height:65vh; position:relative; display:flex; align-items:center;
  color:#fff; padding:40px 0 20px; background:var(--bhz-gradient);
  overflow:hidden;
}
.hero-bg-pattern{
  position:absolute; inset:0;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><pattern id='g' width='1' height='1' patternUnits='userSpaceOnUse'><path d='M 20 0 L 0 0 0 20' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/></pattern></defs><rect width='100' height='100' fill='url(%23g)'/></svg>") repeat;
  opacity:.4; z-index:1;
}
.hero-overlay{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,0,0,.1), rgba(0,0,0,.2)); z-index:2; }
.hero-section .container{ position:relative; z-index:3; }
.hero-content{ text-align:center; }
.hero-title{ font-size:clamp(26px,4.5vw,44px); font-weight:900; line-height:1.2; margin:0 0 10px; text-shadow:0 4px 20px rgba(0,0,0,.3); }
.hero-subtitle{ font-size:clamp(14px,2.2vw,18px); font-weight:400; opacity:.95; line-height:1.6; max-width:720px; margin:0 auto 20px; }

.hero-search-container{ max-width:760px; margin:0 auto; }
.hero-search-form{ position:relative; margin-bottom:16px; }
.search-input-group{
  background:rgba(255,255,255,.95); border-radius:999px; padding:6px 6px 6px 20px;
  display:flex; align-items:center; gap:12px;
  box-shadow:0 15px 30px rgba(0,0,0,.1); backdrop-filter:blur(10px);
  transition:all .25s ease;
}
.search-input-group:focus-within{ background:#fff; transform:translateY(-2px); box-shadow:0 20px 40px rgba(0,0,0,.15); }
.search-icon{ color:var(--bhz-primary); font-size:18px; opacity:.8; }
.hero-search-input{
  flex:1; border:0; background:transparent; padding:14px 0; font-size:16px; color:var(--bhz-text);
  outline:none;
}
.hero-search-input::placeholder{ color:var(--bhz-text-muted); opacity:.8; }
.hero-search-btn{
  background:var(--bhz-primary); color:#fff; border:0; border-radius:999px;
  padding:12px 20px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:6px;
  transition:transform .15s ease, filter .15s ease;
}
.hero-search-btn:hover{ transform:translateX(2px); filter:brightness(1.05); }

.hero-search-suggestions{
  position:absolute; top:100%; left:0; right:0; margin-top:6px; display:none; z-index:10;
  background:#fff; border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,.12); overflow:hidden;
}
.suggestions-list{ max-height:300px; overflow:auto; }
.suggestion-item{
  display:flex; align-items:center; gap:12px; padding:12px 16px;
  text-decoration:none; color:var(--bhz-text); border-bottom:1px solid #f1f5f9; transition:background .15s ease, color .15s ease;
}
.suggestion-item:hover{ background:var(--bhz-bg); color:var(--bhz-primary); }
.suggestion-text{ flex:1; font-weight:600; }
.suggestion-count{ background:var(--bhz-bg); color:var(--bhz-text-muted); padding:3px 8px; border-radius:10px; font-size:12px; font-weight:800; }

/* =========================================================
   HERO QUICK ACTIONS
   ========================================================= */
.hero-quick-actions{ display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.quick-action-btn{
  display:flex; align-items:center; gap:6px; padding:10px 18px; border-radius:25px;
  text-decoration:none; font-weight:800; font-size:14px;
  border:2px solid rgba(255,255,255,.35); color:#fff; transition:all .2s ease; backdrop-filter:blur(10px);
}
.quick-action-btn.primary{ background:rgba(255,255,255,.18); }
.quick-action-btn.secondary{ background:transparent; }
.quick-action-btn.accent{ background:rgba(255,193,7,.22); border-color:rgba(255,193,7,.4); }
.quick-action-btn:hover{ transform:translateY(-2px); background:#fff; color:var(--bhz-primary); border-color:#fff; }

/* =========================================================
   STATS
   ========================================================= */
.stats-showcase{ background:#fff; padding:30px 0; margin-top:-15px; position:relative; z-index:3; }
.stats-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:16px; }
.stat-card{
  background:#fff; padding:18px; border-radius:16px; border:1px solid #f1f5f9;
  box-shadow:0 8px 24px rgba(0,0,0,.08); display:flex; align-items:center; gap:14px; transition:transform .15s ease, box-shadow .15s ease;
}
.stat-card:hover{ transform:translateY(-3px); box-shadow:0 15px 35px rgba(0,0,0,.12); }
.stat-icon{ width:50px; height:50px; border-radius:12px; display:grid; place-items:center; background:var(--bhz-gradient); color:#fff; font-size:22px; flex-shrink:0; }
.stat-number{ font-size:28px; font-weight:900; color:var(--bhz-primary); line-height:1; }
.stat-label{ color:var(--bhz-text-muted); font-weight:700; font-size:13px; }
.stat-extra{ display:flex; align-items:center; gap:6px; color:var(--bhz-text-muted); font-size:12px; margin-top:4px; }
.online-indicator{ width:7px; height:7px; background:#10b981; border-radius:999px; animation:pulse 2s infinite; }
@keyframes pulse{ 0%,100%{opacity:1} 50%{opacity:.4} }

/* =========================================================
   HOME TABS + BADGES
   ========================================================= */
.badge{ display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:12px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.2px; }
.badge-hot{ background:linear-gradient(45deg,#ff6b6b,#ee5a24); color:#fff; }
.badge-favorite{ background:linear-gradient(45deg,#ff6b9d,#c44569); color:#fff; }
.badge-star{ background:linear-gradient(45deg,#ffc107,#ff8c00); color:#fff; }

.home-tabs{ margin:8px 0 0; }
.home-tabs__nav{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center; background:#fff; padding:8px;
  border-radius:999px; box-shadow:0 8px 24px rgba(0,0,0,.08); border:1px solid #f1f5f9;
}
.home-tabs__btn{
  appearance:none; border:0; cursor:pointer; display:flex; align-items:center; gap:8px;
  padding:10px 16px; border-radius:999px; font-weight:800; color:var(--bhz-text-muted); background:transparent;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.home-tabs__btn .tab-badge{ background:rgba(0,0,0,.08); color:inherit; font-weight:900; font-size:11px; padding:2px 8px; border-radius:999px; }
.home-tabs__btn:hover{ background:#f8fafc; color:var(--bhz-primary); transform:translateY(-1px); }
.home-tabs__btn.is-active{ background:var(--bhz-primary); color:#fff; box-shadow:0 6px 18px rgba(58,134,255,.35); }
.home-tabs__btn.is-active .tab-badge{ background:rgba(255,255,255,.25); color:#fff; }
.home-tabs__panels{ position:relative; margin-top:18px; }
.home-tabs__panel{ display:none; }
.home-tabs__panel.is-active{ display:block; animation: bhzFadeInUp .38s ease-out both; }
@keyframes bhzFadeInUp{ from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:translateY(0)} }
.home-doc-list .list{ gap:12px; }
.home-cat-grid .bhz-grid{ margin-top:2px; }

/* =========================================================
   POPÜLER ARAMALAR
   ========================================================= */
.popular-searches-section{ background:#fff; padding:36px 0; }
.popular-searches-grid{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 auto; }
.popular-search-tag{
  display:flex; align-items:center; gap:6px; padding:8px 16px; background:var(--bhz-bg); border:1px solid #e5e7eb;
  border-radius:20px; text-decoration:none; color:var(--bhz-text); font-weight:800; font-size:13px; transition:all .15s ease;
}
.popular-search-tag:hover{ background:var(--bhz-primary); color:#fff; border-color:var(--bhz-primary); transform:translateY(-1px); }
.search-text{ text-transform:none; }
.search-count{ background:rgba(0,0,0,.1); color:#fff; padding:2px 6px; border-radius:10px; font-size:11px; font-weight:900; }
.popular-search-tag:hover .search-count{ background:rgba(255,255,255,.25); }

/* =========================================================
   YORUMLAR (kart ızgara)
   ========================================================= */
.comments-list{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:16px; }
.comment-item{
  background:#fff; border-radius:14px; padding:14px; border:1px solid #f1f5f9;
  box-shadow:0 8px 24px rgba(0,0,0,.06); display:flex; gap:12px; transition:transform .15s ease, box-shadow .15s ease;
}
.comment-item:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.1); }
.comment-avatar{
  width:44px; height:44px; border-radius:50%; overflow:hidden; display:grid; place-items:center; flex-shrink:0;
  background:var(--bhz-bg); border:2px solid #f1f5f9; color:var(--bhz-text-muted); font-weight:900;
}
.comment-body{ flex:1; min-width:0; }
.comment-header{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.comment-header strong{ color:var(--bhz-text); font-weight:800; font-size:14px; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.comment-date{ color:var(--bhz-text-muted); font-size:12px; white-space:nowrap; }
.comment-text{ color:var(--bhz-text-muted); line-height:1.55; font-size:13px; margin:0 0 6px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.comment-link a{ color:var(--bhz-primary); text-decoration:none; font-size:12px; font-weight:800; display:inline-flex; align-items:center; gap:4px; }
.comment-link a:hover{ text-decoration:underline; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:768px){
  .search-input-group{ flex-direction:column; gap:12px; padding:18px; border-radius:18px; }
  .hero-search-input{ text-align:center; }
  .hero-quick-actions{ flex-direction:column; }
  .quick-action-btn{ width:200px; justify-content:center; }
  .stats-grid{ grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:12px; }
  .stat-card{ flex-direction:column; text-align:center; }
  .home-tabs__nav{ border-radius:16px; }
  .home-tabs__btn{ border-radius:12px; }
}
@media (max-width:480px){
  .popular-searches-section{ padding:24px 0; }
  .popular-searches-grid{ gap:8px; }
}
/* =========================================================
   LİNKLER — "Tümünü gör", "Hepsi" vb.
   ========================================================= */
.section-more-btn,
.link-more{
  color: var(--bhz-primary);
  text-decoration: none;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 12px;
  transition: transform .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
  border: 1px solid transparent;
  line-height: 1;
}
.section-more-btn:hover,
.link-more:hover{
  background: rgba(58,134,255,.10);
  color: var(--bhz-primary);
  transform: translateX(2px);
  box-shadow: 0 6px 18px rgba(58,134,255,.15);
}
.section-more-btn i,
.link-more i{ font-size: 14px; }

/* küçük ikonlu başlık rozeti ihtiyacı olursa */
.section-title .badge{
  margin-left: 8px;
}

/* =========================================================
   PAKETLER / ÜYELİK — (anasayfa "Paketler" bölümü)
   ========================================================= */
:root{
  --card-min-h: 520px;              /* tüm kartlar için minimum yükseklik */
  --card-radius: 16px;
  --border-muted: #e5e7eb;          /* dotted ayırıcı rengi (açık tema) */
  --border-muted-dark: #4b5563;     /* dotted ayırıcı rengi (koyu tema) */
}

.membership-section{
  background: var(--bhz-bg);
  padding: 40px 0;
}

.membership-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
  gap: 18px;
  align-items: stretch; /* eşit yükseklik */
}

/* Kart: eşit yükseklik + şık görünüm */
.membership-card{
  display: flex;
  flex-direction: column;
  min-height: var(--card-min-h);
  background: #fff;
  border-radius: var(--card-radius);
  overflow: hidden;
  border: 1px solid #f1f5f9;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
}

.membership-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,.14);
  border-color: rgba(37,99,235,.28);
}

.membership-card.popular{
  border: 2px solid var(--bhz-primary);
  box-shadow: 0 18px 40px rgba(37,99,235,.24);
  transform: translateY(-4px);
}

.popular-badge{
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, var(--bhz-primary), #2457eb);
  color: #fff;
  padding: 6px 14px;
  border-radius: 0 0 12px 12px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .2px;
  box-shadow: 0 6px 14px rgba(37,99,235,.35);
}

.membership-header{
  text-align:center;
  padding: 28px 20px 16px;
}
.membership-card.popular .membership-header{ padding-top: 42px; }

/* Üst ikonu: dairesel rozet + içe gölge */
.membership-icon{
  width: 64px; height: 64px; margin: 0 auto 12px;
  display: grid; place-items: center;
  border-radius: 50%;
  font-size: 28px;
}

.membership-name{
  font-size: 19px;
  font-weight: 900;
  margin: 0 0 6px;
  color: var(--bhz-text);
}

.membership-desc{
  margin: 0 auto 6px;
  max-width: 28ch;
  color: var(--bhz-text-muted);
  font-size: 13px;
}

.membership-price{
  margin: 12px 0 14px;
}
.price-amount{
  font-size: clamp(24px, 3.4vw, 30px);
  font-weight: 900;
  color: var(--bhz-primary);
}
.price-period{
  font-size: 12px;
  color: var(--bhz-text-muted);
  font-weight: 700;
}

/* Özellikler: ikonlu + dotted ayraçlar + eşit yükseklik için esnetme */
.membership-features{
  padding: 0 20px 16px;
  flex: 1 1 auto;             /* kartlar eşitlenir; buton dibe iner */
  display: flex;
  flex-direction: column;
}
.membership-features .feature-list{
  margin: 6px 0 0;
  padding: 0;
  list-style: none;           /* kendi ikonumuzu kullanacağız */
}
.membership-features .feature-list li{
  position: relative;
  padding: 10px 0 12px 28px;  /* sol ikon boşluğu */
  color: var(--bhz-text);
  font-size: 14px;
  border-bottom: 1px dotted var(--border-muted); /* istenen dotted */
}
.membership-features .feature-list li:last-child{
  border-bottom: 0;
}

/* FA check-circle ikonu (Font Awesome 5/6 yüklü ise) */
.membership-features .feature-list li::before{
  content: "\f058";                  /* fa-check-circle */
  font-family: "Font Awesome 5 Free","Font Awesome 6 Free", "Font Awesome 5 Pro", "Font Awesome 6 Pro", sans-serif;
  font-weight: 900;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: var(--bhz-success);
  opacity: .95;
}

/* FA yoksa ✔ ile fallback */
@font-face{font-family:fa-fallback;src:local("☺");}
.membership-features .feature-list li:not([data-fa])::before{
  /* tarayıcı FA'ı bulamazsa yine de bir işaret göster */
  content: "✔";
  font-family: inherit;
}

/* Boş durum */
.membership-features .feature-empty{
  color: #6b7280;
  font-size: .95rem;
}

/* Alt buton: dibe sabit durur */
.membership-action{
  padding: 0 20px 20px;
  margin-top: auto; /* dibe iter */
}
.btn-membership{
  width: 100%;
  height: 46px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 14px;
  background: var(--bhz-primary);
  color: #fff;
  border: 1px solid var(--bhz-primary);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
  display: inline-flex;
  align-items:center; justify-content:center; gap:8px;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(37,99,235,.22);
}
.btn-membership:hover{
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Karanlık tema */
@media (prefers-color-scheme: dark){
  .membership-card{ background:#1f2937; border-color:#374151; }
  .membership-icon{ color:#9ab8ff; background:
    radial-gradient(120% 120% at 30% 20%, rgba(154,184,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(154,184,255,.10), rgba(154,184,255,.04)); }
  .membership-features .feature-list li{
    border-bottom-color: var(--border-muted-dark);
  }
  .btn-membership{ box-shadow: 0 10px 20px rgba(16, 112, 255, .25); }
}