/* ============================================================
   Dr. Ali Hatay — Bootstrap 5 üstü özel stiller
   ============================================================ */
:root {
  --ah-primary:#0e7490;
  --ah-primary-dark:#155e75;
  --ah-primary-light:#14b8a6;
  --ah-accent:#ca8a04;
  --ah-accent-light:#eab308;
  --ah-bg:#f8fafc;
  --ah-text:#0f172a;
  --ah-text-soft:#334155;
  --ah-text-muted:#64748b;
  --ah-border:#e2e8f0;
}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  background:
    radial-gradient(900px 500px at 90% -100px, rgba(20,184,166,.07), transparent 60%),
    radial-gradient(800px 400px at -10% 20%, rgba(202,138,4,.06), transparent 60%),
    var(--ah-bg);
  color:var(--ah-text);
  min-height:100vh;
  display:flex; flex-direction:column;
}
.ah-main{ flex:1 1 auto; }

/* ===== NAVBAR ===== */
.ah-navbar{
  background:linear-gradient(135deg, var(--ah-primary) 0%, var(--ah-primary-dark) 100%);
  box-shadow:0 2px 12px rgba(15,23,42,.18);
  min-height:68px;
}
.ah-navbar .navbar-brand{ gap:.65rem; }
.ah-navbar .navbar-brand img{
  width:44px; height:44px; border-radius:50%;
  object-fit:cover; border:2px solid rgba(255,255,255,.55);
  box-shadow:0 2px 6px rgba(0,0,0,.22);
  flex-shrink:0;
}
.ah-navbar .navbar-brand strong{ color:#fff; font-size:1.05rem; white-space:nowrap; }
.ah-navbar .navbar-brand small{ color:rgba(255,255,255,.85); font-size:.74rem; font-weight:500; }

.ah-navbar .nav-link{
  color:rgba(255,255,255,.94);
  padding:.45rem .8rem;
  font-size:.93rem;
  font-weight:500;
  border-radius:8px;
  white-space:nowrap;
  transition:background .2s ease;
}
.ah-navbar .nav-link:hover,
.ah-navbar .nav-link:focus,
.ah-navbar .show > .nav-link{ color:#fff; background:rgba(255,255,255,.14); }

.ah-navbar .navbar-toggler{
  border-color:rgba(255,255,255,.5);
  padding:.4rem .6rem;
}
.ah-navbar .navbar-toggler:focus{ box-shadow:none; }
.ah-navbar .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Dropdown (masaüstü) */
.ah-navbar .dropdown-menu{
  border:0; box-shadow:0 8px 26px rgba(15,23,42,.16);
  border-radius:10px; padding:.4rem; margin-top:.4rem;
  min-width:200px;
}
.ah-navbar .dropdown-item{
  border-radius:6px; padding:.5rem .85rem; font-size:.9rem;
  color:var(--ah-text-soft);
}
.ah-navbar .dropdown-item:hover,
.ah-navbar .dropdown-item:focus{
  background:var(--ah-bg); color:var(--ah-primary);
}

/* Offcanvas (mobil) */
@media (max-width: 991.98px){
  .ah-offcanvas{ background:#fff; }
  .ah-offcanvas .offcanvas-header{
    background:linear-gradient(135deg, var(--ah-primary), var(--ah-primary-dark));
    color:#fff;
  }
  .ah-offcanvas .offcanvas-title{ color:#fff; font-weight:700; }
  .ah-offcanvas .nav-link{ color:var(--ah-text); padding:.7rem .9rem; }
  .ah-offcanvas .nav-link:hover{ background:var(--ah-bg); color:var(--ah-primary); }
  .ah-offcanvas .dropdown-menu{
    box-shadow:none; border:0; padding-left:1rem; background:transparent;
    border-radius:0;
  }
  .ah-offcanvas .dropdown-item{ padding:.5rem .9rem; }
}

/* ===== HERO ===== */
.ah-hero{ padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.4rem,3vw,2rem); }
.ah-hero-title{
  background:linear-gradient(120deg, var(--ah-primary-dark), var(--ah-primary-light) 60%, var(--ah-accent));
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
  letter-spacing:-.02em;
  font-weight:800;
}
.ah-hero-alt{ color:var(--ah-text-muted); }

/* ===== BÖLÜM BAŞLIĞI ===== */
.ah-section-title{
  font-size:1.35rem; font-weight:700; color:var(--ah-text);
  padding-left:.85rem; position:relative;
}
.ah-section-title::before{
  content:""; position:absolute; left:0; top:.3rem; bottom:.3rem; width:5px;
  background:linear-gradient(180deg, var(--ah-primary), var(--ah-accent));
  border-radius:3px;
}

/* ===== KART ===== */
.ah-kart{
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  background:#fff;
  border:1px solid var(--ah-border);
  border-radius:14px;
  padding:1.1rem .8rem;
  min-height:140px;
  text-decoration:none;
  color:var(--ah-text);
  position:relative; overflow:hidden;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  height:100%;
}
.ah-kart::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:var(--ah-accent, var(--ah-primary));
  opacity:0; transition:opacity .25s ease;
}
.ah-kart:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(15,23,42,.12);
  border-color:var(--ah-accent, var(--ah-primary-light));
  color:var(--ah-text);
}
.ah-kart:hover::before{ opacity:1; }
.ah-kart-icon{ font-size:2.2rem; line-height:1; margin-bottom:.55rem; transition:transform .25s ease; filter:drop-shadow(0 2px 4px rgba(0,0,0,.08)); }
.ah-kart:hover .ah-kart-icon{ transform:scale(1.12) rotate(-3deg); }
.ah-kart-baslik{ font-weight:700; font-size:.92rem; }
.ah-kart-badge{
  position:absolute; top:.5rem; right:.5rem;
  background:var(--ah-accent); color:#fff;
  font-size:.62rem; padding:.18rem .55rem; border-radius:999px;
  font-weight:700; letter-spacing:.4px; text-transform:uppercase;
}

/* ===== SAYFA İÇERİĞİ ===== */
.ah-breadcrumb{ background:transparent; padding:0; margin:0; font-size:.88rem; }
.ah-breadcrumb a{ color:var(--ah-primary); text-decoration:none; font-weight:500; }
.ah-breadcrumb a:hover{ color:var(--ah-primary-dark); text-decoration:underline; }
.ah-breadcrumb .breadcrumb-item.active{ color:var(--ah-text-muted); }
.ah-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color:#cbd5e1; }

.ah-icerik{
  background:#fff;
  border:1px solid var(--ah-border);
  border-radius:20px;
  padding:clamp(1.2rem,3vw,2.2rem);
  box-shadow:0 4px 16px rgba(15,23,42,.08);
}
.ah-icerik-baslik{
  font-size:clamp(1.4rem,3vw,1.9rem);
  font-weight:800; color:var(--ah-text);
  padding-bottom:.7rem; margin-bottom:1rem;
  border-bottom:2px solid var(--ah-border);
  line-height:1.25;
}
.ah-icerik-govde{ color:var(--ah-text-soft); line-height:1.75; word-wrap:break-word; }
.ah-icerik-govde p{ margin:.6rem 0; }
.ah-icerik-govde a{ color:var(--ah-primary); text-decoration:underline; }
.ah-icerik-govde a:hover{ color:var(--ah-primary-dark); }
.ah-icerik-govde img{ max-width:100%; height:auto; border-radius:10px; margin:.6rem auto; display:block; box-shadow:0 2px 8px rgba(15,23,42,.08); }
.ah-icerik-govde table{ border-collapse:collapse; margin:1rem 0; max-width:100%; }
.ah-icerik-govde td, .ah-icerik-govde th{
  border:1px solid var(--ah-border); padding:.45rem .7rem; word-break:break-word;
  vertical-align:top;
}
.ah-icerik-govde hr{ border:0; border-top:1px dashed var(--ah-border); margin:1.4rem 0; }
.ah-icerik-govde blockquote{
  margin:1rem 0; padding:.8rem 1rem;
  border-left:4px solid var(--ah-primary-light);
  background:var(--ah-bg); border-radius:0 8px 8px 0;
}
.ah-icerik-govde h1, .ah-icerik-govde h2, .ah-icerik-govde h4{
  color:var(--ah-text); margin:1.3rem 0 .6rem; font-weight:700;
}
/* Bölüm başlığı (sayfanın üst başlık alanı — FIKRALAR vb.) */
.ah-icerik-govde h3{
  font-size:1.45rem; font-weight:800; color:var(--ah-primary);
  border-bottom:2px solid var(--ah-border); padding-bottom:.5rem;
  margin:.5rem 0 1.2rem;
}
.ah-icerik-govde h3:first-child{ margin-top:0; }
/* Item başlığı (her fıkra/hikaye/bilmece başlığı) */
.ah-icerik-govde h5{
  margin:1.8rem 0 .55rem;
  padding:.6rem 1rem;
  background:linear-gradient(90deg, rgba(14,116,144,.06), transparent 70%);
  border-left:4px solid var(--ah-primary);
  border-radius:0 8px 8px 0;
  font-size:1.05rem; font-weight:700;
  color:var(--ah-text); letter-spacing:.2px;
}
.ah-icerik-govde h5:first-child{ margin-top:.2rem; }
.ah-icerik-govde h6{
  margin:1.2rem 0 .4rem;
  font-size:.98rem; font-weight:700; color:var(--ah-primary-dark);
}
.ah-icerik-govde hr{
  border:0; border-top:1px dashed #cbd5e1; margin:1.4rem 0;
}
/* Gerçek tablolar mobilde yatay kayabilsin */
.ah-icerik-govde .table-wrap{ overflow-x:auto; max-width:100%; }

/* Eski layout tablosundan dönüşmüş grid (row/col) */
.ah-icerik-govde .ah-grid{
  margin:1.2rem 0;
}
.ah-icerik-govde .ah-grid > [class*="col-"]{
  background:rgba(255,255,255,.4);
  border:1px solid var(--ah-border);
  border-radius:10px;
  padding:1rem .9rem;
}
.ah-icerik-govde .ah-grid p{ margin:.4rem 0; }

/* İçerik resimleri (.icerik-resim) — galeri/sidebar görselleri */
.ah-icerik-govde .icerik-resim{
  max-width:100%; height:auto;
  border-radius:8px;
  margin:.4rem auto;
  display:block;
  box-shadow:0 2px 6px rgba(15,23,42,.08);
}

/* ===== BUTONLAR ===== */
.ah-btn{
  display:inline-flex; align-items:center; gap:.4rem;
  background:var(--ah-primary); color:#fff;
  border-radius:999px; padding:.5rem 1.3rem;
  font-weight:600; font-size:.92rem;
  border:1px solid transparent;
  text-decoration:none;
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow:0 4px 12px rgba(14,116,144,.22);
}
.ah-btn:hover{ background:var(--ah-primary-dark); color:#fff; transform:translateY(-1px); }
.ah-btn-soft{
  background:var(--ah-bg); color:var(--ah-text); border-color:var(--ah-border); box-shadow:none;
}
.ah-btn-soft:hover{ background:#e9eef5; color:var(--ah-text); transform:translateY(-1px); }

/* ===== FOOTER ===== */
.ah-footer{
  margin-top:auto;
  background:linear-gradient(180deg, #0b3b46, #082a31);
  color:#cbd5e1;
  padding:2rem 0 1.4rem;
}
.ah-footer a{ color:#fff; font-weight:500; opacity:.9; text-decoration:none; transition:opacity .2s ease, color .2s ease; }
.ah-footer a:hover{ color:var(--ah-accent-light); opacity:1; }

/* ===== SCROLL TOP ===== */
.ah-top{
  position:fixed; right:1rem; bottom:1rem; z-index:1050;
  width:44px; height:44px; border-radius:50%; border:0;
  background:var(--ah-primary); color:#fff;
  font-size:1.25rem; font-weight:700;
  box-shadow:0 4px 14px rgba(14,116,144,.32);
  opacity:0; transform:translateY(10px);
  transition:opacity .2s ease, transform .2s ease, background .2s ease;
  cursor:pointer;
}
.ah-top.show{ opacity:1; transform:translateY(0); }
.ah-top:hover{ background:var(--ah-primary-dark); }

/* ===== 404 ===== */
.ah-404 h1{ font-size:2.2rem; color:var(--ah-primary); border-bottom:0; }
