/* ============================================================
   EĞİTİM PORTALI — TEMA SİSTEMİ
   Dark/Light toggle admin panelden çalışır
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── DARK TEMA DEĞİŞKENLERİ (varsayılan) ── */
:root {
  --brand:       #dc2626;
  --brand-d:     #b91c1c;
  --brand-glow:  rgba(220,38,38,.25);
  --green:        #22c55e;
  --blue:         #3b82f6;
  --yellow:       #eab308;
  --red:          #ef4444; /* yedek */
  --cyan:         #06b6d4;

  /* Yüzeyler — DARK */
  --bg:           #0a0000;
  --bg2:          #150000;
  --bg3:          #1f0000;
  --bg4:          #2a0000;
  --border:       #3a0000;
  --border2:      #4d0000;

  /* Metinler — DARK */
  --text:         #f1f5f9;
  --text2:        #94a3b8;
  --text3:        #64748b;

  /* Navbar — DARK */
  --nav-bg:       rgba(8,0,0,.98);
  --nav-border:   #3a0000;

  /* Kart — DARK */
  --card-bg:      #150000;
  --card-border:  #3a0000;

  /* Footer/sidebar — DARK */
  --footer-bg:    #080000;
  --sidebar-bg:   #080000;

  /* Scrollbar */
  --sb-thumb:     #3a0000;

  /* Dropdown hover */
  --dd-hover:     rgba(255,255,255,.05);

  /* Input */
  --input-bg:     #1f0000;
  --input-border: #4d0000;

  /* Diğer */
  --r:    10px;
  --r2:   14px;
  --r3:   18px;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  transition:background .3s, color .3s;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
main{
  flex:1;
}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--brand)}

/* ── NAVBAR ── */
.navbar{
  background:var(--nav-bg)!important;
  border-bottom:1px solid var(--nav-border)!important;
  padding:.7rem 0;
  position:sticky;top:0;z-index:1500;
  backdrop-filter:blur(20px);
}
.navbar-brand{text-decoration:none}
.nav-link{color:var(--text2)!important;font-size:.875rem;font-weight:500;padding:.5rem .9rem!important;border-radius:var(--r);transition:color .15s}
.nav-link:hover,.nav-link.active{color:var(--brand)!important}
.nav-link.active{position:relative}
.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:18px;height:2px;background:var(--brand);border-radius:2px}
.navbar-toggler{border:1px solid var(--border2)!important}

/* Toggler ikonunu koyu temaya göre ayarla */
.navbar-toggler-icon{filter:invert(1) brightness(.6)}

.dropdown-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r2);box-shadow:0 20px 60px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.04);padding:.4rem;z-index:2000!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dropdown-item{color:var(--text2);border-radius:var(--r);font-size:.875rem;padding:.5rem .9rem}
.dropdown-item:hover{background:var(--dd-hover);color:var(--text)}

/* ── BUTONLAR ── */
.btn{font-weight:600;font-size:.875rem;border-radius:var(--r);padding:.55rem 1.2rem;transition:all .18s;border:none;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.btn-brand{background:var(--brand);color:#fff;box-shadow:0 4px 14px var(--brand-glow)}
.btn-brand:hover{background:var(--brand-d);transform:translateY(-1px);color:#fff}
.btn-ghost-nav{background:transparent;border:1.5px solid var(--border2);color:var(--text2)}
.btn-ghost-nav:hover{border-color:var(--text2);color:var(--text)}
.btn-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.btn-primary:hover{background:var(--brand-d)!important;transform:translateY(-1px)}
.btn-success{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
.btn-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}
.btn-warning{background:#d97706!important;border-color:#d97706!important;color:#fff!important}
.btn-secondary{background:var(--bg4)!important;border-color:var(--border2)!important;color:var(--text2)!important}
.btn-outline-secondary{border:1.5px solid var(--border2)!important;color:var(--text2)!important;background:transparent!important}
.btn-outline-secondary:hover{border-color:var(--text2)!important;color:var(--text)!important}
.btn-sm{padding:.32rem .7rem;font-size:.78rem}
.btn-lg{padding:.75rem 1.8rem;font-size:.95rem}
.btn-dl{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:#f87171;border-radius:var(--r);padding:.28rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;transition:all .15s;text-decoration:none}
.btn-dl:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-close-light{filter:none!important}
.btn-close{filter:invert(1) brightness(.6)}

/* ── KARTLAR ── */
.card{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;border-radius:var(--r2)!important;transition:border-color .18s,transform .18s}
.card:hover{border-color:var(--border2)!important}
.card-body{color:var(--text2)}
.card-title,h1,h2,h3,h4,h5,h6{color:var(--text)}
.card-header{background:var(--bg3)!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important}
.card-footer{background:var(--bg3)!important;border-top:1px solid var(--border)!important}
p{color:var(--text2)}
small{color:var(--text3)}
.text-muted{color:var(--text3)!important}
.text-secondary{color:var(--text2)!important}

/* ── FORMLAR ── */
.form-control,.form-select{background:var(--input-bg)!important;border:1.5px solid var(--input-border)!important;color:var(--text)!important;border-radius:var(--r)!important}
.form-control:focus,.form-select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(220,38,38,.15)!important;background:var(--input-bg)!important;color:var(--text)!important}
.form-control::placeholder{color:var(--text3)!important}
.form-select option{background:var(--bg2);color:var(--text)}
.form-label{color:var(--text2);font-weight:600;font-size:.82rem}
.form-check-label{color:var(--text2)}
.form-check-input{background-color:var(--input-bg)!important;border-color:var(--border2)!important}
.form-check-input:checked{background-color:var(--brand)!important;border-color:var(--brand)!important}
.input-group-text{background:var(--bg3)!important;border:1.5px solid var(--input-border)!important;color:var(--text3)!important}

/* ── TABLOLAR ── */
.table{color:var(--text2);font-size:.875rem;--bs-table-bg:transparent}
.table thead th{background:var(--bg3)!important;color:var(--text3)!important;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-color:var(--border)!important;white-space:nowrap}
.table tbody td{border-color:var(--border)!important;vertical-align:middle;color:var(--text2)}
.table tbody tr:hover td{background:var(--bg3)!important;color:var(--text)}
.table-striped tbody tr:nth-of-type(odd){background:var(--bg3)!important}

/* ── BADGE & ALERT ── */
.badge{font-weight:700;font-size:.7rem;border-radius:6px;padding:.3em .65em}
.bg-primary{background:var(--brand)!important;color:#fff!important}
.bg-success{background:#16a34a!important}
.bg-danger{background:#dc2626!important}
.bg-warning{background:#d97706!important;color:#fff!important}
.bg-info{background:#0891b2!important}
.bg-secondary{background:var(--bg4)!important;color:var(--text2)!important}

.alert{border-radius:var(--r2);font-size:.875rem;font-weight:500;border:none}
.alert-success{background:rgba(34,197,94,.1)!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.2)!important}
.alert-danger {background:rgba(239,68,68,.1)!important;color:#f87171!important;border:1px solid rgba(239,68,68,.2)!important}
.alert-warning{background:rgba(217,119,6,.1)!important;color:#fbbf24!important;border:1px solid rgba(217,119,6,.2)!important}
.alert-info   {background:rgba(220,38,38,.1)!important;color:#f87171!important;border:1px solid rgba(220,38,38,.2)!important}

/* ── MODAL ── */
.modal-content{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);color:var(--text)}
.modal-header{border-bottom:1px solid var(--border);color:var(--text)}
.modal-footer{border-top:1px solid var(--border)}
.modal-title{color:var(--text)}
.modal-backdrop{background:rgba(0,0,0,.5)!important}

/* ── DROPDOWN ── */
.dropdown-divider{border-color:var(--border)}

/* ── PAGİNASYON ── */
.page-link{background:var(--bg2);border-color:var(--border);color:var(--text2)}
.page-link:hover{background:var(--bg3);color:var(--brand);border-color:var(--brand)}
.page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}
.page-item.disabled .page-link{background:var(--bg2);color:var(--text3)}

/* ── LIST GROUP ── */
.list-group-item{background:var(--bg2);border-color:var(--border);color:var(--text2)}
.list-group-item:hover{background:var(--bg3);color:var(--text)}
.list-group-item.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* ── ADMİN LAYOUT ── */
.admin-topbar{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}
.admin-brand{font-size:1rem;font-weight:800;color:var(--brand);display:flex;align-items:center;gap:.4rem;text-decoration:none}
.admin-wrap{display:flex;min-height:100vh}
.admin-sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg,#0d0d0d);padding:1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--border)}
.sidebar-section{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4a5568;padding:1rem .5rem .35rem}
.admin-sidebar .nav-link{color:#94a3b8!important;border-radius:var(--r);margin-bottom:2px;display:flex;align-items:center;gap:.6rem;font-size:.875rem!important;font-weight:500!important;padding:.6rem .85rem!important;transition:background .15s,color .15s}
.admin-sidebar .nav-link:hover{background:rgba(255,255,255,.06);color:#fff!important}
.admin-sidebar .nav-link.active-link{background:var(--brand);color:#fff!important}
.admin-sidebar .nav-link i{width:18px;text-align:center;font-size:.95rem}
.admin-content{flex:1;padding:2rem;background:var(--bg);min-width:0}

/* ── AVATAR ── */
.avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#991b1b,var(--brand));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}

/* ── FOOTER ── */
footer{background:var(--footer-bg)!important;border-top:1px solid var(--border)}

/* ── NAV SEARCH ── */
.nav-search-btn{width:34px;height:34px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}
.nav-search-btn:hover{border-color:var(--brand)}

/* ── SCROLL TO TOP ── */
#scrollTopBtn:hover{background:#b91c1c;transform:translateY(-2px)!important}

/* ── ANİMASYONLAR ── */
@keyframes pulse  {0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(220,38,38,.7)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(220,38,38,0)}}
@keyframes floatY {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ── RESPONSİVE ── */
.sidebar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;padding:2px 8px;line-height:1;z-index:401;position:relative}
#sidebarOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:399}

@media(max-width:768px){
  .sidebar-toggle{display:flex;align-items:center;justify-content:center}
  .admin-wrap{display:block}
  .admin-content{padding:1rem;margin-left:0!important;overflow-x:hidden;}
  .table-responsive{overflow-x:auto !important;-webkit-overflow-scrolling:touch;}
  .table-responsive table{min-width:600px;}
  .admin-topbar{padding:0 .75rem;z-index:400}

  .admin-sidebar{
    position:fixed !important;
    top:56px !important;
    left:-280px !important;
    width:260px !important;
    height:calc(100vh - 56px) !important;
    z-index:400 !important;
    overflow-y:auto !important;
    background:#0d0d0d !important;
    box-shadow:4px 0 20px rgba(0,0,0,.6);
    transition:left .3s ease !important;
    padding-bottom:2rem;
    display:block !important;
  }

  .admin-sidebar.mob-open{
    left:0 !important;
  }
}

/* ============================================================
   KOYU TEMA 2 — Gece Mavisi Paleti
   data-tema="dark2" olduğunda aktif olur
   ============================================================ */

html[data-tema="dark2"] {
  --brand:       #3b82f6;
  --brand-d:     #2563eb;
  --brand-glow:  rgba(59,130,246,.25);
  --green:        #22c55e;
  --blue:         #06b6d4;
  --yellow:       #eab308;
  --red:          #ef4444;
  --cyan:         #a78bfa;

  /* Yüzeyler — Gece Mavisi */
  --bg:           #00060f;
  --bg2:          #000d1a;
  --bg3:          #001428;
  --bg4:          #071e35;
  --border:       #0f2a44;
  --border2:      #163d60;

  /* Metinler */
  --text:         #e2e8f0;
  --text2:        #94a3b8;
  --text3:        #64748b;

  /* Navbar */
  --nav-bg:       rgba(0,6,15,.98);
  --nav-border:   #0f2a44;

  /* Kart */
  --card-bg:      #000d1a;
  --card-border:  #0f2a44;

  /* Footer/sidebar */
  --footer-bg:    #00040a;
  --sidebar-bg:   #00040a;

  /* Scrollbar */
  --sb-thumb:     #0f2a44;

  /* Dropdown hover */
  --dd-hover:     rgba(255,255,255,.05);

  /* Input */
  --input-bg:     #001428;
  --input-border: #163d60;
}

/* Scrollbar thumb rengi dark2 için */
html[data-tema="dark2"] ::-webkit-scrollbar-thumb {
  background: #163d60 !important;
}
html[data-tema="dark2"] ::-webkit-scrollbar-thumb:hover {
  background: #3b82f6 !important;
}

/* Animasyon rengi dark2 */
html[data-tema="dark2"] #scrollTopBtn:hover {
  background: #2563eb !important;
}

html[data-tema="dark2"] @keyframes pulse {
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(59,130,246,.7)}
  50%{opacity:.7;box-shadow:0 0 0 6px rgba(59,130,246,0)}
}

/* Admin sidebar dark2 */
html[data-tema="dark2"] .admin-sidebar,
html[data-tema="dark2"] #adminSidebar {
  background: #00040a !important;
}
html[data-tema="dark2"] .admin-topbar {
  background: rgba(0,6,15,.98) !important;
  border-color: #0f2a44 !important;
}

/* Alert renkleri dark2 */
html[data-tema="dark2"] .alert-success { background:rgba(34,197,94,.1)!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.2)!important }
html[data-tema="dark2"] .alert-danger  { background:rgba(239,68,68,.1)!important;color:#f87171!important;border:1px solid rgba(239,68,68,.2)!important }
html[data-tema="dark2"] .alert-warning { background:rgba(217,119,6,.1)!important;color:#fbbf24!important;border:1px solid rgba(217,119,6,.2)!important }
html[data-tema="dark2"] .alert-info    { background:rgba(59,130,246,.1)!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.2)!important }

/* Form focus glow dark2 */
html[data-tema="dark2"] .form-control:focus,
html[data-tema="dark2"] .form-select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.15) !important;
}

/* Section/div arka planları dark2 — inline style'lı koyu renkler */
html[data-tema="dark2"] section[style*="background:#0a0a0a"],
html[data-tema="dark2"] section[style*="background:#141414"],
html[data-tema="dark2"] section[style*="background:#080808"],
html[data-tema="dark2"] section[style*="background:#0d0d0d"],
html[data-tema="dark2"] section[style*="background:#1e1e1e"],
html[data-tema="dark2"] section[style*="background:#272727"],
html[data-tema="dark2"] section[style*="background:#282828"] {
  background: #00060f !important;
}

html[data-tema="dark2"] div[style*="background:#111"],
html[data-tema="dark2"] div[style*="background:#1c1c"],
html[data-tema="dark2"] div[style*="background:#222"],
html[data-tema="dark2"] div[style*="background:#2d2"],
html[data-tema="dark2"] div[style*="background:#161616"],
html[data-tema="dark2"] div[style*="background:#1a1a1a"],
html[data-tema="dark2"] div[style*="background:#282828"],
html[data-tema="dark2"] div[style*="background:#272727"] {
  background: #000d1a !important;
  border-color: #0f2a44 !important;
}

/* Kenarlıklar dark2 */
html[data-tema="dark2"] [style*="border:1px solid #333"],
html[data-tema="dark2"] [style*="border:1px solid #363636"],
html[data-tema="dark2"] [style*="border:1px solid #2a2a2a"],
html[data-tema="dark2"] [style*="border:1px solid rgba(255,255,255,.08)"],
html[data-tema="dark2"] [style*="border:1px solid rgba(255,255,255,.05)"] {
  border-color: #0f2a44 !important;
}

/* Navbar dark2 */
html[data-tema="dark2"] .navbar {
  background: rgba(0,6,15,.98) !important;
  border-bottom: 1px solid #0f2a44 !important;
}

/* ============================================================
   AÇIK TEMA — Eski "light" — artık kullanılmıyor ama
   mevcut CSS kodu korunuyor (silmek gerekmiyor)
   ============================================================ */

/* ── DROPDOWN Z-INDEX FIX ── */
.navbar { z-index: 1500 !important; }
.navbar .dropdown-menu {
  z-index: 9999 !important;
  background: var(--bg2) !important;
  border: 1px solid var(--border2) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.95), 0 4px 16px rgba(0,0,0,.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
/* Hero ve diğer section'ların dropdownın üstüne çıkmasını engelle */
main > *, main section, .hero, [class*="hero"] {
  position: relative;
  z-index: 0 !important;
}

/* ============================================================
   MOBİL UYUMLULUK — Responsive Düzeltmeler
   ============================================================ */

/* ── GENEL ── */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}

/* ── NAVBAR ── */
@media (max-width: 991px) {
  .navbar-collapse {
    background: var(--bg2);
    border: 1px solid var(--border2);
    border-radius: 12px;
    margin-top: .5rem;
    padding: .75rem;
  }
  .navbar-nav .nav-link {
    padding: .55rem .75rem !important;
    border-radius: 8px;
  }
  .navbar-nav .nav-link:hover {
    background: rgba(255,255,255,.05);
  }
  /* Faydalı Siteler dropdown mobilde tam genişlik */
  .navbar-nav .dropdown-menu {
    min-width: 100% !important;
    position: static !important;
    box-shadow: none !important;
    border: 1px solid var(--border) !important;
    margin-top: .25rem !important;
    backdrop-filter: none !important;
  }
  /* Sağ nav butonları mobilde yan yana */
  .navbar-nav.gap-2 {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: .5rem !important;
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--border);
  }
  /* Giriş/Kayıt butonları tam genişlik */
  .navbar-nav.gap-2 > li:last-child,
  .navbar-nav.gap-2 > li:nth-last-child(2) {
    flex: 1;
  }
  .navbar-nav.gap-2 a[href*="Login"],
  .navbar-nav.gap-2 a[href*="Register"] {
    display: flex !important;
    justify-content: center;
    width: 100%;
  }
  /* Brand alt yazı küçük ekranda gizle */
  .brand-text-sub {
    display: none !important;
  }
}

/* ── HERO (ANA SAYFA) ── */
@media (max-width: 767px) {
  section[style*="padding:3rem 0 2.5rem"] {
    padding: 2rem 0 1.5rem !important;
  }
  h1[style*="clamp"] {
    font-size: 1.7rem !important;
    letter-spacing: -.5px !important;
  }
  /* CTA butonları tam genişlik */
  .d-flex.flex-wrap.gap-3.mb-4 a {
    flex: 1 1 100%;
    justify-content: center;
    text-align: center;
  }
}

/* ── İSTATİSTİK KARTLARI ── */
@media (max-width: 575px) {
  /* col-6 kartlarda padding küçült */
  .col-6 > div[style*="padding:1.5rem"] {
    padding: 1rem !important;
  }
  .col-6 > div [style*="font-size:1.9rem"] {
    font-size: 1.4rem !important;
  }
}

/* ── ALT ÖZELLİKLER (7/24, Ücretsiz vb.) ── */
@media (max-width: 767px) {
  /* Border-right'ları mobilde kaldır, border-bottom yap */
  .col-6[style*="border-right"] {
    border-right: none !important;
    border-bottom: 1px solid var(--border);
  }
  .row.g-0 .col-6 > div {
    padding: .6rem .9rem !important;
  }
  .row.g-0 .col-6 div[style*="font-size:.875rem"] {
    font-size: .8rem !important;
  }
  .row.g-0 .col-6 div[style*="font-size:.73rem"] {
    font-size: .68rem !important;
  }
}

/* ── SON DOSYALAR LİSTESİ ── */
@media (max-width: 575px) {
  /* Dosya satırı: tarih alanını gizle */
  .col-lg-7 div[style*="font-size:.7rem;color:var(--text3);flex-shrink:0;margin:0 .75rem"] {
    display: none !important;
  }
  /* Dosya adı taşmasın */
  .col-lg-7 div[style*="white-space:nowrap"] {
    white-space: normal !important;
    font-size: .8rem !important;
  }
}

/* ── KATEGORİ KARTLARI ── */
@media (max-width: 575px) {
  /* col-6 col-md-4 col-lg-2 → iki sütun yeterli ama padding küçülsün */
  .col-6 > a > div[style*="padding:1.4rem"] {
    padding: .9rem .8rem !important;
  }
  .col-6 > a > div div[style*="font-size:.85rem"] {
    font-size: .78rem !important;
  }
}

/* ── BLOG HERO ── */
@media (max-width: 767px) {
  div[style*="linear-gradient(135deg,#1a1a2e"] {
    padding: 2rem 0 1.5rem !important;
  }
  div[style*="linear-gradient(135deg,#1a1a2e"] h3,
  div[style*="linear-gradient(135deg,#1a1a2e"] h1 {
    font-size: 1.5rem !important;
  }
}

/* ── BLOG KARTLARI ── */
@media (max-width: 575px) {
  .blog-kart-img,
  .blog-kart-img-placeholder {
    height: 140px !important;
  }
}

/* ── FOOTER ── */
@media (max-width: 767px) {
  footer .d-flex.flex-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }
  footer .d-flex.gap-4 {
    flex-wrap: wrap !important;
    gap: .75rem !important;
  }
  footer .d-flex.gap-4 a {
    font-size: .78rem !important;
  }
}

/* ── DUYURU MODAL ── */
@media (max-width: 575px) {
  #duyuruModalKutu {
    padding: 1.25rem !important;
    border-radius: 12px !important;
  }
  #duyuruModalBaslik {
    font-size: .95rem !important;
  }
}

/* ── QUIZ / DOSYA SAYFA BAŞLIKLARI ── */
@media (max-width: 767px) {
  h3[style*="font-weight:800"] {
    font-size: 1.2rem !important;
  }
  /* Hero bölüm padding genel küçültme */
  .container-xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* ── SCROLL TOP BUTONU — mobilde daha küçük ── */
@media (max-width: 575px) {
  #scrollTopBtn {
    width: 38px !important;
    height: 38px !important;
    bottom: 1.25rem !important;
    right: 1.25rem !important;
    font-size: .9rem !important;
  }
}

/* ── SEARCH OVERLAY ── */
@media (max-width: 575px) {
  #searchOverlay {
    padding-top: 48px !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
}

/* ── TABLO (Dosya, Admin) — yatay kaydırma ── */
@media (max-width: 767px) {
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .table th, .table td {
    font-size: .78rem !important;
    padding: .5rem .6rem !important;
    white-space: nowrap;
  }
}

/* ── SAYFALAMA ── */
@media (max-width: 575px) {
  .sayfalama-btn {
    min-width: 32px !important;
    height: 32px !important;
    font-size: .75rem !important;
  }
}

/* ── GENEL KART DÜZELTME — taşma engeli ── */
@media (max-width: 767px) {
  [style*="border-radius:14px"],
  [style*="border-radius:16px"],
  [style*="border-radius:20px"] {
    word-break: break-word;
  }
  /* İndir butonu mobilde küçük */
  .btn-dl {
    padding: .3rem .55rem !important;
    font-size: .72rem !important;
  }
}

/* ── PROFIL / HESAP SAYFASI ── */
@media (max-width: 575px) {
  .avatar-circle {
    width: 56px !important;
    height: 56px !important;
    font-size: 1.3rem !important;
  }
}