/*
Theme Name: Sesamos
Theme URI: https://samsundahizmet.net
Description: Samsun escort hizmet kataloğu teması. Duzen: tek sütun GENİŞ YATAY servis kartları — solda kare 1:1 kapak, sağda metin, altta noktalı-liderli (dotted leader) "hizmet · incele" satırı. Bölge blogu "Hizmet Dizini" noktalı-liderli iki grup. Kurumsal arduvaz+kehribar. Grid-kart DEGIL, baloncuk DEGIL.
Author: Sesamos
Version: 1.0
*/

:root{
  --zemin:#f5f6f8; --kart:#ffffff; --arduvaz:#2b3a4a; --murekkep:#1e2733;
  --soluk:#75808d; --cizgi:#e2e6ec; --kehribar:#e08a2b; --mavi:#39566f;
  --golge:rgba(30,39,51,.07);
}
*{box-sizing:border-box}
body.ses{margin:0;background:var(--zemin);color:var(--murekkep);
  font:16px/1.6 "Segoe UI",Roboto,Arial,sans-serif;}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}

/* ust */
.ses-tepe{background:var(--arduvaz);color:#fff;padding:16px 16px 0}
.ses-en{max-width:860px;margin:0 auto}
.ses-marka{font-size:21px;font-weight:700;margin:0 0 2px}
.ses-marka a{color:#fff}
.ses-marka b{color:var(--kehribar)}
.ses-slogan{font-size:12.5px;color:#c6d2de;margin:0 0 12px}
.ses-nav{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px}
.ses-nav a{display:inline-block;background:rgba(255,255,255,.12);color:#fff;
  font-size:12.5px;padding:5px 11px;border-radius:4px}
.ses-nav a:hover{background:var(--kehribar);text-decoration:none}

/* govde */
.ses-sar{max-width:860px;margin:22px auto 0;padding:0 16px}
.ses-h1{font-size:22px;line-height:1.3;margin:0 0 4px}
.ses-giris{color:var(--soluk);font-size:14px;margin:0 0 18px;max-width:680px}

/* katalog — yatay servis kartlari */
.ses-liste{display:flex;flex-direction:column;gap:14px}
.ses-kart{display:grid;grid-template-columns:132px 1fr;gap:16px;background:var(--kart);
  border:1px solid var(--cizgi);border-left:4px solid var(--arduvaz);border-radius:6px;
  box-shadow:0 1px 2px var(--golge);padding:14px;min-width:0}
.ses-kap{width:132px;height:132px;border-radius:4px;overflow:hidden;background:var(--mavi);
  display:flex;align-items:center;justify-content:center;flex:0 0 132px}
.ses-kap img{width:132px;height:132px;object-fit:cover}
.ses-harf{color:#fff;font-size:40px;font-weight:700}
.ses-govde{min-width:0;display:flex;flex-direction:column}
.ses-ust{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:11.5px;
  text-transform:uppercase;letter-spacing:.5px;color:var(--soluk)}
.ses-rozet{background:var(--kehribar);color:#fff;border-radius:3px;padding:2px 7px;font-weight:700;letter-spacing:.3px}
.ses-bas{font-size:17px;line-height:1.35;margin:0 0 5px;font-weight:600}
.ses-ozet{font-size:14px;color:#4a5560;margin:0 0 10px;overflow-wrap:anywhere;flex:1}
.ses-cizgi{display:flex;align-items:baseline;font-size:12.5px;color:var(--soluk);gap:6px}
.ses-cizgi .nokta{flex:1;border-bottom:1px dotted var(--soluk);transform:translateY(-3px)}
.ses-cizgi .git{color:var(--kehribar);font-weight:600;white-space:nowrap}

/* tekil */
.ses-tek{max-width:720px;margin:0 auto;background:var(--kart);border:1px solid var(--cizgi);
  border-radius:6px;padding:20px;box-shadow:0 1px 2px var(--golge)}
.ses-tek .ses-kapak{border-radius:5px;overflow:hidden;margin:0 0 14px}
.ses-tek h1{font-size:22px;margin:0 0 6px}
.ses-tek .meta{font-size:12.5px;color:var(--soluk);margin:0 0 14px;border-bottom:1px solid var(--cizgi);padding-bottom:10px}
.ses-tek .icerik p{margin:0 0 12px}
.ses-ilgili{max-width:860px;margin:24px auto 0}
.ses-ilgili h2{font-size:15px;color:var(--soluk);margin:0 0 10px;font-weight:600}

/* hizmet dizini (bolge) */
.ses-dizin{max-width:860px;margin:30px auto 0;background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;overflow:hidden}
.ses-dizin>h2{font-size:15px;margin:0;padding:12px 18px;background:var(--arduvaz);color:#fff}
.ses-dizin .not{font-size:12.5px;color:var(--soluk);padding:10px 18px 2px;margin:0}
.ses-grup{padding:6px 18px 12px}
.ses-grup h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--kehribar);margin:12px 0 6px}
.ses-sat{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:14px}
.ses-sat a{color:var(--murekkep)}
.ses-sat .nokta{flex:1;border-bottom:1px dotted var(--cizgi);transform:translateY(-3px)}
.ses-sat .say{color:var(--soluk);font-size:12.5px;font-variant-numeric:tabular-nums}

/* alt */
.ses-alt{margin-top:40px;background:#eceff3;border-top:1px solid var(--cizgi)}
.ses-alt .ses-en{padding:18px 16px;color:var(--soluk);font-size:12.5px}
.ses-alt nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.ses-alt nav a{font-size:12.5px}

@media(max-width:560px){
  .ses-kart{grid-template-columns:92px 1fr;gap:12px}
  .ses-kap{width:92px;height:92px;flex-basis:92px}
  .ses-kap img{width:92px;height:92px}
  .ses-h1{font-size:19px}
}
