/* Yalnız Ana Sayfa Portal Widget görünüm revizyonu.
   Arama, mevcut canlı widget verileri, bağlantılar ve Home Builder ayarları korunur. */
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget{
  position:relative!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#10213a!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget>.sp21-container,
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-inner{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:20px!important;
  padding:0!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  min-height:360px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:44px clamp(26px,5vw,64px)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 95% 8%,rgba(255,255,255,.13) 0 17%,transparent 17.2%),
    radial-gradient(circle at 72% 103%,rgba(255,255,255,.09) 0 18%,transparent 18.2%),
    linear-gradient(135deg,#0759c9 0%,#087bed 53%,#2e9cf7 100%)!important;
  box-shadow:0 18px 46px rgba(8,93,195,.20)!important;
  color:#fff!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(1,29,84,.24),transparent 48%);
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin:0 0 16px!important;
  padding:7px 14px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:999px!important;
  background:rgba(3,43,112,.18)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy h1{
  margin:0 0 12px!important;
  max-width:820px!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,64px)!important;
  font-weight:900!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy>p{
  margin:0 0 22px!important;
  max-width:850px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(15px,1.45vw,20px)!important;
  line-height:1.55!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search{
  width:min(100%,760px)!important;
  max-width:760px!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:7px 7px 7px 16px!important;
  border:1px solid rgba(255,255,255,.4)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 12px 30px rgba(0,38,100,.18)!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search>.dashicons{
  width:25px!important;height:25px!important;font-size:25px!important;line-height:25px!important;color:#6281aa!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search input{
  min-width:0!important;height:46px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#17233a!important;font-size:15px!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search button{
  height:48px!important;min-width:86px!important;padding:0 22px!important;border:0!important;border-radius:14px!important;background:#17233a!important;color:#fff!important;font-size:14px!important;font-weight:850!important;cursor:pointer!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-portal-link-actions{
  width:min(100%,760px)!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0 0!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-portal-link-button{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:12px 18px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:18px!important;
  background:rgba(1,33,89,.24)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  text-decoration:none!important;
  backdrop-filter:blur(8px)!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-portal-link-button:after{
  content:"›";display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#fff;color:#0875e4;font-size:28px;font-weight:500;line-height:1;
}

/* Mevcut Portal Widget modülleri: referanstaki 4'lü uygulama kısayol dili. */
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-side{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:14px!important;
  margin:0!important;
  padding:0 4px 4px!important;
  border:0!important;
  background:#fff!important;
  align-items:stretch!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:142px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:14px 8px 10px!important;
  border:0!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#152238!important;
  text-align:center!important;
  text-decoration:none!important;
  overflow:visible!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card>.dashicons{
  width:74px!important;
  height:74px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:22px!important;
  background:#edf5ff!important;
  color:#1674dd!important;
  font-size:34px!important;
  line-height:74px!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:nth-child(4n+2)>.dashicons{background:#eaf9ef!important;color:#16a35b!important}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:nth-child(4n+3)>.dashicons{background:#fff0f3!important;color:#dc3155!important}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:nth-child(4n+4)>.dashicons{background:#fff5e8!important;color:#ed941b!important}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-copy{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  overflow:visible!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-copy strong{
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  margin:0!important;
  color:#142136!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.18!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hero-live-value{
  display:block!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  color:#516277!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget :is(.sp-hero-live-desc,.sp-hero-live-meta){
  display:none!important;
}
@media (hover:hover){
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:hover{transform:translateY(-3px)!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:hover>.dashicons{box-shadow:0 10px 22px rgba(15,70,140,.12)!important}
}
@media (max-width:767px){
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-inner{gap:14px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy{
    min-height:0!important;
    padding:28px 20px 26px!important;
    border-radius:24px!important;
  }
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-eyebrow{margin-bottom:12px!important;font-size:9px!important;min-height:28px!important;padding:5px 10px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy h1{font-size:34px!important;margin-bottom:10px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-copy>p{font-size:14px!important;margin-bottom:17px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search{min-height:54px!important;grid-template-columns:27px minmax(0,1fr) auto!important;padding:5px 5px 5px 12px!important;border-radius:17px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search input{height:42px!important;font-size:12px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-search button{height:42px!important;min-width:64px!important;padding:0 14px!important;border-radius:12px!important;font-size:11px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-portal-link-actions{gap:8px!important;margin-top:10px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-portal-link-button{min-height:52px!important;padding:9px 12px!important;border-radius:15px!important;font-size:11px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-portal-link-button:after{width:28px;height:28px;border-radius:9px;font-size:23px}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-side{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    padding:0!important;
  }
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card{
    min-height:118px!important;
    gap:7px!important;
    padding:10px 2px 6px!important;
    border-radius:16px!important;
  }
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card>.dashicons{
    width:58px!important;height:58px!important;border-radius:18px!important;font-size:27px!important;line-height:58px!important;
  }
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-copy strong{font-size:10.5px!important;line-height:1.12!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hero-live-value{font-size:8px!important;max-width:80px!important}
}
@media (max-width:390px){
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card>.dashicons{width:52px!important;height:52px!important;line-height:52px!important;font-size:24px!important}
  body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-copy strong{font-size:9.5px!important}
}


/* Portal Widget 8'li masaüstü / 4'lü mobil + portal üstü canlı veri */
@media(min-width:768px){
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp21-hero-side{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important}
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card{min-height:118px!important;padding:10px 4px 8px!important;gap:7px!important}
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card>.dashicons{width:58px!important;height:58px!important;line-height:58px!important;font-size:27px!important;border-radius:18px!important}
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-copy strong{font-size:11px!important}
}
.sp-portal-upper-live{width:100%;display:grid;grid-template-columns:repeat(var(--sp-portal-upper-cols,4),minmax(0,1fr));gap:10px;margin:0 0 12px}
.sp-portal-upper-live-card{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #dce7f2;border-radius:15px;background:#fff;color:#17324f;text-decoration:none;box-shadow:0 6px 18px rgba(17,62,104,.05)}
.sp-portal-upper-live-card>.dashicons{width:34px;height:34px;line-height:34px;font-size:19px;border-radius:11px;background:#edf5ff;color:#1674dd;text-align:center;flex:0 0 auto}
.sp-portal-upper-live-card>span:last-child{min-width:0;display:grid;gap:1px}.sp-portal-upper-live-card strong{font-size:11px;line-height:1.1}.sp-portal-upper-live-card b{font-size:15px;color:#0b5fae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-portal-upper-live-card small{font-size:9px;color:#67788a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:767px){.sp-portal-upper-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sp-portal-upper-live-card{padding:9px;gap:7px}.sp-portal-upper-live-card>.dashicons{width:30px;height:30px;line-height:30px;font-size:17px}.sp-portal-upper-live-card strong{font-size:10px}.sp-portal-upper-live-card b{font-size:13px}}

/* Portal Widget zemin resmi düzeltmesi.
   Referans görünüm dış kabuğu bilinçli olarak şeffaf bıraktığı için seçilen
   Portal Widget resmi ana hero yüzeyinde (.sp21-hero-copy) uygulanır.
   Resim seçilmemiş widget görünümü değişmez. */
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget.sp-portal-has-bg-image .sp21-hero-copy{
  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;
}

/* Yalnız Ana Sayfa Portal Widget yardımcı modül ikonları.
   Tüm ikon kutuları eşit ölçü, zeminden ayrılan ince çerçeve ve ortak görsel ağırlık. */
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card > :is(.dashicons,.sp-pharmacy-symbol.is-portal-widget){
  box-sizing:border-box!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  flex:0 0 64px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  border:1px solid #cfe0f3!important;
  border-radius:19px!important;
  background:#edf5ff!important;
  box-shadow:0 3px 10px rgba(18,57,94,.05)!important;
  color:#1674dd!important;
  font-size:29px!important;
  line-height:62px!important;
  overflow:hidden!important;
}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:nth-child(4n+2) > :is(.dashicons,.sp-pharmacy-symbol.is-portal-widget){background:#eaf9ef!important;border-color:#bfe8ce!important;color:#16a35b!important}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:nth-child(4n+3) > :is(.dashicons,.sp-pharmacy-symbol.is-portal-widget){background:#fff0f3!important;border-color:#f2c8d1!important;color:#dc3155!important}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card:nth-child(4n+4) > :is(.dashicons,.sp-pharmacy-symbol.is-portal-widget){background:#fff5e8!important;border-color:#f0d7b4!important;color:#ed941b!important}
body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card[data-module="pharmacy"] > .sp-pharmacy-symbol.is-portal-widget{
  object-fit:contain!important;
  object-position:center!important;
  padding:7px!important;
}
@media(max-width:767px){
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card > :is(.dashicons,.sp-pharmacy-symbol.is-portal-widget){width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;flex-basis:58px!important;border-radius:17px!important;font-size:27px!important;line-height:56px!important}
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card[data-module="pharmacy"] > .sp-pharmacy-symbol.is-portal-widget{padding:6px!important}
}
@media(max-width:390px){
 body:not(.wp-admin).home .sp-hb-home .sp-portal-widget .sp-hb-hero-module-card > :is(.dashicons,.sp-pharmacy-symbol.is-portal-widget){width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;flex-basis:54px!important;border-radius:16px!important;font-size:25px!important;line-height:52px!important}
}