
/* Urbiax banner restore + "juicier" glass pass — 2026-08-07
   Loaded after ubx_refresh_20260807.css so it only corrects the hero/banner. */

body.urbiax-modern-home-v1 .ubx-home-hero-v6{
  position:relative !important;
  overflow:hidden !important;
  border-radius:32px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(118,242,218,.24) 0, rgba(118,242,218,.08) 28%, transparent 50%),
    radial-gradient(circle at 10% 10%, rgba(82,103,255,.34) 0, rgba(82,103,255,.10) 34%, transparent 58%),
    linear-gradient(135deg, #214fd0 0%, #1967dd 36%, #17a2d2 70%, #42c97b 100%) !important;
  box-shadow:0 24px 54px rgba(9,34,89,.16), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-v6::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    repeating-radial-gradient(ellipse at 102% 56%, rgba(255,255,255,.11) 0 1px, transparent 1px 10px),
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 34%, rgba(255,255,255,.02) 100%) !important;
  opacity:.78 !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-v6::after{
  content:"" !important;
  position:absolute !important;
  width:280px !important;
  height:280px !important;
  right:-68px !important;
  top:-82px !important;
  border-radius:50% !important;
  border:36px solid rgba(255,255,255,.16) !important;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.20), rgba(255,255,255,0) 64%) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-copy,
body.urbiax-modern-home-v1 .ubx-home-hero-actions,
body.urbiax-modern-home-v1 .ubx-hero-add-actions{position:relative !important;z-index:1 !important;}
body.urbiax-modern-home-v1 .ubx-home-kicker{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 24px rgba(6,24,66,.08) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-copy h1{
  color:#ffffff !important;
  text-shadow:0 10px 24px rgba(18,58,116,.16) !important;
}
body.urbiax-modern-home-v1 .ubx-home-hero-copy p,
body.urbiax-modern-home-v1 .ubx-home-hero-copy p.ubx-guest-add-note{
  color:rgba(255,255,255,.96) !important;
  text-shadow:0 6px 14px rgba(18,58,116,.14) !important;
}
body.urbiax-modern-home-v1 .ubx-value-pills span{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(8,31,78,.08) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
body.urbiax-modern-home-v1 .ubx-value-pills span:before{color:#d5ffe8 !important;}
body.urbiax-modern-home-v1 .ubx-guest-primary-post{
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(244,250,255,.92)) !important;
  color:#185edc !important;
  box-shadow:0 16px 30px rgba(8,31,78,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.urbiax-modern-home-v1 .ubx-guest-primary-post:hover{transform:translateY(-1px) !important;}
body.urbiax-modern-home-v1 .ubx-home-hero-actions,
body.urbiax-modern-home-v1 .ubx-hero-add-actions{gap:10px !important;}
body.urbiax-modern-home-v1 .ubx-hero-action,
body.urbiax-modern-home-v1 .ubx-hero-add{
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
body.urbiax-modern-home-v1 .ubx-hero-action{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.84)) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 14px 26px rgba(8,31,78,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.urbiax-modern-home-v1 .ubx-hero-add{
  box-shadow:0 14px 24px rgba(8,31,78,.14) !important;
}

@media (max-width:768px){
  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    width:100vw !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
    margin:-8px calc(50% - 50vw) 10px !important;
    padding:14px 14px 10px !important;
    padding-left:calc(14px + env(safe-area-inset-left)) !important;
    padding-right:calc(14px + env(safe-area-inset-right)) !important;
    border-radius:0 !important;
    border:0 !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 88% 18%, rgba(136,240,218,.25) 0, rgba(136,240,218,.08) 28%, transparent 48%),
      radial-gradient(circle at 10% 8%, rgba(70,103,243,.34) 0, rgba(70,103,243,.08) 36%, transparent 58%),
      linear-gradient(132deg, #2352d7 0%, #1977df 37%, #1fabc5 68%, #46c978 100%) !important;
    box-shadow:0 12px 24px rgba(14,45,98,.12), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:
      repeating-radial-gradient(ellipse at 102% 58%, rgba(255,255,255,.12) 0 1px, transparent 1px 10px),
      linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04) 32%, rgba(255,255,255,.02) 100%) !important;
    opacity:.72 !important;
    pointer-events:none !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero::after{
    content:'' !important;
    position:absolute !important;
    inset:auto auto -62px -52px !important;
    width:170px !important;
    height:170px !important;
    border-radius:999px !important;
    background:radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,0) 68%) !important;
    pointer-events:none !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main{
    display:block !important;
    color:#ffffff !important;
    text-shadow:0 5px 18px rgba(3,20,56,.20), 0 1px 0 rgba(255,255,255,.08) !important;
    font-family:'Playfair Display','Georgia','Times New Roman',serif !important;
    font-size:clamp(31px,10.2vw,48px) !important;
    line-height:.86 !important;
    font-weight:800 !important;
    letter-spacing:-.055em !important;
    white-space:nowrap !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main span{
    color:rgba(190,220,255,.82) !important;
    text-shadow:0 2px 12px rgba(255,255,255,.08) !important;
    font-family:'Montserrat','Plus Jakarta Sans','Segoe UI',sans-serif !important;
    font-size:.48em !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
    vertical-align:baseline !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-auth,
  body.urbiax-modern-home-v1 .ubx-ms-posthint,
  body.urbiax-modern-home-v1 .ubx-ms-modes .ubx-ms-btn,
  body.urbiax-modern-home-v1 .ubx-value-pills span{
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero h2{
    margin:0 0 4px !important;
    color:#ffffff !important;
    text-shadow:0 8px 20px rgba(21,58,120,.22) !important;
    font-size:clamp(23px,7.2vw,34px) !important;
    line-height:.95 !important;
    letter-spacing:-.06em !important;
    font-weight:1000 !important;
    max-width:260px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p,
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p.ubx-guest-add-note{
    margin:0 0 7px !important;
    max-width:560px !important;
    color:rgba(255,255,255,.97) !important;
    text-shadow:0 6px 14px rgba(21,58,120,.16) !important;
    font-size:11.6px !important;
    line-height:1.22 !important;
    font-weight:850 !important;
  }
  body.urbiax-modern-home-v1 .ubx-value-pills{gap:6px !important;margin-top:0 !important;}
  body.urbiax-modern-home-v1 .ubx-value-pills span{
    min-height:26px !important;
    padding:0 9px !important;
    font-size:10.3px !important;
    color:#ffffff !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(8,31,78,.08) !important;
  }
  body.urbiax-modern-home-v1 .ubx-value-pills span:before{color:#d5ffe8 !important;}

  body.urbiax-modern-home-v1 .ubx-ms-headgrid{margin-bottom:7px !important;gap:7px !important;grid-template-columns:minmax(0,1fr) 106px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-support{min-height:42px !important;padding:5px 6px 5px 5px !important;border-radius:18px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-support-copy strong{font-size:9.7px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-support-copy small{font-size:7.9px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-support-cta{min-height:26px !important;padding:0 8px !important;font-size:10.2px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-logout{min-height:36px !important;border-radius:14px !important;font-size:12.5px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-adds,
  body.urbiax-modern-home-v1 .ubx-ms-modes{gap:7px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-adds{margin:0 0 8px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-btn{min-height:39px !important;border-radius:15px !important;font-size:11px !important;padding:0 7px !important;}
  body.urbiax-modern-home-v1 .ubx-ms-btn.mode{min-height:38px !important;font-size:11.8px !important;}
  body.urbiax-modern-home-v1.ubx-user-logged-in .ubx-mobile-superhero .ubx-value-pills{display:none !important;}
  body.urbiax-modern-home-v1.ubx-user-guest .ubx-mobile-superhero .ubx-value-pills{display:flex !important;flex-wrap:wrap !important;}
  body.urbiax-modern-home-v1 .ubx-guest-primary-post{
    display:flex !important;
    width:100% !important;
    min-height:42px !important;
    margin-top:10px !important;
    border-radius:15px !important;
    background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%) !important;
    color:#ffffff !important;
    box-shadow:0 16px 28px rgba(10,45,116,.20), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }
}


/* Mobile compact correction — 2026-08-07 15:38
   Keep the juicy glass style, but make the hero materially shorter. */
@media (max-width:768px){
  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    padding-top:14px !important;
    padding-bottom:10px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brandrow{
    margin-bottom:6px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main{
    font-size:clamp(35px,10vw,52px) !important;
    line-height:.88 !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-headgrid{
    margin-bottom:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-support{
    min-height:43px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-logout,
  body.urbiax-modern-home-v1 .ubx-ms-online{
    min-height:35px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero h2{
    margin:0 0 5px !important;
    font-size:clamp(27px,8vw,38px) !important;
    line-height:.96 !important;
    max-width:340px !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p,
  body.urbiax-modern-home-v1 .ubx-mobile-superhero p.ubx-guest-add-note{
    margin:0 0 9px !important;
    font-size:12.2px !important;
    line-height:1.22 !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero .ubx-value-pills{
    display:none !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-adds{
    gap:7px !important;
    margin:0 0 7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-modes{
    gap:7px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn{
    min-height:40px !important;
    border-radius:15px !important;
    font-size:11.4px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-btn.mode{
    min-height:39px !important;
    font-size:12px !important;
  }
  body.urbiax-modern-home-v1 .ubx-guest-primary-post{
    min-height:44px !important;
    margin-top:9px !important;
    border-radius:15px !important;
    font-size:13.5px !important;
  }
}

@media (max-width:390px){
  body.urbiax-modern-home-v1 .ubx-mobile-superhero{
    padding-top:12px !important;
    padding-bottom:9px !important;
  }
  body.urbiax-modern-home-v1 .ubx-ms-brand-main{
    font-size:clamp(34px,9.7vw,47px) !important;
  }
  body.urbiax-modern-home-v1 .ubx-mobile-superhero h2{
    font-size:clamp(26px,7.8vw,35px) !important;
  }
}
