
/* Patch 29F - Hero Add Circle UI Fix */
/* Hide any old top-bar marketing text completely */
.top-promo, .topbar-promo, .a3-top-promo, .qm-top-promo,
.site-topline .promo, .platform-slogan, .header-slogan, .top-notice-text,
body .a3n-top-text, body [data-a3-top-promo="1"]{
  display:none !important; visibility:hidden !important; opacity:0 !important; height:0 !important; overflow:hidden !important;
}

/* Hero action cluster */
.a3-hero, .hero, .home-hero, .main-hero, .a3-home-hero, .hero-section{
  position:relative !important;
  overflow:hidden !important;
}
.a3-add-orbit{
  position:absolute;
  z-index:20;
  left:44px;
  top:28px;
  width:260px;
  height:150px;
  pointer-events:auto;
  direction:rtl;
}
.a3-add-orbit__center{
  position:absolute;
  left:84px;
  top:32px;
  width:92px;
  height:92px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(255,255,255,.96);
  color:#0b5ed7;
  box-shadow:0 18px 45px rgba(4,28,77,.22), inset 0 0 0 1px rgba(13,110,253,.12);
  font-weight:900;
  text-decoration:none;
  line-height:1;
  transform:translateZ(0);
}
.a3-add-orbit__plus{
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:#0d6efd;
  color:#fff;
  font-size:22px;
  margin-bottom:2px;
  box-shadow:0 10px 24px rgba(13,110,253,.35);
}
.a3-add-orbit__label{font-size:24px; letter-spacing:-.5px;}
.a3-add-orbit__btn{
  position:absolute;
  min-width:86px;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  background:#fff;
  color:#101827 !important;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 12px 28px rgba(5,22,60,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  text-decoration:none !important;
  white-space:nowrap;
  transition:.2s ease;
}
.a3-add-orbit__btn:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(5,22,60,.25); color:#0d6efd !important;}
.a3-add-orbit__ad{left:86px; top:0;}
.a3-add-orbit__site{left:4px; top:90px;}
.a3-add-orbit__store{left:170px; top:90px;}

/* Hide old Add dropdown/button styles if still rendered */
.a3-hero .add-dropdown, .a3-hero .add-menu, .a3-hero .hero-add-dropdown,
.hero .add-dropdown, .hero .add-menu, .hero .hero-add-dropdown,
.a3-add-old, .a3-hero-add-old{
  display:none !important;
}
/* When JS wraps old elements, prevent duplicates */
.a3-add-orbit + .a3-add-orbit{display:none !important;}

@media (max-width: 900px){
  .a3-add-orbit{
    position:relative !important;
    left:auto !important; top:auto !important;
    width:100%; height:auto;
    min-height:138px;
    margin:0 auto 18px;
    transform:none;
  }
  .a3-add-orbit__center{left:50%; top:12px; transform:translateX(-50%); width:82px; height:82px;}
  .a3-add-orbit__ad{left:50%; top:0; transform:translateX(-50%) translateY(108px);}
  .a3-add-orbit__site{left:calc(50% - 110px); top:108px;}
  .a3-add-orbit__store{left:calc(50% + 24px); top:108px;}
}
@media (max-width: 520px){
  .a3-add-orbit{min-height:190px;}
  .a3-add-orbit__btn{min-width:74px; padding:9px 13px; font-size:13px;}
  .a3-add-orbit__ad{top:100px; transform:translateX(-50%);}
  .a3-add-orbit__site{left:calc(50% - 86px); top:148px;}
  .a3-add-orbit__store{left:calc(50% + 12px); top:148px;}
}
