/* ==========================================================================
   Mortanas Journal — ORTAK SAYFA TEMASI (ana sayfa paletiyle birebir)
   Ana sayfa mantığı: koyu lacivert nav + hero, krem gazete kağıdı gövde,
   altın vurgular, koyu lacivert footer.
   ========================================================================== */

/* --- Gövde: krem gazete kağıdı + ince lif dokusu (index.html ile aynı) --- */
body{
  background:linear-gradient(160deg,#f2e9d2 0%,#f8f1de 46%,#eee3c8 100%)!important;
  color:#2b2415!important;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:
    repeating-linear-gradient(0deg,rgba(120,95,45,.035) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(120,95,45,.028) 0 1px,transparent 1px 4px);
}

/* --- Üst şerit + nav: gece kalır (ana sayfadaki gibi) --- */
.topbar{background:#060b16!important}
nav{background:rgba(10,18,32,.88)!important;border-bottom:1px solid rgba(201,162,39,.18)!important}
.nav-links{color:#93a3b8!important}
.nav-links a:hover{color:#f2dfa9!important}

/* --- Hero başlığı: gece zemin, altın ışıma --- */
header{
  background-color:#0a1220!important;
  background-image:radial-gradient(ellipse 62% 50% at 50% -5%,rgba(201,162,39,.18),transparent)!important;
  color:#eef2f7!important;
  position:relative;
}
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgba(201,162,39,.25)}
header h1{color:#eef2f7!important}
header h1 span{color:#e3c26a!important}
header .lead,header p{color:#93a3b8!important}
header .kicker{color:#c9a227!important}
.chip{background:rgba(201,162,39,.12)!important;border:1px solid rgba(201,162,39,.35)!important;color:#f2dfa9!important}

/* --- İçerik: krem kağıt kartı, derin gölge (ana sayfadaki bölüm kartlarıyla aynı dil) --- */
main{color:#2b2415}
.doc{
  background:linear-gradient(165deg,rgba(255,252,242,.94),rgba(251,244,228,.72))!important;
  border:1px solid rgba(176,132,24,.42)!important;
  box-shadow:
    0 60px 120px -46px rgba(74,58,26,.5),
    0 26px 56px -30px rgba(201,162,39,.28),
    0 6px 16px -8px rgba(74,58,26,.2),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.doc h2{
  color:#6d5507!important;
  border-left:3px solid #c9a227!important;
  background:linear-gradient(120deg,#2b2415 8%,#6d5507 55%,#9c7a10 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.doc h3{color:#2b2415!important}
.doc p,.doc li,.doc ul,.doc ol{color:#4a3f2c!important}
.doc strong{color:#2b2415!important}
.doc a{color:#8a6a12!important;border-bottom:1px solid rgba(176,132,24,.45)!important}
.doc a:hover{color:#6d5507!important}

/* --- Tablolar: gazete cetveli --- */
table{background:rgba(255,253,246,.6);border-radius:10px;overflow:hidden;
  box-shadow:0 14px 30px -18px rgba(74,58,26,.35)}
td,th{border:1px solid rgba(96,78,40,.18)!important;color:#4a3f2c!important}
th{background:linear-gradient(135deg,#f0e2b4,#e3d199)!important;color:#3b2f12!important;font-weight:800!important}

/* --- Bilgi/uyarı kutusu --- */
.note{
  background:linear-gradient(135deg,rgba(200,53,46,.08),rgba(201,162,39,.10))!important;
  border:1px solid rgba(200,53,46,.28)!important;
  border-left:3px solid #c8352e!important;
  color:#4a3f2c!important;
  box-shadow:0 16px 34px -18px rgba(74,58,26,.35)!important;
}
.note strong{color:#2b2415!important}

/* --- Küçük kartlar --- */
.c,.v{
  background:linear-gradient(165deg,rgba(255,253,246,.96),rgba(250,243,226,.76))!important;
  border:1px solid rgba(96,78,40,.18)!important;
  border-left:3px solid #c9a227!important;
  box-shadow:0 26px 52px -26px rgba(74,58,26,.42),0 8px 18px -10px rgba(201,162,39,.2),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transition:transform .2s ease,box-shadow .25s ease!important;
}
.c:hover,.v:hover{transform:translateY(-3px);
  box-shadow:0 40px 72px -26px rgba(201,162,39,.45),0 14px 28px -12px rgba(74,58,26,.35),inset 0 1px 0 #fff!important}
.c h4,.v h3{color:#2b2415!important}
.c p,.v p{color:#6e6250!important}

/* --- CTA bölümü: krem, altın butonlu --- */
.cta h3{
  background:linear-gradient(120deg,#2b2415 8%,#6d5507 55%,#9c7a10 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.cta p{color:#6e6250!important}
.btn-ghost{color:#8a6a12!important;border:1px solid rgba(176,132,24,.5)!important;background:rgba(255,255,255,.55)!important}
.btn-ghost:hover{background:#fff!important;border-color:rgba(176,132,24,.9)!important}
.btn-gold{box-shadow:0 20px 40px -14px rgba(201,162,39,.65),0 5px 12px -6px rgba(120,88,15,.4)!important}

/* --- Footer: gece (ana sayfadaki gibi) --- */
footer{
  background:#081020!important;
  color:#93a3b8!important;
  border-top:1px solid rgba(201,162,39,.2)!important;
}
footer a{color:#e3c26a!important}
footer a:hover{color:#f2dfa9!important}

/* --- Genel bölüm metinleri (hakkimizda / iletisim / sss gibi sayfalar) --- */
section:not(.final) h2{
  background:linear-gradient(120deg,#2b2415 8%,#6d5507 55%,#9c7a10 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
section p,section li{color:#6e6250}

/* --- Nav logosu gece zeminde okunur kalsın --- */
nav .logo{color:#eef2f7!important}
nav .logo b{color:#e3c26a!important}
footer .logo{color:#eef2f7!important}
footer .logo b{color:#e3c26a!important}
footer p{color:#93a3b8!important}
footer h5{color:#e3c26a!important}
