/* ============================================================
   BIZCA — BeBuddy-style layout (replica of bebuddy.thunder-team.com
   community homepage) in BIZCA Navy+Gold brand.
   Loaded site-wide; homepage sections + light nav.
   ============================================================ */
:root{
  --bb-navy:#173F35; --bb-navy-2:#245A4C; --bb-navy-dark:#0F2B24;
  --bb-gold:#00BF6F; --bb-gold-d:#017A49; --bb-gold-l:#3FD08E;
  --bb-ink:#10203a; --bb-muted:#64748b; --bb-line:#e8edf3; --bb-soft:#f6f8fb;
}

/* ---------- Light BeBuddy-style top nav (override dark .navbar) ---------- */
.bizca-navbar.navbar{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--bb-line);
}
.bizca-navbar .navbar-inner{max-width:1300px;padding:14px 28px;gap:20px;}
.bizca-navbar .navbar-brand{color:var(--bb-navy);}
.bizca-navbar .navbar-brand .logo-mark{background:linear-gradient(135deg,var(--bb-gold),var(--bb-gold-d));color:var(--bb-navy);border-radius:12px;}
.bizca-navbar .navbar-brand .tagline{color:#94a3b8;}
.bizca-navbar .navbar-menu a{color:#1f2c44;font-weight:600;font-size:15px;}
.bizca-navbar .navbar-menu a:hover,.bizca-navbar .navbar-menu a.active{color:var(--bb-gold-d);}
.bizca-navbar .navbar-menu a.active::after{background:var(--bb-gold);}
.bizca-navbar .bb-search{display:flex;align-items:center;gap:8px;background:var(--bb-soft);border:1px solid var(--bb-line);border-radius:40px;padding:9px 16px;color:#94a3b8;font-size:14px;min-width:190px;}
.bizca-navbar .bb-search input{border:0;background:transparent;outline:none;font-family:inherit;font-size:14px;width:100%;color:var(--bb-ink);}
.bizca-navbar .btn-ghost{color:var(--bb-navy)!important;border:1px solid var(--bb-line);border-radius:40px;}
.bizca-navbar .btn-ghost:hover{background:var(--bb-soft);}
.bizca-navbar .btn-gold{border-radius:40px;}
.bizca-navbar .navbar-toggle{color:var(--bb-navy);}
@media(max-width:992px){
  .bizca-navbar .bb-search{display:none;}
  .bizca-navbar .navbar-menu.mobile-open,.bizca-navbar .navbar-cta.mobile-open{background:#fff;border-top:1px solid var(--bb-line);}
  .bizca-navbar .navbar-menu.mobile-open a{color:#1f2c44;}
}

/* ---------- Generic BeBuddy section ---------- */
.bb-wrap{max-width:1240px;margin:0 auto;padding:0 28px;}
.bb-sec{padding:84px 0;}
.bb-eyebrow{display:inline-block;background:rgba(0,191,111,.14);color:var(--bb-gold-d);font-weight:700;font-size:13px;letter-spacing:.5px;padding:7px 16px;border-radius:40px;margin-bottom:14px;}
.bb-h2{font-size:42px;font-weight:800;color:var(--bb-navy);letter-spacing:-.5px;margin:0 0 10px;text-align:center;}
.bb-squig{display:block;width:120px;height:14px;margin:6px auto 14px;}
.bb-lead{text-align:center;color:var(--bb-muted);font-size:17px;max-width:680px;margin:0 auto 52px;}

/* ---------- HERO (split) ---------- */
.bb-hero{position:relative;overflow:hidden;background:
   radial-gradient(900px 500px at 88% 12%,rgba(0,191,111,.16),transparent 60%),
   radial-gradient(700px 600px at 6% 90%,rgba(23,63,53,.06),transparent 60%),#fff;}
.bb-hero .bb-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding-top:70px;padding-bottom:80px;}
.bb-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--bb-line);box-shadow:0 6px 18px rgba(23,63,53,.06);color:var(--bb-gold-d);font-weight:700;font-size:13px;padding:8px 16px;border-radius:40px;margin-bottom:22px;}
.bb-hero h1{font-size:64px;line-height:1.04;font-weight:800;color:var(--bb-navy);letter-spacing:-1.5px;margin:0 0 18px;}
.bb-hero h1 .g{color:var(--bb-gold);}
.bb-hero p.sub{font-size:18px;color:var(--bb-muted);line-height:1.6;max-width:520px;margin:0 0 30px;}
.bb-hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.bb-pill{display:inline-flex;align-items:center;gap:10px;background:var(--bb-gold);color:var(--bb-navy);font-weight:800;font-size:16px;padding:15px 30px;border-radius:40px;border:none;cursor:pointer;transition:.2s;text-decoration:none;}
.bb-pill:hover{background:var(--bb-gold-d);color:var(--bb-navy);transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,191,111,.35);}
.bb-pill.navy{background:var(--bb-navy);color:#fff;}
.bb-pill.navy:hover{background:var(--bb-navy-2);color:#fff;box-shadow:0 12px 26px rgba(23,63,53,.25);}
.bb-pill.ghost{background:#fff;color:var(--bb-navy);border:1.5px solid var(--bb-line);}
.bb-users{display:flex;align-items:center;gap:12px;}
.bb-ava{display:flex;}
.bb-ava span{width:42px;height:42px;border-radius:50%;border:3px solid #fff;margin-left:-12px;background:linear-gradient(135deg,var(--bb-navy),var(--bb-navy-2));display:flex;align-items:center;justify-content:center;color:var(--bb-gold);font-weight:700;font-size:14px;box-shadow:0 4px 10px rgba(23,63,53,.15);}
.bb-ava span:first-child{margin-left:0;}
.bb-users b{color:var(--bb-navy);font-size:18px;display:block;line-height:1.1;}
.bb-users small{color:var(--bb-muted);font-size:13px;}
/* hero visual */
.bb-hero-visual{position:relative;}
.bb-hero-img{border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(23,63,53,.25);aspect-ratio:4/3.4;background:
  linear-gradient(135deg,var(--bb-navy) 0%,var(--bb-navy-2) 55%,#1F7A55 100%);position:relative;}
.bb-hero-img::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,191,111,.18) 1px,transparent 0);background-size:26px 26px;}
.bb-hero-img .bb-logo-xl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:120px;color:rgba(0,191,111,.9);}
.bb-react{position:absolute;right:-18px;top:40px;background:#fff;border-radius:40px;padding:12px 10px;box-shadow:0 14px 34px rgba(23,63,53,.18);display:flex;flex-direction:column;gap:12px;font-size:22px;}
.bb-story{position:absolute;left:-22px;bottom:30px;background:#fff;border-radius:18px;padding:12px 16px 12px 12px;box-shadow:0 16px 40px rgba(23,63,53,.18);display:flex;align-items:center;gap:10px;}
.bb-story .dot{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--bb-gold),var(--bb-gold-d));display:flex;align-items:center;justify-content:center;color:var(--bb-navy);font-size:22px;}
.bb-story b{color:var(--bb-navy);font-size:14px;display:block;}
.bb-story small{color:var(--bb-muted);font-size:12px;}
@media(max-width:992px){
  .bb-hero .bb-wrap{grid-template-columns:1fr;gap:40px;}
  .bb-hero h1{font-size:42px;}
  .bb-h2{font-size:30px;}
}

/* ---------- FEATURE GRID ---------- */
.bb-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.bb-feat{background:#fff;border:1px solid var(--bb-line);border-radius:20px;padding:28px 24px;transition:.25s;}
.bb-feat:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(23,63,53,.10);border-color:var(--bb-gold);}
.bb-feat .ic{width:56px;height:56px;border-radius:16px;background:rgba(0,191,111,.14);color:var(--bb-gold-d);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;}
.bb-feat h3{font-size:19px;color:var(--bb-navy);margin:0 0 8px;}
.bb-feat p{color:var(--bb-muted);font-size:14px;margin:0;line-height:1.6;}
@media(max-width:992px){.bb-feats{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.bb-feats{grid-template-columns:1fr;}}

/* ---------- STATS BAR (gradient pill) ---------- */
.bb-stats{background:linear-gradient(110deg,var(--bb-navy) 0%,var(--bb-navy-2) 45%,var(--bb-gold-d) 130%);border-radius:30px;padding:38px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;box-shadow:0 24px 50px rgba(23,63,53,.20);}
.bb-stat{display:flex;align-items:center;gap:16px;color:#fff;justify-content:center;}
.bb-stat .ic{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--bb-gold-l);}
.bb-stat b{font-size:30px;font-weight:800;line-height:1;display:block;}
.bb-stat small{font-size:13px;color:rgba(255,255,255,.75);}
@media(max-width:768px){.bb-stats{grid-template-columns:1fr 1fr;gap:26px;}}

/* ---------- MEMBER REWARDS ---------- */
.bb-rewards{position:relative;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,var(--bb-navy-dark),#0a1830);padding:72px 40px;}
.bb-rewards::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,191,111,.10) 1px,transparent 0);background-size:30px 30px;opacity:.6;}
.bb-rewards .bb-h2,.bb-rewards .bb-lead{color:#fff;position:relative;}
.bb-rewards .bb-lead{color:rgba(255,255,255,.7);}
.bb-bars{position:relative;display:flex;flex-direction:column;gap:18px;max-width:880px;margin:0 auto;}
.bb-bar{display:flex;align-items:center;gap:20px;border-radius:40px;padding:20px 26px;color:#fff;}
.bb-bar .ic{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.bb-bar h4{margin:0 0 2px;font-size:18px;color:#fff;}
.bb-bar p{margin:0;font-size:13.5px;color:rgba(255,255,255,.85);}
.bb-bar .more{margin-left:auto;background:rgba(255,255,255,.18);color:#fff;border-radius:40px;padding:9px 20px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;}
.bb-bar .more:hover{background:rgba(255,255,255,.3);}
.bb-bar.b1{background:linear-gradient(100deg,#017A49,#3FD08E);}
.bb-bar.b2{background:linear-gradient(100deg,#173F35,#1F7A55);}
.bb-bar.b3{background:linear-gradient(100deg,#0e7490,#10b981);}

/* ---------- PRICING ---------- */
.bb-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1080px;margin:0 auto;}
.bb-price{background:#fff;border:1px solid var(--bb-line);border-radius:24px;padding:38px 30px;text-align:center;transition:.25s;}
.bb-price:hover{box-shadow:0 22px 50px rgba(23,63,53,.12);}
.bb-price.feat{border:2px solid var(--bb-gold);box-shadow:0 22px 50px rgba(0,191,111,.18);position:relative;}
.bb-price.feat::before{content:"Phổ biến";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--bb-gold);color:var(--bb-navy);font-weight:800;font-size:12px;padding:6px 18px;border-radius:40px;}
.bb-price .nm{color:var(--bb-gold-d);font-weight:700;font-size:15px;letter-spacing:.5px;}
.bb-price .amt{font-size:46px;font-weight:800;color:var(--bb-navy);line-height:1;margin:10px 0 2px;}
.bb-price .amt small{font-size:15px;color:var(--bb-muted);font-weight:500;}
.bb-price .vd{color:var(--bb-muted);font-size:13px;}
.bb-price .bb-pill{width:100%;justify-content:center;margin:22px 0;}
.bb-price ul{list-style:none;padding:0;margin:0;text-align:left;}
.bb-price li{padding:10px 0;border-top:1px solid var(--bb-line);font-size:14.5px;color:#334155;display:flex;gap:10px;}
.bb-price li::before{content:"✓";color:var(--bb-gold-d);font-weight:800;}
@media(max-width:900px){.bb-prices{grid-template-columns:1fr;}}

/* ---------- BLOG ROW ---------- */
.bb-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.bb-post{background:#fff;border:1px solid var(--bb-line);border-radius:20px;overflow:hidden;transition:.25s;}
.bb-post:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(23,63,53,.10);}
.bb-post .ph{height:160px;background:linear-gradient(135deg,var(--bb-navy),var(--bb-navy-2));position:relative;}
.bb-post .ph i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(0,191,111,.85);font-size:42px;}
.bb-post .bd{padding:22px;}
.bb-post .cat{color:var(--bb-gold-d);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;}
.bb-post h4{margin:8px 0;color:var(--bb-navy);font-size:17px;line-height:1.35;}
.bb-post small{color:var(--bb-muted);font-size:13px;}
@media(max-width:900px){.bb-posts{grid-template-columns:1fr;}}

/* ---------- CTA strip ---------- */
.bb-ctas{background:linear-gradient(120deg,var(--bb-navy),var(--bb-navy-2));border-radius:30px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;}
.bb-ctas::before{content:"";position:absolute;top:-40%;right:-5%;width:50%;height:180%;background:radial-gradient(circle,rgba(0,191,111,.18),transparent 60%);}
.bb-ctas h2{color:#fff;font-size:36px;margin:0 0 12px;position:relative;}
.bb-ctas p{color:rgba(255,255,255,.8);font-size:17px;max-width:600px;margin:0 auto 26px;position:relative;}
.bb-ctas .bb-pill{position:relative;}

/* ---------- Nav dropdowns (BeBuddy style) ---------- */
.bizca-navbar .navbar-menu .has-dd{position:relative;}
.bizca-navbar .navbar-menu .has-dd > a{display:inline-flex;align-items:center;gap:5px;}
.bizca-navbar .navbar-menu .has-dd > a i{font-size:11px;transition:.2s;}
.bizca-navbar .navbar-menu .has-dd:hover > a i{transform:rotate(180deg);}
.bizca-navbar .navbar-menu .dd{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);
  background:#fff;border:1px solid var(--bb-line);border-radius:16px;box-shadow:0 18px 44px rgba(23,63,53,.14);
  padding:10px;min-width:210px;list-style:none;margin:0;opacity:0;visibility:hidden;transition:.2s;z-index:1200;
}
.bizca-navbar .navbar-menu .has-dd:hover .dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.bizca-navbar .navbar-menu .dd::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;}
.bizca-navbar .navbar-menu .dd li{display:block;width:100%;}
.bizca-navbar .navbar-menu .dd a{display:block;padding:10px 14px;border-radius:10px;color:#1f2c44;font-weight:600;font-size:14px;}
.bizca-navbar .navbar-menu .dd a:hover{background:var(--bb-soft);color:var(--bb-gold-d);}
.bizca-navbar .navbar-menu .dd a::after{display:none;}
@media(max-width:992px){
  .bizca-navbar .navbar-menu .dd{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:4px 0 4px 14px;min-width:auto;background:transparent;}
  .bizca-navbar .navbar-menu .dd a{color:#475569;}
}

/* ===== Contrast fixes after purple recolor (white text on purple, green ticks) ===== */
:root{ --bb-green:#5cb82e; --bb-green-l:#87E64B; }
.btn-gold,.bb-pill{color:#fff !important;}
.bb-pill.ghost{color:var(--bb-navy) !important;}
.btn-gold:hover,.bb-pill:hover{color:#fff !important;}
.pricing-card.featured::before,.bb-price.feat::before{color:#fff !important;}
.card-icon,.float-chat-btn,.testimonial-avatar{color:#fff !important;}
.bizca-navbar .navbar-brand .logo-mark{color:#fff !important;}
.bizca-navbar .navbar-brand{color:var(--bb-gold) !important;} /* purple logo text */
.bb-ava span{color:#fff !important;}
.stats-banner .stat-value,.bb-stat b{color:#fff !important;}
.bb-stat .ic{color:var(--bb-green-l) !important;}
#buddypress a.button,#buddypress button,#buddypress input[type=submit],#buddypress input[type=button],.wp-block-button__link,.button,input[type=submit],.bp-button{color:#fff !important;}
#buddypress div.item-list-tabs ul li.selected a,.bp-navs ul li.selected a,.bp-navs ul li.current a{color:#fff !important;}
.bp-navs li.selected a span,#buddypress div.item-list-tabs ul li a span{color:#fff !important;}
/* green ticks / success accents */
.hub-card .hub-list li::before,.bb-price li::before,.pricing-features li::before{color:var(--bb-green) !important;}
.badge-success{background:#e3f7d6 !important;color:#3d7a1a !important;}
/* avatar ring green tint */
#buddypress img.avatar,.buddypress-wrap img.avatar{box-shadow:0 0 0 3px rgba(135,230,75,.35) !important;}

/* ===== UX audit fixes: contrast on dark, mobile hero ===== */
.bb-rewards .bb-eyebrow{color:#A6F06F !important;background:rgba(135,230,75,.16) !important;}
.bb-ctas .bb-eyebrow{color:#A6F06F !important;background:rgba(135,230,75,.16) !important;}
/* eyebrow on dark hero (ported pages) */
.hero .section-eyebrow,.section-dark .section-eyebrow{color:#A6F06F !important;background:rgba(135,230,75,.16) !important;}
@media(max-width:768px){
  .bb-hero-visual{margin-top:8px;}
  .bb-react{right:0;top:8px;flex-direction:row;padding:8px 12px;font-size:18px;}
  .bb-story{left:0;bottom:-10px;}
  .bb-hero h1{font-size:34px;}
  .bb-hero-cta{gap:12px;}
  .bb-hero-cta .bb-pill{width:100%;justify-content:center;}
  /* ported-page hero floating cards stack */
  .hero-visual{height:auto !important;}
  .hero-card{position:relative !important;inset:auto !important;width:100% !important;margin-bottom:14px;}
}
/* sticky mobile CTA */
@media(max-width:768px){
  .bizca-mcta{position:fixed;left:0;right:0;bottom:0;z-index:1500;display:flex;gap:8px;padding:10px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid #e3ece7;}
  .bizca-mcta a{flex:1;text-align:center;border-radius:30px;padding:12px;font-weight:700;font-size:14px;text-decoration:none;}
  .bizca-mcta .p{background:#00BF6F;color:#fff;}
  .bizca-mcta .s{background:#fff;color:#173F35;border:1.5px solid #e3ece7;}
  body{padding-bottom:64px;}
}
@media(min-width:769px){ .bizca-mcta{display:none;} }