/* Hero Builder Theme – component + plugin styling */
:root{
  --hb-glow-blue: rgba(108,166,206,0.35);
  --hb-glow-red: rgba(228,38,2,0.28);
  --hb-glow-gold: rgba(248,176,34,0.22);
  --hb-border: rgba(255,255,255,0.10);
  --hb-glass: rgba(255,255,255,0.06);
  --hb-shadow: 0 18px 40px rgba(0,0,0,0.45);
}

body{
  background:
    radial-gradient(900px 450px at 20% 10%, rgba(16,79,156,0.35), transparent 60%),
    radial-gradient(900px 450px at 85% 35%, rgba(228,38,2,0.18), transparent 62%),
    radial-gradient(700px 450px at 65% 85%, rgba(248,176,34,0.12), transparent 60%),
    #0b1224;
}

.wp-site-blocks{min-height:100vh;}
.wp-block-group.has-glass-background-color{
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--hb-shadow);
}

/* Thin submenu bar (editable) */
.hb-subnav-bar{
  width:100%;
}
.hb-subnav{
  gap:8px;
}
.hb-subnav .wp-block-navigation__container{
  gap:8px;
}
.hb-subnav .wp-block-navigation-item__content{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid transparent;
  background: rgba(0,0,0,0.12);
  font-weight:800;
  letter-spacing:0.01em;
}
.hb-subnav .wp-block-navigation-item__content:hover{
  border-color: var(--hb-border);
  background: rgba(0,0,0,0.22);
  box-shadow: 0 0 18px var(--hb-glow-blue);
}
.hb-subnav-meta{
  margin:0;
  opacity:0.75;
  white-space:nowrap;
}

/* Chips */
.hb-chip{
  margin:0;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--hb-border);
  background: rgba(0,0,0,0.22);
  font-weight:700;
  font-size:0.95rem;
  line-height:1;
}
.hb-chip-blue{ box-shadow: 0 0 0 1px rgba(16,79,156,0.18), 0 0 18px var(--hb-glow-blue); }
.hb-chip-red{ box-shadow: 0 0 0 1px rgba(228,38,2,0.16), 0 0 18px var(--hb-glow-red); }
.hb-chip-gold{ box-shadow: 0 0 0 1px rgba(248,176,34,0.14), 0 0 18px var(--hb-glow-gold); }

/* Cards */
.hb-card{
  border:1px solid var(--hb-border);
  border-radius:20px;
  padding:18px;
  background: rgba(0,0,0,0.20);
  box-shadow: var(--hb-shadow);
}
.hb-card-blue{ box-shadow: var(--hb-shadow), 0 0 0 1px rgba(16,79,156,0.18), 0 0 22px var(--hb-glow-blue); }
.hb-card-red{ box-shadow: var(--hb-shadow), 0 0 0 1px rgba(228,38,2,0.14), 0 0 22px var(--hb-glow-red); }
.hb-card-gold{ box-shadow: var(--hb-shadow), 0 0 0 1px rgba(248,176,34,0.14), 0 0 22px var(--hb-glow-gold); }

.hb-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(108,166,206,0.35);
  background: rgba(16,79,156,0.14);
  font-weight:800;
  letter-spacing:0.12em;
  text-transform:uppercase;
  font-size:0.72rem;
  margin:0 0 10px 0;
}
.hb-badge-red{ border-color: rgba(228,38,2,0.32); background: rgba(228,38,2,0.10);}
.hb-badge-gold{ border-color: rgba(248,176,34,0.34); background: rgba(248,176,34,0.10);}

.hb-micro-price{margin:10px 0 0 0;}

.hb-hero-art img{border-radius:16px; border:1px solid rgba(255,255,255,0.08);}

/* Buttons + focus */
.hb-btn-ghost .wp-block-button__link{ box-shadow: 0 10px 26px rgba(0,0,0,0.35); }
.wp-block-button__link:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 2px solid #f8b022;
  outline-offset: 2px;
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select{
  background: rgba(0,0,0,0.28);
  color: #e2eae3;
  border:1px solid rgba(255,255,255,0.14);
  border-radius:14px;
  padding:12px 14px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus{
  border-color: rgba(248,176,34,0.55);
  box-shadow: 0 0 0 4px rgba(248,176,34,0.15);
}

/* WooCommerce */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  background: rgba(0,0,0,0.20);
  border: 1px solid var(--hb-border);
  border-radius: 20px;
  padding: 16px;
  box-shadow: var(--hb-shadow);
}
.woocommerce div.product .product_title{font-weight:900;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  border-radius: 999px;
  font-weight: 800;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error{
  background: rgba(0,0,0,0.22);
  border: 1px solid var(--hb-border);
  border-radius: 18px;
  box-shadow: var(--hb-shadow);
}
.woocommerce-checkout #payment{background: rgba(0,0,0,0.18); border: 1px solid var(--hb-border); border-radius:18px;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
  background: rgba(0,0,0,0.20);
  border: 1px solid var(--hb-border);
  border-radius: 20px;
  padding: 18px;
}

/* MemberPress */
.mepr-form, .mepr-payment-methods, .mepr-account-form{
  background: rgba(0,0,0,0.20);
  border: 1px solid var(--hb-border);
  border-radius: 20px;
  padding: 18px;
  box-shadow: var(--hb-shadow);
}
.mepr-price-box, .mepr-membership, .mepr-membership-table{
  background: rgba(0,0,0,0.20) !important;
  border: 1px solid var(--hb-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--hb-shadow) !important;
}

/* MailPoet */
.mailpoet_form{background: rgba(0,0,0,0.18); border:1px solid var(--hb-border); border-radius:18px; padding:14px;}
.mailpoet_submit{border-radius:999px; font-weight:800;}

/* CookieAdmin */
.cookieadmin, .cookieadmin-banner, .cookieadmin-modal{
  background: rgba(0,0,0,0.78) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 18px !important;
  color: #e2eae3 !important;
}

/* SiteOrigin + frontend tooling */
.so-widget-sow-button a, .wpuf-submit-button, .wpfadmin button, .wpfadmin .button{
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Companion plugin front-end */
.hb-dashboard{display:grid; gap:16px;}
.hb-dashboard .hb-row{display:grid; gap:16px;}
@media (min-width: 920px){.hb-dashboard .hb-row{grid-template-columns: 1fr 1fr;}}
.hb-kpi{
  background: rgba(0,0,0,0.20);
  border:1px solid var(--hb-border);
  border-radius:18px;
  padding:16px;
  box-shadow: var(--hb-shadow);
}
.hb-service-card{
  background: rgba(0,0,0,0.20);
  border:1px solid var(--hb-border);
  border-radius:20px;
  padding:16px;
  box-shadow: var(--hb-shadow);
  display:grid;
  gap:10px;
}
.hb-status{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  font-weight:800;
  font-size:0.8rem;
}
.hb-status--new{border-color:rgba(108,166,206,0.35); box-shadow: 0 0 18px var(--hb-glow-blue);}
.hb-status--in_progress{border-color:rgba(248,176,34,0.35); box-shadow: 0 0 18px var(--hb-glow-gold);}
.hb-status--waiting{border-color:rgba(148,163,184,0.35);}
.hb-status--complete{border-color:rgba(73,198,129,0.35);}

/* Profile form */
.hb-profile{
  display:grid;
  gap:16px;
}
@media (min-width: 920px){
  .hb-profile{grid-template-columns: 280px 1fr;}
}
.hb-profile .hb-avatar{
  background: rgba(0,0,0,0.20);
  border:1px solid var(--hb-border);
  border-radius:20px;
  padding:16px;
  box-shadow: var(--hb-shadow);
}
.hb-profile .hb-profile-form{
  background: rgba(0,0,0,0.20);
  border:1px solid var(--hb-border);
  border-radius:20px;
  padding:16px;
  box-shadow: var(--hb-shadow);
}

/* Site Type Chooser */
.hb-chooser{display:grid;gap:14px;}
.hb-chooser__tabs{display:flex;flex-wrap:wrap;gap:10px;}
.hb-chooser__tab{
  appearance:none;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.22);
  color:#e2eae3;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
.hb-chooser__tab[aria-selected="true"]{
  border-color: rgba(248,176,34,0.55);
  box-shadow: 0 0 0 4px rgba(248,176,34,0.12), 0 0 18px var(--hb-glow-gold);
}
.hb-chooser__panel{display:none;}
.hb-chooser__panel.is-active{display:block;}
.hb-mini-grid{display:grid;gap:12px;}
@media (min-width: 920px){.hb-mini-grid{grid-template-columns:repeat(3,1fr);}}
.hb-mini-card{border:1px solid var(--hb-border);border-radius:18px;padding:14px;background:rgba(0,0,0,0.20);box-shadow:var(--hb-shadow);}
.hb-mini-card h4{margin:0 0 6px 0;font-weight:900;}
.hb-mini-card p{margin:0;opacity:.85;}

/* Insights */
.hb-table{width:100%;border-collapse:separate;border-spacing:0 10px;}
.hb-table th{opacity:.7;text-align:left;font-size:.85rem;}
.hb-table td{background:rgba(0,0,0,0.20);border:1px solid var(--hb-border);padding:12px 14px;}
.hb-table td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px;}
.hb-table td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px;}
.hb-muted{opacity:.75;}
.hb-updates-list{display:grid;gap:12px;margin-top:10px;}
.hb-update-item{border:1px solid var(--hb-border);border-radius:18px;padding:14px;background:rgba(0,0,0,0.20);box-shadow:var(--hb-shadow);}
.hb-update-item a{font-weight:900;}

/* Chatbot (best-effort generic hooks) */
[id*="zoltiq"], [class*="zoltiq"], [id*="Zoltiq"], [class*="Zoltiq"]{
  font-family: inherit;
}