/*
 * Tema Yenileme Faz 2
 * Kapsam: yalnız Ana Sayfa hero, hızlı erişim/servis kartları ve modül bloklarının public görünümü.
 * Veri, modül, widget ayarları ve kolon seçim mantığı değiştirilmez.
 */

/* Ana sayfa genel akışı */
body:not(.wp-admin) .sp-hb-home{
  --sp-home-gap:14px;
  --sp-home-radius:20px;
}
body:not(.wp-admin) .sp-hb-home .sp-hb-grid{
  gap:var(--sp-home-gap)!important;
  margin-top:14px!important;
  margin-bottom:28px!important;
}

/* Hero — gönderilen referanstaki modern geniş karşılama hissi */
/* Portal Widget zemin resmi seçildiyse tema gradienti resmi bastırmaz. */
body:not(.wp-admin) .sp-hb-home .sp21-hero.sp-portal-has-bg-image{
  /* Resim seçildiyse renk/gradient yedeği tamamen devre dışı. */
  background-image:
    linear-gradient(var(--sp-portal-overlay-color,rgba(0,0,0,0)),var(--sp-portal-overlay-color,rgba(0,0,0,0))),
    var(--sp-portal-image)!important;
  background-size:cover!important;
  background-position:var(--sp-portal-position,center center)!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
}
body:not(.wp-admin) .sp-hb-home .sp21-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,12,22,.14),rgba(5,12,22,.03));
}
body:not(.wp-admin) .sp-hb-home .sp21-search input{
  min-height:42px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.wp-admin) .sp-hb-home .sp21-search button{
  min-width:74px!important;
  min-height:42px!important;
  border-radius:11px!important;
  font-weight:800!important;
}
body:not(.wp-admin) .sp-hb-home .sp21-hero-actions a:hover{
  background:rgba(255,255,255,.18)!important;
}

/* Hero sağındaki portal kartları */
body:not(.wp-admin) .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
body:not(.wp-admin) .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card small,
body:not(.wp-admin) .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card em{
  opacity:.76;
}
@media(hover:hover){
  body:not(.wp-admin) .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.15)!important;
    border-color:rgba(255,255,255,.25)!important;
  }
}

/* Şehir Servisleri / hızlı erişim — yatay modern kart dili */
body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .sp21-service-card,
body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .spmc-service-card{
  min-height:84px!important;
  padding:12px!important;
  border:1px solid var(--sp-ui-border)!important;
  border-radius:15px!important;
  background:var(--sp-ui-surface-soft)!important;
  box-shadow:none!important;
}
body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .sp21-service-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--sp-ui-primary) 7%,var(--sp-ui-surface))!important;
}
body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .sp21-service-icon .dashicons{
  font-size:20px!important;
  width:20px!important;
  height:20px!important;
  line-height:20px!important;
}
body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .spmc-service-copy strong{
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
}

/* Ana sayfa modül blokları: açık, belirgin ve birbirinden ayrılan yüzeyler */
body:not(.wp-admin) .sp-hb-home .sp21-section-head h2{
  position:relative;
  padding-left:12px!important;
}

/* Haber / firma / ilan / etkinlik kartları */
body:not(.wp-admin) .sp-hb-home :is(.sp-hb-content-card,.sp21-firm-card,.spmc-classified-card,.spmc-event-card,.sp-hb-gallery-card){
  border:1px solid var(--sp-ui-border)!important;
  border-radius:15px!important;
  background:var(--sp-ui-surface)!important;
  box-shadow:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
@media(hover:hover){
  body:not(.wp-admin) .sp-hb-home :is(.sp-hb-content-card,.sp21-firm-card,.spmc-classified-card,.spmc-event-card,.sp-hb-gallery-card):hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--sp-ui-primary) 18%,var(--sp-ui-border))!important;
    box-shadow:0 12px 26px rgba(16,24,40,.09)!important;
  }
}

/* Mobil: uygulama hissi, ama mevcut kolon/alt menü mantığı korunur */
@media(max-width:767px){
  body:not(.wp-admin) .sp-hb-home{--sp-home-gap:var(--sp-layout-y-gap,20px);--sp-home-radius:16px}
  body:not(.wp-admin) .sp-hb-home .sp-hb-grid{
    width:min(100%,calc(100% - (var(--sp-layout-edge,10px) * 2)))!important;
    margin-top:0!important;
    margin-bottom:var(--sp-layout-y-gap,20px)!important;
  }
              body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .sp21-service-card,
  body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .spmc-service-card{
    min-height:76px!important;
    padding:9px!important;
    border-radius:13px!important;
  }
  body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .sp21-service-icon{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;
  }
  body:not(.wp-admin) .sp-hb-home .sp-hb-type-services .spmc-service-copy strong{
    font-size:10.5px!important;
  }
  }

/* Koyu mod: Faz 1 tokenlarını kullanır. */