/*
Theme Name: Amastris
Theme URI: https://samsunescort.services
Description: Samsun escort ilan panosu — mantar pano / not kartı düzeni.
Author: Amastris
Version: 1.0
Text Domain: amastris
Duzen: bülten/pano — arduvaz zemin, kartlar beyaz "not kağıdı" gibi: üst ortada
  hafif eğik yarı-saydam "bant" (tape), kapak 4:3, kalın sans başlık, kademe hapı,
  künye, özet. Bölge bloğu "Pano Dizini": iki kademe, raptiye-nokta madde imi.
  Palet: arduvaz #e9ebf0 zemin + beyaz kart + kızıl #dc2f4b bant/aksan + kömür.
  Parkta bant-tape not kartı, mantar-pano zemin ya da Guide @graph yok; 197 navy
  app-kartı / 198 krem-serif / 199 renkli'den tamamen ayrı.
*/
:root{
  --pano:#e9ebf0; --kart:#ffffff; --murekkep:#211d24; --soluk:#726c78;
  --kizil:#dc2f4b; --kizil-k:#b21f39; --cizgi:#dcdde3;
  --golge:0 1px 2px rgba(33,29,36,.06), 0 12px 26px rgba(33,29,36,.12);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pano);color:var(--murekkep);
  font:16px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background-image:radial-gradient(rgba(33,29,36,.05) 1px,transparent 1px);background-size:20px 20px}
a{color:var(--kizil-k);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.amt-en{max-width:1120px;margin:0 auto;padding:0 18px}

/* header */
.amt-tepe{background:var(--kart);border-bottom:1px solid var(--cizgi);box-shadow:0 1px 0 rgba(33,29,36,.04)}
.amt-tepe .amt-en{padding:18px 18px 15px}
.amt-marka{display:inline-block;font-size:26px;font-weight:800;letter-spacing:-.3px;color:var(--murekkep)}
.amt-marka:hover{text-decoration:none}
.amt-marka b{color:var(--kizil)}
.amt-slogan{color:var(--soluk);font-size:13.5px;margin-top:3px}
.amt-nav{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}
.amt-nav a{font-size:12.5px;font-weight:600;padding:5px 12px;border:1px solid var(--cizgi);border-radius:4px;
  color:var(--murekkep);background:#f7f7fa;white-space:nowrap}
.amt-nav a:hover{border-color:var(--kizil);color:var(--kizil-k);text-decoration:none}

/* main */
.amt-ana{padding:24px 0 10px}
.amt-h1{font-size:27px;line-height:1.22;margin:2px 0 6px;font-weight:800;letter-spacing:-.3px}
.amt-giris{background:var(--kart);border:1px solid var(--cizgi);border-top:4px solid var(--kizil);
  border-radius:6px;box-shadow:var(--golge);padding:14px 16px;margin:14px 0 26px;color:#3a343f}
.amt-giris p{margin:0}

/* note-card grid */
.amt-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px 22px;margin:22px 0}
.amt-not{min-width:0;background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;
  box-shadow:var(--golge);display:flex;flex-direction:column;position:relative;padding-top:8px;
  transition:transform .16s ease, box-shadow .16s ease}
.amt-not::before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-3deg);
  width:96px;height:20px;background:rgba(220,47,75,.28);border:1px solid rgba(178,31,57,.35);border-radius:2px;z-index:4}
.amt-not:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(33,29,36,.08),0 20px 40px rgba(33,29,36,.18)}
.amt-kap{position:relative;aspect-ratio:4/3;background:#e6e7ec;overflow:hidden;margin:0 10px;border:1px solid var(--cizgi)}
.amt-kap img{width:100%;height:100%;object-fit:cover}
.amt-kap.amt-yok{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#eceef3 0 10px,#e3e5eb 10px 20px)}
.amt-kap.amt-yok .amt-harf{font-size:48px;font-weight:800;color:rgba(114,108,120,.6)}
.amt-govde{padding:12px 14px 16px;display:flex;flex-direction:column;gap:7px}
.amt-hap{align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
  padding:3px 9px;border-radius:3px;background:#fbe7eb;color:var(--kizil-k);border:1px solid #f2c9d2}
.amt-baslik{font-size:17.5px;line-height:1.3;margin:0;font-weight:800}
.amt-baslik a{color:var(--murekkep)}
.amt-kunye{font-size:12px;color:var(--soluk)}
.amt-ozet{font-size:13.5px;color:#433d48;margin:0;overflow-wrap:anywhere}

/* region block: Pano Dizini */
.amt-dizin{margin:34px 0 8px;background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;box-shadow:var(--golge);padding:18px 20px}
.amt-dizin h2{margin:0 0 4px;font-size:19px;font-weight:800}
.amt-dizin .not{color:var(--soluk);font-size:12.5px;margin:0 0 12px}
.amt-grup{margin:12px 0 4px}
.amt-grup h3{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--kizil-k);margin:0 0 9px}
.amt-satirlar{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;list-style:none;margin:0;padding:0}
.amt-satir{min-width:0}
.amt-satir a{display:flex;align-items:center;gap:9px;color:var(--murekkep);font-size:14px}
.amt-satir a:hover{color:var(--kizil-k);text-decoration:none}
.amt-rap{flex:none;width:11px;height:11px;border-radius:50%;background:var(--kizil);
  box-shadow:0 0 0 3px rgba(220,47,75,.18)}
.amt-satir .say{margin-left:auto;font-size:12px;color:var(--soluk)}

/* single */
.amt-tekil{background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;box-shadow:var(--golge);padding:22px 24px;margin:16px 0;border-top:4px solid var(--kizil)}
.amt-kapak{margin:14px 0;overflow:hidden;border:1px solid var(--cizgi);border-radius:4px}
.amt-icerik{font-size:16.5px;line-height:1.75}
.amt-icerik p{margin:0 0 15px}
.amt-icerik a{color:var(--kizil-k);text-decoration:underline}
.amt-komsu{margin:20px 0 2px;display:flex;flex-wrap:wrap;gap:8px}
.amt-komsu a{font-size:12.5px;padding:5px 12px;border:1px solid var(--cizgi);border-radius:4px;background:#f7f7fa}

/* pagination + footer */
.amt-sayfa{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.amt-sayfa a,.amt-sayfa span{padding:7px 13px;border:1px solid var(--cizgi);border-radius:4px;background:var(--kart)}
.amt-sayfa .current{background:var(--kizil);color:#fff;border-color:var(--kizil)}
.amt-alt{margin-top:38px;background:#211d24;color:#c8c2ce}
.amt-alt .amt-en{padding:20px 18px;font-size:13px}
.amt-alt a{color:#fff}
.amt-alt .diz{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.amt-alt .diz a{padding:4px 10px;border:1px solid rgba(255,255,255,.18);border-radius:4px;font-size:12px;color:#fff}

@media(max-width:560px){ .amt-satirlar{grid-template-columns:1fr} .amt-h1{font-size:22px} }