/* 2.0.0 Clean Base Faz 4 — Ana Sayfa uygulama + okunabilir metin katmanı.
 * Kaynak sırası korunmuştur: home-app-ui.css -> home-readable-text.css
 */

/* Faz 21 — My-Şehirim mantığında özgün Şehir Portalı ana sayfası */
.sp21-home{--hbg:#f5f7fb;--card:#fff;--line:#e4e9f0;--text:#172033;--muted:#697586;--red:var(--sp-brand-red,#a51d31);--blue:#0866d9;background:var(--hbg);color:var(--text);min-height:100vh}
.sp21-hero:before,.sp21-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.sp21-hero:before{width:420px;height:420px;right:-120px;top:-220px}.sp21-hero:after{width:260px;height:260px;left:-100px;bottom:-190px}
.sp21-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:44px;align-items:center}
.sp21-section-head span{display:block;margin-bottom:2px;color:var(--red);font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.sp21-service-card{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);text-align:center;text-decoration:none;transition:.16s ease}
.sp21-service-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,23,42,.07);border-color:#d5dce6}
.sp21-service-icon .dashicons{width:25px;height:25px;color:var(--sp-brand-red,#a51d31);font-size:25px}
.sp21-service-card small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.3}
.sp21-service-card.is-blue .sp21-service-icon{background:#edf4ff}.sp21-service-card.is-blue .dashicons{color:#0866d9}
.sp21-service-card.is-orange .sp21-service-icon{background:#fff4e7}.sp21-service-card.is-orange .dashicons{color:#ef8d13}
.sp21-service-card.is-purple .sp21-service-icon{background:#f3edff}.sp21-service-card.is-purple .dashicons{color:#8154d9}
.sp21-service-card.is-green .sp21-service-icon{background:#eaf8ef}.sp21-service-card.is-green .dashicons{color:#208e49}
.sp21-service-card.is-pink .sp21-service-icon{background:#fff0f5}.sp21-service-card.is-pink .dashicons{color:#d83c78}
.sp21-service-card.is-cyan .sp21-service-icon{background:#eaf9fb}.sp21-service-card.is-cyan .dashicons{color:#168fa5}
.sp21-service-card.is-yellow .sp21-service-icon{background:#fff9e8}.sp21-service-card.is-yellow .dashicons{color:#b77900}
.sp21-service-card.is-navy .sp21-service-icon{background:#edf1f6}.sp21-service-card.is-navy .dashicons{color:#2f435d}

.sp21-news-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:14px}
.sp21-news-media{display:block;aspect-ratio:16/8;overflow:hidden;background:#edf1f5}.sp21-news-media img{width:100%;height:100%;object-fit:cover}.sp21-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:100px;background:#eef2f6;color:#8994a3}.sp21-placeholder .dashicons{font-size:34px;width:34px;height:34px}
.sp21-news-copy>span,.sp21-news-row small{color:#8a94a3;font-size:8px}.sp21-news-copy h3 a,.sp21-news-row h3 a{color:var(--text);text-decoration:none}.sp21-news-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff}.sp21-news-row-media{height:72px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#eef2f6;color:var(--sp-brand-red,#a51d31)}.sp21-news-row-media img{width:100%;height:100%;object-fit:cover}.sp21-news-row h3{margin:3px 0 0;font-size:10.5px;line-height:1.35}

.sp21-firm-copy h3 a{color:var(--text);text-decoration:none}.sp21-firm-copy p{display:flex;align-items:center;gap:3px;margin:0;color:var(--muted);font-size:8.5px}.sp21-firm-copy p .dashicons{width:13px;height:13px;font-size:13px;color:var(--sp-brand-red,#a51d31)}

.sp21-compact-icon.is-event{background:#f2edff}.sp21-compact-icon.is-event .dashicons{color:#8154d9}.sp21-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px;border:1px dashed #d7dee7;border-radius:12px;background:#fafbfd;color:var(--muted);text-align:center;font-size:10px}.sp21-empty>.dashicons{width:30px;height:30px;color:var(--sp-brand-red,#a51d31);font-size:30px}.sp21-empty>a{color:var(--blue);font-weight:800;text-decoration:none}

/* tablet */
@media(max-width:1024px){
 .sp21-news-layout{grid-template-columns:1fr}
 .sp21-news-list{grid-template-columns:1fr 1fr}
}

/* mobile */
@media(max-width:767px){
  .sp21-service-card small{font-size:7px}
 .sp21-news-list{grid-template-columns:1fr}}
/* Dark theme */
html[data-theme="dark"] .sp21-home,
body[data-theme="dark"] .sp21-home,
.sp-dark .sp21-home{--hbg:#0f1722;--card:#16202d;--line:#2b394a;--text:#f8fafc;--muted:#b5c0cd}
html[data-theme="dark"] .sp21-services,html[data-theme="dark"] .sp21-section,html[data-theme="dark"] .sp21-service-card,html[data-theme="dark"] .sp21-news-featured,html[data-theme="dark"] .sp21-news-row,html[data-theme="dark"] .sp21-firm-card,
body[data-theme="dark"] .sp21-services,body[data-theme="dark"] .sp21-section,body[data-theme="dark"] .sp21-service-card,body[data-theme="dark"] .sp21-news-featured,body[data-theme="dark"] .sp21-news-row,body[data-theme="dark"] .sp21-firm-card,
.sp-dark .sp21-services,.sp-dark .sp21-section,.sp-dark .sp21-service-card,.sp-dark .sp21-news-featured,.sp-dark .sp21-news-row,.sp-dark .sp21-firm-card{background:#16202d!important;border-color:#2b394a!important}
html[data-theme="dark"] .sp21-home .dashicons,body[data-theme="dark"] .sp21-home .dashicons,.sp-dark .sp21-home .dashicons{color:#fff!important}

/* ---- former home-readable-text.css ---- */

/* Faz 21.1 — SADECE Ana Sayfa yazı okunabilirliği
   Yerleşim, modül, link ve işlev değiştirmez. */

/* Masaüstü genel metinleri */
.sp21-hero-side small{
  font-size:10.5px!important;
  line-height:1.35!important;
}

.sp21-section-head span{
  font-size:10px!important;
}

/* Şehir servis kartları */
.sp21-service-card small{
  font-size:10px!important;
  line-height:1.4!important;
  color:#5f6c7b!important;
}

/* Haberler */
.sp21-news-copy>span,
.sp21-news-row small{
  font-size:10px!important;
}
.sp21-news-row h3{
  font-size:13px!important;
  line-height:1.4!important;
}

/* Firmalar */
.sp21-firm-copy p{
  font-size:10.5px!important;
}

/* Seri ilan / Etkinlik */

/* Boş durum metinleri */
.sp21-empty{
  font-size:12px!important;
  line-height:1.5!important;
}

/* Tablet */
@media(max-width:1024px){
    .sp21-service-card small{
    font-size:9.5px!important;
  }
}

/* Mobil — özellikle okunabilirliği artır */
@media(max-width:767px){

  .sp21-hero-side small{
    font-size:9.5px!important;
  }

  .sp21-section-head span{
    font-size:9px!important;
  }

  .sp21-service-card small{
    font-size:8.8px!important;
    line-height:1.35!important;
  }

  .sp21-news-row h3{
    font-size:11.5px!important;
  }

  .sp21-news-row small{
    font-size:9px!important;
  }

  .sp21-firm-copy p{
    font-size:9.5px!important;
  }

  .sp21-empty{
    font-size:11px!important;
  }
}

/* Çok küçük telefonlarda da küçültmek yerine kart düzeni yazıya uyum sağlasın */
@media(max-width:390px){
    .sp21-service-card small{
    font-size:8.8px!important;
  }
}

/* Koyu tema metin kontrastı */
html[data-theme="dark"] .sp21-service-card small,
body[data-theme="dark"] .sp21-service-card small,
.sp-dark .sp21-service-card small,
html[data-theme="dark"] .sp21-news-copy p,
body[data-theme="dark"] .sp21-news-copy p,
.sp-dark .sp21-news-copy p,
html[data-theme="dark"] .sp21-firm-copy p,
body[data-theme="dark"] .sp21-firm-copy p,
.sp-dark .sp21-firm-copy p{
  color:#c3ccd7!important;
}