/*
Theme Name: Mamure
Author: theanamur
Description: Anamur sahil düzeni — tek kolon, tam-genişlik hero kart (3:2 görsel üstünde gradyan + başlık overlay), altında ince künye şeridi.
Version: 1.0
Duzen: tek kolon, full-bleed hero kart. Kart = 3:2 görsel, alt gradyan overlay üstünde mahalle rozeti+başlık+tarih; görselin ALTINDA ince şerit (özet + İncele). Yatay-kart YOK, dense-liste YOK, grid YOK.
*/
:root{
  --mm-deniz:#0e7c7b; --mm-deniz2:#0a5f5e; --mm-kum:#e7d9be; --mm-kum2:#d8c39b;
  --mm-ink:#14231f; --mm-gri:#5a6b64; --mm-cizgi:#e2e6e2; --mm-kagit:#f6f4ee; --mm-panel:#fff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mm-kagit);color:var(--mm-ink);
  font:16px/1.62 "Trebuchet MS","Segoe UI",Tahoma,sans-serif;}
a{color:var(--mm-deniz);text-decoration:none}
a:hover{color:var(--mm-deniz2)}
.mm-en{max-width:760px;margin:0 auto;padding:0 18px}

/* tepe */
.mm-tepe{background:var(--mm-deniz);color:#fff;border-bottom:5px solid var(--mm-kum)}
.mm-tepe .mm-en{padding:18px 18px 0}
.mm-marka{font-size:23px;font-weight:800;letter-spacing:.4px;color:#fff;display:inline-block}
.mm-marka span{color:var(--mm-kum)}
.mm-marka:hover{color:#fff}
.mm-slogan{font-size:12.5px;color:#bfe3e0;margin:3px 0 0}
.mm-nav{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0;padding-bottom:14px}
.mm-nav a{font-size:12.5px;background:var(--mm-deniz2);color:#d7efec;padding:5px 11px;border-radius:4px}
.mm-nav a:hover{background:var(--mm-kum);color:var(--mm-deniz2)}

/* ana */
.mm-ana{padding:24px 0 38px}
.mm-h1{font-size:23px;color:var(--mm-deniz2);margin:0 0 4px}
.mm-ust{color:var(--mm-gri);font-size:14px;margin:0 0 22px}

/* hero kart */
.mm-liste{display:flex;flex-direction:column;gap:26px}
.mm-kart{background:var(--mm-panel);border:1px solid var(--mm-cizgi);border-radius:12px;
  overflow:hidden;box-shadow:0 2px 8px rgba(14,124,123,.07)}
.mm-hero{position:relative;aspect-ratio:3/2;background:linear-gradient(135deg,#0e7c7b,#0a5f5e)}
.mm-hero img{width:100%;height:100%;object-fit:cover;display:block}
.mm-hero .mm-bos{display:flex;align-items:center;justify-content:center;height:100%;
  font-size:70px;font-weight:800;color:rgba(255,255,255,.5);font-family:Georgia,serif}
.mm-perde{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 14px;
  background:linear-gradient(to top,rgba(8,40,39,.85),rgba(8,40,39,0))}
.mm-rozet{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.6px;color:var(--mm-deniz2);background:var(--mm-kum);padding:3px 9px;border-radius:4px;margin-bottom:7px}
.mm-baslik{font-size:20px;line-height:1.3;margin:0}
.mm-baslik a{color:#fff}
.mm-baslik a:hover{color:var(--mm-kum)}
.mm-tarih{font-size:11.5px;color:#bfe3e0;margin-top:4px}
.mm-serit{display:flex;align-items:center;gap:14px;padding:13px 18px}
.mm-ozet{flex:1;min-width:0;font-size:13.5px;color:var(--mm-gri);margin:0;overflow-wrap:anywhere}
.mm-incele{flex:0 0 auto;font-size:13px;font-weight:700;color:#fff;background:var(--mm-deniz);
  padding:8px 16px;border-radius:6px}
.mm-incele:hover{background:var(--mm-kum);color:var(--mm-deniz2)}

/* makale */
.mm-makale{background:var(--mm-panel);border:1px solid var(--mm-cizgi);border-radius:12px;
  padding:26px 30px;margin:22px 0}
.mm-makale h1{font-size:25px;color:var(--mm-deniz2);margin:0 0 6px;line-height:1.25}
.mm-mkunye{font-size:12.5px;color:#8b968f;border-bottom:1px solid var(--mm-cizgi);padding-bottom:12px;margin-bottom:16px}
.mm-mkunye b{color:var(--mm-deniz)}
.mm-kapak{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin:0 0 16px}
.mm-makale p{margin:0 0 14px}
.mm-alt{border-top:1px solid var(--mm-cizgi);margin-top:16px;padding-top:14px;font-size:13px;color:var(--mm-gri)}

/* alt bölge */
.mm-bolge{background:var(--mm-deniz2);color:#cfeae7;padding:26px 0}
.mm-bolge h2{color:#fff;font-size:15px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px}
.mm-mahliste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2px 20px}
.mm-mahliste li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #12706e}
.mm-mahliste a{color:#fff;font-weight:600}
.mm-mahliste a:hover{color:var(--mm-kum)}
.mm-mahliste .s{color:#7fb8b4;font-variant-numeric:tabular-nums}

/* dip */
.mm-dip{background:#08201f;color:#7a908b;font-size:12.5px;padding:18px 0 26px;text-align:center}
.mm-dip a{color:#bfe3e0}

/* sayfalama */
.mm-say{display:flex;gap:8px;margin:24px 0 0;font-size:14px;flex-wrap:wrap;justify-content:center}
.mm-say a,.mm-say span{padding:7px 13px;border:1px solid var(--mm-cizgi);border-radius:6px;background:#fff}
.mm-say .current{background:var(--mm-deniz);color:#fff;border-color:var(--mm-deniz)}

@media(max-width:560px){
  .mm-serit{flex-direction:column;align-items:flex-start;gap:10px}
  .mm-mahliste{grid-template-columns:1fr}
  .mm-makale{padding:18px}
}