/**
 * global.css
 * Ortak (tüm sayfalarda) stiller: base + header/nav + kartlar + footer + yardımcılar
 */

:root{
  --primary-color:#dc3545;
  --primary-dark:#c82333;
  --secondary-color:#343a40;
  --accent-color:#28a745;

  --text-color:#212529;
  --text-muted:#6c757d;

  --bg:#ffffff;
  --bg-light:#f8f9fa;
  --bg-dark:#1a1a2e;

  --border:#dee2e6;

  --shadow-sm:0 1px 3px rgba(0,0,0,.1);
  --shadow-md:0 4px 6px rgba(0,0,0,.1);
  --shadow-lg:0 10px 25px rgba(0,0,0,.15);

  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:12px;

  --transition:all .3s ease;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--text-color);
  background:var(--bg-light);
}
a{ color:inherit; text-decoration:none; transition:var(--transition); }
a:hover{ color:var(--primary-color); }
img{ max-width:100%; height:auto; display:block; }

/* ==================== TOP BAR ==================== */
.top-bar{
  background:var(--bg-dark);
  color:#fff;
  padding:8px 0;
  font-size:14px;
}
.top-bar a{ color:#fff; }
.top-bar .social-icons a{ margin-left:15px; font-size:16px; }
.top-bar .social-icons a:hover{ color:var(--primary-color); }

/* ==================== HEADER ==================== */
.main-header{
  background:#fff;
  padding:15px 0;
  box-shadow:var(--shadow-sm);
  position:sticky;
  top:0;
  z-index:1000;
}

/* =========================================================
   HEADER ÜST MENÜ + DİĞER DROPDOWN (GÜNCEL)
   ========================================================= */

/* Üst header koyu olsun (nav ile aynı tona çek) */
.header-dark.main-header{
  background: #5a646e;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Top bar kurumsal linkler */
.top-links{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
}
.top-links a{
  color: rgba(255,255,255,.82);
  text-decoration:none;
  font-weight:700;
}
.top-links a:hover{ color:#fff; text-decoration:underline; }
.top-dot{ opacity:.55; }
.top-rss i{ margin-right:6px; }

/* Tarih + sosyal ikonlar aynı satır */
.top-bar .top-left{
  display:flex;
  align-items:center;
  gap:12px;
}
.top-bar .top-date{ white-space:nowrap; }
.top-bar .social-icons{
  display:flex;
  align-items:center;
  gap:10px;
}
.top-bar .social-icons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:10px;
  color: rgba(255,255,255,.9);
  text-decoration:none;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.top-bar .social-icons a:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
  transform: translateY(-1px);
}
.top-bar .social-icons a.si-disabled{
  opacity:.45;
  pointer-events:none;
}

.top-info-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  color:#ffffff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  white-space:nowrap;
  line-height:1;
}

.top-info-chip i{
  font-size:12px;
  opacity:.92;
}

.top-info-chip__label{
  font-size:12px;
  font-weight:700;
  color:rgba(255,255,255,.82);
}

.top-info-chip strong{
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
  color:#ffffff;
}

.top-info-chip--prayer i{
  color:#ffd48a;
}


.top-info-chip-link{
  text-decoration:none;
  cursor:pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.top-info-chip-link:hover{
  color:#fff;
  text-decoration:none;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
  transform:translateY(-1px);
}

.top-info-chip-link:focus-visible{
  outline:2px solid rgba(255,255,255,.55);
  outline-offset:2px;
}

/* Link (yükseklik düşürüldü) */
.hm-link{
  position: relative;
  display:inline-flex;
  align-items:center;
  gap:6px;

  /* daha kısa hover kutusu */
  padding: 5px 10px;

  border-radius: 10px 0px 10px 0px;
  
  font-weight: 800;
  font-size: 14px;
  color: rgba(255,255,255,.92);
  text-decoration:none;

  background: transparent;
  border: 1px solid transparent;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

/* Hover: eski sade görünüm (yanlardan kırmızı gölge YOK) */
.hm-link:hover{
  color:#fff;
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.16);
  text-decoration:none;
}

/* ================================
   HEADER - Aktif kategori vurgusu
   (Alttan başlayıp yukarı doğru kaybolan kırmızı gölge)
================================ */
.hm-link.is-active{
  position:relative;
  z-index: 1;
}

.hm-link.is-active::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0;
  height:20px;            /* sadece alttan yukarı */
  border-radius: inherit;
  pointer-events:none;
  z-index:-1;
  background: linear-gradient(
    to top,
    rgba(225, 29, 46, 0.70) 0%,
    rgba(225, 29, 46, 0.00) 100%
  );
}

.hm-link.is-active{ color:#fff; }

/* Ana sayfa kırmızı blok olmasın */
.hm-home{
  background: transparent !important;
}

/* Kırmızı alt çizgi SADECE Ana Sayfa altında sabit */
.header-menu .hm-home{ position:relative; }
.header-menu .hm-home::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:2px;
  height:3px;
  background:#e11d2e;
  border-radius:999px;
}

/* Artık takip eden underline kullanılmıyor */
.hm-underline{ display:none !important; }

/* Dropdown toggle */
.hm-dd-toggle{ cursor:pointer; }
.hm-dd-toggle.dropdown-toggle::after{ display:none; }

.hm-arrow{
  display:inline-block;
  margin-left: 2px;
  transition: transform .22s ease;
  transform: translateY(1px) rotate(0deg);
}

.header-dd.show .hm-arrow,
.header-dd:hover .hm-arrow{
  transform: translateY(1px) rotate(180deg);
}

/* =====================================================
   HEADER MEGA MENÜ - Diğer
   Geniş, kullanışlı, kategori + galeri + sosyal + alt link
===================================================== */
.header-mega-wrap{
  position: static;
}

.header-dd .header-mega-menu{
  display: none;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: calc(100% + 12px) !important;
  width: min(980px, calc(100vw - 32px));
  min-height: 310px;
  transform: translateX(-50%) !important;
  margin-top: 0 !important;
  inset: auto !important;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
  z-index: 3000;
}

.header-dd.show > .header-mega-menu,
.header-dd:hover > .header-mega-menu,
.header-mega-menu.show{
  display: block;
}

.header-mega-menu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background: linear-gradient(90deg, #e11d2e, #ff6b6b, #e11d2e);
}

.header-mega-inner{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  padding: 28px 30px 18px;
  background:
    radial-gradient(circle at top left, rgba(225, 29, 46, .08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.header-mega-feature{
  display:flex;
  flex-direction:column;
  gap: 12px;
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(145deg, #111827 0%, #1f2937 48%, #991b1b 140%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(15,23,42,.16);
}

.header-mega-feature-link{
  display:flex;
  align-items:center;
  gap: 12px;
  min-height: 58px;
  padding: 12px 14px;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.header-mega-feature-link:hover{
  color:#fff;
  text-decoration:none;
  transform: translateY(-2px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.24);
}

.header-mega-feature-icon{
  width: 38px;
  height: 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 13px;
  background:#e11d2e;
  color:#fff;
  box-shadow: 0 10px 22px rgba(225,29,46,.28);
}

.header-mega-categories{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 18px;
  align-content:start;
}

.header-mega-cat-link{
  position:relative;
  display:flex;
  align-items:center;
  min-height:42px;
  padding: 9px 12px 9px 18px;
  border-bottom:1px solid #e5e7eb;
  color:#1f2937;
  font-weight:800;
  text-decoration:none;
  letter-spacing:.01em;
  transition: color .16s ease, padding-left .16s ease, background .16s ease;
}

.header-mega-cat-link::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:20px;
  border-radius:99px;
  background:#e11d2e;
}

.header-mega-cat-link:hover{
  color:#e11d2e;
  text-decoration:none;
  padding-left:24px;
  background: linear-gradient(90deg, rgba(225,29,46,.07), transparent 76%);
}

.header-mega-social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 12px;
  padding: 14px 22px;
  background:#f8fafc;
  border-top:1px solid #eef2f7;
}

.header-mega-social-link{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#334155;
  background:#fff;
  border:1px solid #e5e7eb;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(15,23,42,.07);
  transition: transform .16s ease, color .16s ease, background .16s ease;
}

.header-mega-social-link:hover{
  color:#fff;
  background:#e11d2e;
  transform: translateY(-2px);
  text-decoration:none;
}

.header-mega-social-link.is-disabled{
  opacity:.45;
  pointer-events:none;
}

.header-mega-bottom{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  background:#aa1218;
}

.header-mega-bottom a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 9px;
  min-height:54px;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border-right:1px solid rgba(255,255,255,.18);
  transition: background .16s ease;
}

.header-mega-bottom a:last-child{
  border-right:0;
}

.header-mega-bottom a:hover{
  color:#fff;
  text-decoration:none;
  background:#8f0f14;
}

@media (max-width: 1199px){
  .header-dd .header-mega-menu{
    width: min(900px, calc(100vw - 24px));
  }
  .header-mega-categories{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px){
  .header-dd .header-mega-menu{
    display:none !important;
  }
}

.logo img{ max-height:50px; }
.logo-text{ font-size:28px; font-weight:800; color:var(--primary-color); }
.logo-text span{ color:var(--secondary-color); }


.header-main-row{
  position:relative;
}

.header-brand-col{
  min-width:0;
}

.desktop-brand-bar{
  min-width:0;
}

.mobile-brand-bar{
  display:none;
}

.mobile-header-icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  min-width:36px;
  height:36px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:0 6px 16px rgba(15,23,42,.18);
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}

.mobile-header-icon-btn:hover,
.mobile-header-icon-btn:focus{
  color:#fff;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
  transform:translateY(-1px);
}

.mobile-header-icon-btn i{
  font-size:14px;
  line-height:1;
}

.mobile-header-logo{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mobile-header-logo img{
  max-height:58px !important;
  width:auto;
  margin:0 auto;
}

.mobile-header-logo .logo-text{
  display:block;
  text-align:center;
  font-size:26px;
  line-height:1;
  color:#fff;
}

.mobile-header-logo .logo-text span{
  display:block;
  font-size:12px;
  color:rgba(255,255,255,.8);
}

.top-bar .social-icons a.si-disabled{
  opacity:.45;
  pointer-events:none;
}

/* Top bar: sol ve sağ kolonların iç dağılımı */
.top-row{
  align-items:center;
  --bs-gutter-x:0;
  --bs-gutter-y:0;
}

.top-left,
.top-right{
  display:flex;
  align-items:center;
  width:100%;
  min-height:30px;
  gap:12px;
}

.top-left{
  justify-content:space-between;
}

.top-right{
  justify-content:space-between;
}

.top-left__date,
.top-left__weather,
.top-right__prayer,
.top-right__social{
  display:flex;
  align-items:center;
  min-height:30px;
}

.top-left__date{
  flex:0 0 auto;
  justify-content:flex-start;
}

.top-left__weather{
  flex:1 1 auto;
  justify-content:center;
}

.top-right__prayer{
  flex:1 1 auto;
  justify-content:center;
}

.top-right__social{
  flex:0 0 auto;
  justify-content:flex-end;
}

.top-links-center{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}

/* sosyal ikon boşluğu azalt */
.top-bar .social-icons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}

.top-bar .social-icons a{
  margin-left:0;
  width:26px;
  height:26px;
  border-radius:9px;
}

/* mobil toggle butonu */
.top-mobile-links-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:34px;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.top-mobile-links-toggle__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:30px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 4px 10px rgba(0,0,0,.16);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.top-mobile-links-toggle:hover .top-mobile-links-toggle__inner,
.top-mobile-links-toggle:focus .top-mobile-links-toggle__inner{
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
  border-color:rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 6px 14px rgba(0,0,0,.22);
}

.top-mobile-links-toggle i{
  font-size:12px;
  line-height:1;
  color:#ffffff;
  transition:transform .28s ease;
}

/* mobil açılan menü */
.mobile-top-links-wrap{
  display:none;
}

.mobile-top-links-line{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:34px;
  padding:8px 16px 4px;
  border-top:1px solid rgba(255,255,255,.08);
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
}

.mobile-top-links-line a{
  display:inline-flex;
  align-items:center;
  color:#ffffff !important;
  font-size:12px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  letter-spacing:.01em;
}

.mobile-top-links-line a:hover{
  color:#ffffff !important;
  opacity:.94;
}

.mobile-top-links-sep{
  display:inline-block;
  margin:0 8px;
  color:rgba(255,255,255,.48);
  font-size:12px;
  font-weight:700;
  line-height:1;
}

.mobile-top-links-rss{
  gap:5px;
}

.mobile-top-links-rss i{
  font-size:11px;
  color:#ffd48a;
}

@media (max-width:767.98px){
  .top-bar{
    padding:5px 0 4px;
  }

  .top-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 40px minmax(0, 1fr);
    align-items:center;
    column-gap:10px;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
  }

  .top-row > [class*="col-"]{
    width:auto;
    max-width:none;
    flex:none;
    padding-left:0;
    padding-right:0;
  }

  .top-col{
    min-width:0;
  }

  .top-col--date{
    grid-column:1;
    justify-self:start;
  }

  .top-col--toggle{
    grid-column:2;
    justify-self:center;
    align-self:center;
  }
  
    .top-left{
    justify-content:flex-start;
  }

  .top-right{
    justify-content:flex-end;
  }

  .top-left__weather,
  .top-right__prayer{
    display:none;
  }

  .top-col--social{
    grid-column:3;
    justify-self:end;
  }

  .top-left,
  .top-right{
    min-height:28px;
  }

  .top-left{
    min-width:0;
  }

  .top-bar .top-date{
    display:block;
    font-size:13px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .top-bar .social-icons{
    gap:5px;
    justify-content:flex-end;
  }

  .top-bar .social-icons a{
    width:24px;
    height:24px;
    border-radius:8px;
  }

  .top-mobile-links-toggle{
    display:inline-flex;
    margin:0 auto;
  }

  .top-mobile-links-toggle:not(.collapsed) i{
    transform:rotate(180deg);
  }

  .top-mobile-links-toggle:not(.collapsed) .top-mobile-links-toggle__inner{
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
    border-color:rgba(255,255,255,.24);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 6px 14px rgba(0,0,0,.22);
  }

  .mobile-top-links-wrap{
    display:block;
  }

  .mobile-top-links-line{
    padding:8px 16px 5px;
  }

  .mobile-top-links-line a{
    font-size:12px;
  }

  .mobile-top-links-sep{
    margin:0 7px;
  }
}

/* search */
.search-box{
  position:relative;
}

.search-box form{
  position:relative;
}

.search-box input{
  border:none;
  border-radius:25px;
  padding:8px 40px 8px 15px;
  width:250px;
  background:#f0f0f0;
}

.search-box button{
  position:absolute;
  right:5px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  color:var(--text-muted);
}

.mobile-header-offcanvas{
  background:#111827;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.08);
}

.mobile-header-offcanvas .offcanvas-header{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:18px 18px 14px;
}

.mobile-header-offcanvas .offcanvas-title{
  font-size:18px;
  font-weight:800;
}

.mobile-header-nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mobile-header-nav__item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#fff !important;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
}

.mobile-header-nav__item:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.14);
  color:#fff !important;
}

.mobile-header-nav__item--home{
  background:rgba(220,53,69,.18);
  border-color:rgba(220,53,69,.35);
}

.mobile-search-modal .modal-dialog{
  margin:18px;
}

.mobile-search-modal .modal-content{
  border:0;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(15,23,42,.22);
}

.mobile-search-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 10px;
  background:#fff;
}

.mobile-search-modal__title{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#1f2937;
}

.mobile-search-modal__body{
  padding:0 18px 18px;
  background:#fff;
}

.mobile-search-modal__form{
  position:relative;
}

.mobile-search-modal__input{
  width:100%;
  min-height:50px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#f8fafc;
  padding:12px 88px 12px 16px;
  font-size:15px;
  color:#111827;
  outline:none;
}

.mobile-search-modal__input:focus{
  border-color:#cbd5e1;
  background:#fff;
}

.mobile-search-modal__submit{
  position:absolute;
  right:6px;
  top:6px;
  min-width:70px;
  height:38px;
  border:0;
  border-radius:12px;
  background:#dc3545;
  color:#fff;
  font-size:14px;
  font-weight:800;
  padding:0 14px;
}

.header-search-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  min-width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:14px;
  background:#f0f0f0;
  color:#5f6770;
  box-shadow:none;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}

.header-search-toggle:hover,
.header-search-toggle:focus{
  background:#e7e7e7;
  color:#222;
  transform:translateY(-1px);
}

.header-search-toggle i{
  font-size:16px;
  line-height:1;
}

/* mobil arama popup */
.mobile-search-modal .modal-dialog{
  margin:18px;
}

.mobile-search-modal .modal-content{
  border:0;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(15,23,42,.22);
}

.mobile-search-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 10px;
  background:#fff;
}

.mobile-search-modal__title{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#1f2937;
}

.mobile-search-modal__body{
  padding:0 18px 18px;
  background:#fff;
}

.mobile-search-modal__form{
  position:relative;
}

.mobile-search-modal__input{
  width:100%;
  min-height:50px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#f8fafc;
  padding:12px 88px 12px 16px;
  font-size:15px;
  color:#111827;
  outline:none;
}

.mobile-search-modal__input:focus{
  border-color:#cbd5e1;
  background:#fff;
}

.mobile-search-modal__submit{
  position:absolute;
  right:6px;
  top:6px;
  min-width:70px;
  height:38px;
  border:0;
  border-radius:12px;
  background:#dc3545;
  color:#fff;
  font-size:14px;
  font-weight:800;
  padding:0 14px;
}

/* ================================
   HEADER YZEKA BUTONLARI
================================ */
.yb-header-actions{
  gap:1px;
  flex-wrap:nowrap;
}

.yb-header-group{
  flex:0 0 auto;
}

.yb-header-group--bugun{
  display:flex;
  align-items:stretch;
  gap:1px;
}

.yb-header-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 5px;
  border-radius:14px !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:12.5px;
  font-weight:800;
  line-height:1.15;
  box-shadow:none !important;
  --yb-header-fill:linear-gradient(180deg, rgba(230,75,91,.97), rgba(220,53,69,.97));
  --yb-header-fill-hover:linear-gradient(180deg, #e04559, #d53345);
}

.yb-header-btn::before{
  content:"";
  position:absolute;
  inset:-170%;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    rgba(220,53,69,1) 0deg,
    rgba(13,110,253,1) 120deg,
    rgba(25,135,84,1) 240deg,
    rgba(220,53,69,1) 360deg
  );
  opacity:.85;
  animation:ybHeaderBorderSpin 1.5s linear infinite;
  z-index:0;
  pointer-events:none;
}

.yb-header-btn::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:12px;
  background:var(--yb-header-fill);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  z-index:1;
  pointer-events:none;
}

.yb-header-btn > *{
  position:relative;
  z-index:2;
}

.yb-header-btn:hover,
.yb-header-btn:focus{
  transform:translateY(-1px);
  color:#fff !important;
}

.yb-header-btn:hover::after,
.yb-header-btn:focus::after{
  background:var(--yb-header-fill-hover);
}

.yb-header-btn__text{
  display:block;
  text-align:center;
  white-space:normal;
  text-wrap:balance;
}

.yb-header-group--bugun{
  display:flex;
  align-items:stretch;
  gap:0;
}

.yb-header-btn--main{
  min-width:172px;
  max-width:172px;
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

.yb-header-btn--main::after{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

.yb-header-btn--settings{
  width:44px;
  min-width:44px;
  padding:8px 0;
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
  margin-left:0 !important;
  --yb-header-fill:linear-gradient(180deg, #c02a39, #a81f2d);
  --yb-header-fill-hover:linear-gradient(180deg, #af2231, #941a27);
}

.yb-header-btn--settings::after{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}

.yb-header-btn--secondary{
  min-width:152px;
  max-width:152px;
}

@keyframes ybHeaderBorderSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@media (min-width:992px){
  .yb-header-actions .header-search input{
    width:210px;
  }
}

@media (max-width:1199.98px){
  .yb-header-btn--main{
    min-width:156px;
    max-width:156px;
  }

  .yb-header-btn--secondary{
    min-width:102px;
    max-width:102px;
  }

  .yb-header-actions .header-search input{
    width:190px;
  }
}

/* ===== MOBILE HEADER BUTTON ROW - FINAL LAYOUT FIX ===== */
@media (max-width: 991.98px){
  .yb-header-actions{
    display:flex !important;
    align-items:stretch;
    justify-content:center;
    gap:10px;
    width:100%;
    max-width:100%;
    min-width:0;
    padding-left:10px;
    padding-right:10px;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .yb-header-actions > *{
    min-width:0;
  }

  .yb-header-actions .yb-header-group{
    flex:1 1 0;
    min-width:0;
    max-width:calc(50% - 5px);
    margin:0 !important;
  }

  .yb-header-actions .yb-header-group--bugun{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 40px;
    align-items:stretch;
    gap:0;
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .yb-header-actions .yb-header-group--son24{
    display:block !important;
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .yb-header-actions .header-search,
  .yb-header-actions .header-search-toggle{
    display:none !important;
  }

  .yb-header-actions .yb-header-btn--main,
  .yb-header-actions .yb-header-btn--secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .yb-header-actions .yb-header-btn--settings{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    padding:8px 0 !important;
  }

  .yb-header-actions .yb-header-btn{
    min-height:42px !important;
    height:42px;
    padding-left:10px;
    padding-right:10px;
  }

  .yb-header-actions .yb-header-btn__text{
    display:block;
    width:100%;
    text-align:center;
    white-space:normal;
    text-wrap:balance;
    word-break:normal;
    overflow-wrap:break-word;
    font-size:clamp(11.9px, 2.55vw, 12.5px);
    line-height:1.08;
    letter-spacing:.01em;
  }
}

@media (max-width: 389.98px){
  .yb-header-actions{
    gap:8px;
    padding-left:8px;
    padding-right:8px;
  }

  .yb-header-actions .yb-header-group{
    max-width:calc(50% - 4px);
  }

  .yb-header-actions .yb-header-group--bugun{
    grid-template-columns:minmax(0, 1fr) 38px;
  }

  .yb-header-actions .yb-header-btn--settings{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
  }

  .yb-header-actions .yb-header-btn{
    min-height:40px !important;
    height:40px;
    padding-left:8px;
    padding-right:8px;
  }

  .yb-header-actions .yb-header-btn__text{
    font-size:11.3px;
    line-height:1.05;
  }
}

@media (max-width:389.98px){
  .mobile-brand-bar{
    grid-template-columns:34px minmax(0, 1fr) 34px;
    gap:8px;
  }

  .mobile-header-icon-btn{
    width:34px;
    min-width:34px;
    height:34px;
    border-radius:11px;
  }

  .mobile-header-logo img{
    max-height:52px !important;
  }

  .yb-header-group--bugun{
    grid-template-columns:minmax(0, 1fr) 38px;
  }

  .yb-header-btn--settings{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
  }

  .yb-header-actions .yb-header-btn{
    min-height:40px;
    padding-left:6px;
    padding-right:6px;
  }

  .yb-header-btn__text{
    font-size:10.8px;
    line-height:1.05;
  }

  .mobile-search-modal .modal-dialog{
    margin:14px;
  }
}

@media (max-width: 767.98px){
  .yb-header-actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    align-items:stretch;
    gap:8px;
    width:100%;
    max-width:100%;
    min-width:0;
    padding-left:8px;
    padding-right:8px;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .yb-header-actions .yb-header-group{
    min-width:0;
    max-width:100%;
    margin-right:0 !important;
    margin-left:0 !important;
  }

  .yb-header-actions .yb-header-group--bugun{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 40px;
    align-items:stretch;
    gap:0;
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .yb-header-actions .yb-header-group--son24{
    display:block !important;
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .yb-header-actions .header-search,
  .yb-header-actions .header-search-toggle{
    display:none !important;
  }

  .yb-header-actions .yb-header-btn--main,
  .yb-header-actions .yb-header-btn--secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .yb-header-actions .yb-header-btn--settings{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    padding:8px 0 !important;
  }

  .yb-header-actions .yb-header-btn{
    min-height:42px;
    padding-left:8px;
    padding-right:8px;
  }

  .yb-header-actions .yb-header-btn__text{
    display:block;
    width:100%;
    font-size:12px;
    line-height:1.08;
    text-align:center;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-wrap:balance;
  }
}

@media (max-width: 389.98px){
  .yb-header-actions{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:7px;
    padding-left:6px;
    padding-right:6px;
  }

  .yb-header-actions .yb-header-group--bugun{
    grid-template-columns:minmax(0, 1fr) 38px;
  }

  .yb-header-actions .yb-header-btn--settings{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
  }

  .yb-header-actions .yb-header-btn{
    min-height:40px;
    padding-left:6px;
    padding-right:6px;
  }

  .yb-header-actions .yb-header-btn__text{
    font-size:11.2px;
    line-height:1.05;
  }
}
/* ==================== HABER KARTLARI ==================== */
.news-card{
  background:#fff;
  border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
  height:100%;
}
.news-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow-lg);
}
.news-card .card-img{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
}
.news-card .card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:var(--transition);
}
.news-card:hover .card-img img{ transform:scale(1.05); }

.news-card .card-img .category-badge{
  position:absolute;
  top:10px;
  left:10px;
  padding:4px 12px;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  border-radius:var(--radius-sm);
  color:#fff;
}
.news-card .card-body{ padding:15px; }
.news-card .card-title{
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  margin-bottom:10px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-card .card-text{
  font-size:14px;
  color:var(--text-muted);
  margin-bottom:10px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-card .card-meta{
  font-size:12px;
  color:var(--text-muted);
  display:flex;
  gap:15px;
  align-items:center;
}

/* yatay kart */
.news-card.horizontal{
  display:flex;
  flex-direction:row;
}
.news-card.horizontal .card-img{
  flex:0 0 40%;
  aspect-ratio:auto;
}
.news-card.horizontal .card-body{ flex:1; }

/* ==================== BÖLÜMLER (SADECE BAŞLIKLAR) ==================== */
.section{ padding:30px 0; }

/* ==================== BÖLÜM BAŞLIKLARI (GLOBAL) ==================== */
/* HTML:
   <div class="section-title">
     <h2><span class="section-iconbox section-iconbox--pencil"></span> Yazarlar</h2>
     <a class="more-link" ...>Tümü <i ...></i></a>
   </div>
*/
.section-title{
  display:flex;
  align-items:center;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:3px solid var(--border);
}

.section-title h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-size:20px;
  font-weight:700;
  color:var(--secondary-color);
  position:relative;
  padding-right:20px;
}

/* Kısa kırmızı çizgi */
.section-title h2::before{
  content:'';
  position:absolute;
  left:0;
  bottom:-13px;
  width:110px;          /* kısa çizgi uzunluğu */
  height:3px;
  background: var(--kat-renk, var(--primary-color));
}

/* Sağdaki "Tümü" */
.section-title .more-link{
  margin-left:auto;
  font-size:14px;
  color:var(--primary-color);
  font-weight:500;
  white-space:nowrap;
}
.section-title .more-link:hover{ text-decoration:underline; }

/* ==================== BAŞLIK İKONU KUTUSU (GLOBAL) ==================== */
/* Hem background-SVG (yazarlar) hem de <i class="fas ..."> (manşet) için */
.section-iconbox{
  width:28px;
  height:28px;
  flex:0 0 28px;

  display:inline-flex;          /* ✅ içindeki <i> ortalansın */
  align-items:center;
  justify-content:center;

  background:var(--primary-color);

  /* ✅ İstediğin form: 2 köşe yumuşak, 2 köşe sivri */
  border-radius:8px 0 8px 0;

  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;

  line-height:1;
  color:#fff;                   /* <i> beyaz */
}

/* Manşet gibi ikonlarda font-size kontrolü */
.section-iconbox > i{
  font-size:16px;
  line-height:1;
}

/* Kalem (beyaz) */
.section-iconbox--pencil{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'>\
<path d='M45.3 2.7c-1.8-1.8-4.7-1.8-6.5 0L9.7 31.8 6 44l12.2-3.7L47.3 9.2c1.8-1.8 1.8-4.7 0-6.5z' fill='none' stroke='%23ffffff' stroke-width='4'/>\
<path d='M6 50h52' stroke='%23ffffff' stroke-width='4' stroke-linecap='round'/>\
</svg>");
}



/* ==================== SIDEBAR (GENEL) ==================== */
.sidebar .sidebar-widget{
  background:#fff;
  border-radius:var(--radius-md);
  padding:20px;
  box-shadow:var(--shadow-sm);
  margin-bottom:25px;
}
.sidebar .widget-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:15px;
  padding-bottom:10px;
  border-bottom:2px solid var(--border);
}

/* ==================== FOOTER (EN SON HABER STİLİ) ==================== */
.footer.footer-esn{
  background: radial-gradient(1200px 500px at 20% 0%, rgba(255,255,255,.06), transparent 60%),
              linear-gradient(180deg, #0f141b 0%, #0b0f14 100%);
  color:#e5e7eb;
  padding:0;
  border-top:3px solid var(--primary-color);
}

/* üst alan */
.footer-esn .footer-top{
  display:grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap:48px;
  padding:56px 0 38px;
}

/* Footer logo görseli (uploads/ayarlar) */
.footer-esn .footer-brandlink{
  display:inline-block;
  text-decoration:none;
}

.footer-esn .footer-logoimg{
  display:block;
  height:50px;        /* ekran görüntüsündeki gibi */
  width:auto;
  max-width:260px;
  object-fit:contain;
  margin-bottom:22px;
}

/* Hakkımızda metni */
.footer-esn .footer-abouttext{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.8;
  margin:0;
  max-width:360px;
}

/* Sosyal ikonlar: URL boşsa pasif göster */
.footer-esn .footer-social .soc.is-disabled{
  opacity:.35;
  pointer-events:none;
  filter:grayscale(1);
}

.footer-esn .footer-subtitle{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  color:#cbd5e1;
  margin:16px 0 10px;
}

/* app badge */
.footer-esn .footer-apps{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:220px;
}
.footer-esn .app-badge{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  text-decoration:none;
  color:#fff;
  background:rgba(0,0,0,.18);
  transition:.2s ease;
}
.footer-esn .app-badge:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.35);
  background:rgba(0,0,0,.26);
}
.footer-esn .app-badge i{
  font-size:22px;
}
.footer-esn .app-badge small{
  display:block;
  font-size:11px;
  color:#cbd5e1;
  margin-bottom:2px;
}
.footer-esn .app-badge b{
  display:block;
  font-size:14px;
  font-weight:900;
}

/* divider */
.footer-esn .footer-divider{
  border:0;
  height:1px;
  background:rgba(255,255,255,.12);
  margin:18px 0 18px;
  max-width:320px;
}

/* sosyal */
.footer-esn .footer-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.footer-esn .footer-social .soc{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#e5e7eb;
  text-decoration:none;
  transition:.2s ease;
}
.footer-esn .footer-social .soc:hover{
  background:rgba(255,255,255,.14);
  transform:translateY(-1px);
}

/* ==================== FOOTER MENÜ (EK2 GİBİ) ==================== */

/* Sağ kolonlarda (HABERLER/SERVİSLER/KURUMSAL) başlık alt çizgisi daha uzun + hizalı */
.footer-esn .footer-col:not(.footer-brand) .footer-head{
  
    font-size:13px;
  font-weight:900;
  letter-spacing:.10em;
  color:#fff;
  margin:6px 0 10px;
  position:relative;
  text-transform:uppercase;
  padding-bottom:12px;
  border-bottom:2px solid var(--primary-color);
}
.footer-esn .footer-col:not(.footer-brand) .footer-head::after{
display:none;
}

/* Menü listesi: çizgiler tüm kolon genişliği boyunca görünsün */
.footer-esn .footer-col:not(.footer-brand) .footer-links{
  margin-top:10px;
}

/* Her satır: altına ince ayırıcı çizgi */
.footer-esn .footer-col:not(.footer-brand) .footer-links li{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.10); /* ek2 gibi ayırıcı */
}

/* Son satırın alt çizgisini kaldırma (ek2’de genelde kaldırılıyor) */
.footer-esn .footer-col:not(.footer-brand) .footer-links li:last-child{
  border-bottom:0;
  padding-bottom:0;
}

/* Link rengi ve hover (ek2 gibi daha net) */
.footer-esn .footer-col:not(.footer-brand) .footer-links a{
  display:block;
  color:#e5e7eb;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  transition: .15s ease;
}
.footer-esn .footer-col:not(.footer-brand) .footer-links a:hover{
  color:#fff;
}

/* Menü linkleri */
.footer-esn .footer-links a{
  position:relative;
  display:inline-block;
  padding-bottom:4px;
}

/* kırmızı çizgi (başta görünmez) */
.footer-esn .footer-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:var(--primary-color);
  transition:width .25s ease;
}

/* hover olunca çizgi çıksın */
.footer-esn .footer-links a:hover::after{
  width:100%;
}

/* Kolon içi hizalama (ek2’de başlıklar üstte eşit) */
.footer-esn .footer-col{
  align-self:start;
}

/* alt bar */
.footer-esn .footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.20);
  padding:22px 0;
}
.footer-esn .footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.footer-esn .footer-copy{
  color:#cbd5e1;
  font-size:13px;
  line-height:1.5;
  max-width:760px;
}
.footer-esn .footer-bottom-links{
  display:flex;
  gap:18px;
  align-items:center;
}
.footer-esn .footer-bottom-links a{
  color:#cbd5e1;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}
.footer-esn .footer-bottom-links a:hover{
  color:#fff;
  text-decoration:underline;
  text-decoration-color:var(--primary-color);
  text-underline-offset:4px;
}

.footer-bottom-dev{
  justify-self:end;
  font-size:13px;
  font-weight:700;
  color:#cbd5e1;
}
.footer-bottom-dev strong{
  color:#fff;
}

/* responsive */
@media (max-width: 991.98px){
  .footer-esn .footer-top{
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
}
@media (max-width: 575.98px){
  .footer-esn .footer-top{
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-esn .footer-bottom-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Mobilde alt alta gelsin */
@media (max-width: 768px){
  .footer-bottom-center{
    grid-template-columns:1fr;
    gap:10px;
    text-align:center;
  }
  .footer-bottom-dev{
    justify-self:center;
  }
}

/* ==================== YARDIMCI ==================== */
.text-muted{ color:var(--text-muted) !important; }

/* ==================== RESPONSIVE (GENEL) ==================== */
@media (max-width:991.98px){
  .search-box input{ width:100%; }
  .news-card.horizontal{ flex-direction:column; }
  .news-card.horizontal .card-img{ flex:none; }
}

/* =========================================
   MOBIL SOLDAN AÇILAN MENÜ
========================================= */
.mobile-nav-drawer{
  width:min(372px, calc(100vw - 56px)) !important;
  background:#fff;
  border-right:1px solid #d8d8d8;
  color:#1f2937;
}

.mobile-nav-drawer .offcanvas-header,
.mobile-nav-drawer .offcanvas-body{
  padding:0;
}

.mobile-nav-shell{
  position:relative;
  height:100%;
  overflow:hidden;
  background:#fff;
}

.mobile-nav-panel{
  position:absolute;
  inset:0;
  background:#fff;
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform .28s ease;
}

.mobile-nav-panel.is-active{
  transform:translateX(0);
}

.mobile-nav-panel.is-prev{
  transform:translateX(-100%);
}

.mobile-nav-head{
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  height:46px;
  padding:0 6px;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
}

.mobile-nav-title{
  text-align:center;
  font-size:16px;
  font-weight:800;
  color:#11999f;
  letter-spacing:.01em;
}

.mobile-nav-back,
.mobile-nav-close{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
  border-radius:10px;
  color:#6b7280;
  box-shadow:none;
}

.mobile-nav-back:hover,
.mobile-nav-close:hover{
  background:#f3f4f6;
  color:#374151;
}

.mobile-nav-back.is-hidden{
  visibility:hidden;
  pointer-events:none;
}

.mobile-nav-back i,
.mobile-nav-close i{
  font-size:18px;
  line-height:1;
}

.mobile-nav-social{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px 12px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

.mobile-nav-social__link{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  border:1.5px solid currentColor;
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, opacity .18s ease;
}

.mobile-nav-social__link:hover{
  transform:translateY(-1px);
  background:#fafafa;
}

.mobile-nav-social__link.is-disabled{
  opacity:.45;
  pointer-events:none;
}

.mobile-nav-social__link--facebook{ color:#1877f2; }
.mobile-nav-social__link--x{ color:#111111; }
.mobile-nav-social__link--instagram{ color:#c13584; }
.mobile-nav-social__link--youtube{ color:#ff0000; }

.mobile-nav-social__link i{
  font-size:18px;
  line-height:1;
}

.mobile-nav-list{
  display:flex;
  flex-direction:column;
  background:#fff;
}

.mobile-nav-item{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px;
  border:0;
  border-bottom:1px solid #ececec;
  background:#fff;
  color:#374151 !important;
  text-decoration:none;
  font-size:15px;
  font-weight:800;
  text-align:left;
}

.mobile-nav-item:hover{
  background:#fafafa;
  color:#111827 !important;
}

.mobile-nav-item__left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.mobile-nav-item__icon{
  width:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#11999f;
  flex:0 0 20px;
}

.mobile-nav-item__icon i{
  font-size:15px;
  line-height:1;
}

.mobile-nav-item__label{
  display:block;
  color:#374151;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
}

.mobile-nav-item__chevron{
  color:#9ca3af;
  font-size:18px;
  line-height:1;
  flex:0 0 auto;
}

.mobile-nav-list--categories .mobile-nav-item{
  min-height:56px;
}

.mobile-nav-item--category .mobile-nav-item__icon--category{
  color:#11999f;
}

.mobile-nav-item--category .mobile-nav-item__label{
  font-size:16px;
}

@media (min-width:992px){
  .mobile-nav-drawer{
    display:none !important;
  }
}

@media (max-width:389.98px){
  .mobile-nav-drawer{
    width:min(360px, calc(100vw - 44px)) !important;
  }

  .mobile-nav-social{
    gap:12px;
    padding:12px 14px 10px;
  }

  .mobile-nav-item{
    padding:0 14px;
  }

  .mobile-nav-item__label{
    font-size:14px;
  }

  .mobile-nav-item--category .mobile-nav-item__label{
    font-size:15px;
  }
}


.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  width:52px;
  height:52px;
  border:0;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  color:#fff;
  box-shadow:0 14px 34px rgba(220,38,38,.28);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(18px) scale(.92);
  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .28s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.back-to-top i{
  font-size:18px;
  line-height:1;
}

.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.back-to-top:hover{
  background:linear-gradient(180deg, #f87171 0%, #dc2626 100%);
  box-shadow:0 18px 38px rgba(220,38,38,.34);
  transform:translateY(-2px);
}

.back-to-top:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:3px;
}

@media (max-width: 991.98px){
  .back-to-top{
    right:16px;
    bottom:16px;
    width:48px;
    height:48px;
    border-radius:14px;
  }
}

@media (max-width: 575.98px){
  .back-to-top{
    right:14px;
    bottom:14px;
    width:46px;
    height:46px;
  }

  .back-to-top i{
    font-size:16px;
  }
}
.back-to-top{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1200;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  color: #fff;
  box-shadow: 0 14px 34px rgba(220,38,38,.28);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(18px) scale(.92);
  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .28s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.back-to-top i{
  font-size: 18px;
  line-height: 1;
}

.back-to-top.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.back-to-top:hover{
  background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
  box-shadow: 0 18px 38px rgba(220,38,38,.34);
  transform: translateY(-2px);
}

.back-to-top:focus-visible{
  outline: 2px solid rgba(255,255,255,.9);
  outline-offset: 3px;
}

@media (max-width: 991.98px){
  .back-to-top{
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
}

@media (max-width: 575.98px){
  .back-to-top{
    right: 14px;
    bottom: 14px;
    width: 46px;
    height: 46px;
  }

  .back-to-top i{
    font-size: 16px;
  }
}
/* =========================================================
   SITE CONSENT UI
========================================================= */


/* popup reklam: 1055 / anchor reklam: 1050
   bunların arkasında kalsın */
.site-prompt{
  position: fixed;
  top: 40px;
  left: 50%;
  z-index: 1040;
  width: min(92vw, 430px);
  transform: translate(-50%, -14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.site-prompt.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.site-prompt__card{
  width: 100%;
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  border-top: 4px solid #dc3545;
  border-radius: 16px;
  padding: 12px 16px 13px;
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
}

.site-prompt__content{
  width: 100%;
  min-width: 0;
  text-align: left;
}

.site-prompt__eyebrow{
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #dc3545;
  margin-bottom: 3px;
}

.site-prompt__title{
  display: block;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -.02em;
  color: #111827;
  margin-bottom: 6px;
}

.site-prompt__text{
  font-size: 14px;
  line-height: 1.45;
  color: #4b5563;
  margin-bottom: 12px;
}

.site-prompt__note{
  margin-top: -4px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
  text-align: left;
}

.site-prompt__actions{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.site-prompt__btn{
  appearance: none;
  border: 0;
  border-radius: 11px;
  min-width: 108px;
  min-height: 40px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.site-prompt__btn:hover{
  transform: translateY(-1px);
}

.site-prompt__btn--ghost{
  background: #f3f4f6;
  color: #374151;
}

.site-prompt__btn--ghost:hover{
  background: #e5e7eb;
}

.site-prompt__btn--primary{
  color: #fff;
  padding-inline: 18px;
  background: linear-gradient(180deg, #ff4c58 0%, #dc2626 100%);
  box-shadow: 0 16px 30px rgba(220,38,38,.30);
}

.site-prompt__btn--primary:hover{
  background: linear-gradient(180deg, #ff6a73 0%, #dc2626 100%);
  box-shadow: 0 18px 34px rgba(220,38,38,.34);
}

.site-prompt__msg{
  margin-top: 9px;
  min-height: 18px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  color: #6b7280;
  text-align: center;
}

.site-prompt__msg[data-state="success"]{
  color: #15803d;
}

.site-prompt__msg[data-state="error"]{
  color: #b91c1c;
}

.site-prompt__msg[data-state="info"]{
  color: #1d4ed8;
}

.site-cookie-bar{
  position: fixed;
  left: 50%;
  right: auto;
  bottom: 12px;
  z-index: 1040;
  width: min(calc(100vw - 48px), 1480px);
  transform: translate(-50%, calc(100% + 22px));
  opacity: 0;
  visibility: hidden;
  transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
}

.site-cookie-bar.is-visible{
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.site-cookie-bar::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #b80f2f 0%, #dc2626 55%, #c51d34 100%);
  box-shadow: 0 -14px 28px rgba(127,29,29,.14);
  border-radius: 18px;
}

.site-cookie-bar .container{
  position: relative;
  z-index: 1;
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.site-cookie-bar__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 22px;
  min-height: 72px;
}

.site-cookie-bar__text{
  color: #fff;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 600;
}

.site-cookie-bar__text a{
  color: #fff;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-cookie-bar__actions{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-left: auto;
}

.site-cookie-bar__btn{
  appearance: none;
  order: 1;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.14);
  color: #fff;
  min-width: 118px;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.site-cookie-bar__btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.34);
}

.site-cookie-bar__close{
  appearance: none;
  order: 2;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.site-cookie-bar__close:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.20);
  border-color: rgba(255,255,255,.36);
}

@media (max-width: 991.98px){
  .site-prompt{
    top: 12px;
    width: min(94vw, 410px);
  }

  .site-prompt__title{
    font-size: 22px;
  }

  .site-cookie-bar{
    width: min(calc(100vw - 28px), 980px);
    bottom: 10px;
  }

  .site-cookie-bar__inner{
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 16px;
  }

  .site-cookie-bar__actions{
    width: 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 575.98px){
  .site-prompt{
    width: min(95vw, 390px);
  }

  .site-prompt__card{
    padding: 12px 13px 13px;
  }

  .site-prompt__title{
    font-size: 20px;
  }

  .site-prompt__text{
    font-size: 13px;
  }

  .site-prompt__actions{
    justify-content: center;
  }

  .site-cookie-bar{
    width: min(calc(100vw - 18px), 100%);
    bottom: 8px;
  }

  .site-cookie-bar__text{
    font-size: 13px;
  }

  .site-cookie-bar__actions{
    width: 100%;
    justify-content: space-between;
  }

  .site-cookie-bar__btn{
    min-width: 108px;
  }
}