/* Generated by tools/build.py from rb-base.css. Do not edit. */
/*
 * ResellBox 2026, base layer.
 * Shared by the WordPress theme and the WHMCS client area. Everything here is
 * scoped to .rb-* classes so it cannot disturb Bootstrap/WHMCS pages.
 * The look of each product family is set by one class on <body>:
 *   theme-vps (navy control room), theme-shared (bright and rounded),
 *   theme-servers (graphite, square corners), theme-brand (home, company, WHMCS).
 */
:root{
  --font-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --font-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --navy:#141A3C; --amber:#FFC233; --leaf:#8DB36B;
}
.rb-chrome{
  --bg:#F2F6FF; --surface:#FFFFFF; --surface2:#E6EDFB; --line:#D3DCF2;
  --fg:#141A3C; --muted:#4F5883; --accent:#FFC233; --accent-ink:#141A3C;
  --link:#1F4FD8; --green:#2E9E5B; --ok:#1E7A4C; --term:#141A3C; --grid:rgba(20,26,60,.05);
  --hdr-bg:#FFFFFF; --hdr-fg:#141A3C;
  --ftr-bg:#141A3C; --ftr-fg:#F2F6FF; --ftr-muted:#AEB6DA; --ftr-line:#2B3470;
  --r:22px; --rb:99px;
  font-family:var(--font-body); line-height:1.5; color:var(--fg);
}
.rb-wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.rb-hdr *,.rb-ftr *,.rb-float *,.rb-promo *{box-sizing:border-box}
.rb-skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:10px 16px;z-index:200;border-radius:0 0 8px 8px;font-weight:600}
.rb-skip:focus{left:16px}
.rb-hdr a:focus-visible,.rb-hdr button:focus-visible,.rb-ftr a:focus-visible,.rb-float a:focus-visible,.rb-float button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

/* buttons */
.rb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--rb);font:600 1rem var(--font-body);text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1}
.rb-btn--primary{background:var(--accent);color:var(--accent-ink)}
.rb-btn--primary:hover{filter:brightness(1.06)}
.rb-btn--ghost{border-color:var(--line);color:var(--fg);background:transparent}
.rb-btn--ghost:hover{background:var(--surface2)}
.rb-btn--sm{min-height:42px;padding:0 16px;font-size:.92rem}

/* promo bar */
.rb-promo{background:var(--accent);color:var(--accent-ink);font:500 .9rem var(--font-body)}
.rb-promo .rb-wrap{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-block:8px;flex-wrap:wrap}
.rb-promo a{color:var(--accent-ink);font-weight:700}

/* header + mega menu */
.rb-hdr{position:sticky;top:0;z-index:100;background:var(--hdr-bg);color:var(--hdr-fg);border-bottom:1px solid var(--line);font-family:var(--font-body);line-height:1.4}
.rb-hdr__in{display:flex;align-items:center;gap:16px;min-height:70px}
.rb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hdr-fg);font:800 1.25rem var(--font-display);letter-spacing:-.02em;line-height:1;flex:none}
.rb-brand b{color:var(--accent);font-weight:800}
.rb-brand small{display:block;font:600 .58rem var(--font-body);letter-spacing:.05em;color:var(--muted);margin-top:3px}
.rb-brand img{max-height:44px;width:auto}
.rb-chrome .rb-brand b{color:#C98F00}
.rb-nav{display:flex;gap:2px;margin:0 0 0 auto;padding:0;list-style:none}
.rb-nav>li{list-style:none;margin:0}
.rb-nav__top{display:flex;align-items:center;gap:6px;padding:10px 12px;border:0;background:transparent;color:var(--hdr-fg);font:500 .95rem var(--font-body);border-radius:8px;cursor:pointer;text-decoration:none;min-height:44px}
.rb-nav__top:hover,.rb-nav>li.is-open>.rb-nav__top,.rb-nav>li.is-current>.rb-nav__top{background:var(--surface2)}
.rb-nav__top svg{width:10px;height:10px;transition:transform .15s}
.rb-nav>li.is-open>.rb-nav__top svg{transform:rotate(180deg)}
.rb-mega{display:none;position:absolute;left:0;right:0;top:100%;background:var(--hdr-bg);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -24px rgba(0,0,0,.45)}
.rb-nav>li.is-open>.rb-mega{display:block}
.rb-ic{width:22px;height:22px;flex:none;display:block}
.rb-ic--sm{width:16px;height:16px;display:inline-block;vertical-align:-3px}
.rb-mega__in{display:grid;grid-template-columns:264px minmax(0,1fr) 288px;gap:28px;padding-block:24px 30px;align-items:start}
.rb-mega__tabs{display:grid;gap:4px;align-content:start;padding-right:20px;border-right:1px solid var(--line)}
.rb-mega__tab{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--hdr-fg);cursor:pointer;font:inherit}
.rb-mega__tab strong{display:block;font:600 .98rem var(--font-body)}
.rb-mega__tab small{display:block;font-size:.8rem;color:var(--muted);margin-top:2px;line-height:1.3}
.rb-mega__tab:hover,.rb-mega__tab:focus-visible{background:var(--surface2)}
.rb-mega__tab.is-active{background:var(--surface2);border-color:var(--line)}
.rb-mega__tic,.rb-mega__ic{width:40px;height:40px;border-radius:calc(var(--rb,12px));background:var(--surface2);color:var(--link);display:grid;place-items:center;flex:none}
.rb-mega__tab.is-active .rb-mega__tic{background:var(--accent);color:var(--accent-ink)}
.rb-mega__ic--lg{width:48px;height:48px}
.rb-mega__panes{min-width:0}
.rb-mega__pane{display:none}
.rb-mega__pane.is-active{display:block}
.rb-mega h3{font:700 .8rem var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;display:none}
.rb-mega ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
.rb-mega a.rb-mega__item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:var(--r);text-decoration:none;color:var(--hdr-fg)}
.rb-mega a.rb-mega__item:hover,.rb-mega a.rb-mega__item:focus-visible{background:var(--surface2)}
.rb-mega a.rb-mega__item:hover .rb-mega__ic{background:var(--accent);color:var(--accent-ink)}
.rb-mega__item strong{display:block;font:600 .98rem var(--font-body)}
.rb-mega__item em{display:block;font-style:normal;font-size:.84rem;color:var(--muted);margin-top:2px;line-height:1.35}
.rb-mega__aside{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:10px;align-content:start}
.rb-mega__aside p{margin:0;font-size:.9rem;color:var(--muted)}
.rb-mega__aside strong{font:700 1.1rem var(--font-display)}
.rb-mega__aside .rb-mega__ic{background:var(--accent);color:var(--accent-ink)}
.rb-hdr__actions{display:flex;gap:8px;align-items:center;margin-left:8px}
.rb-menu-btn{display:none;width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line);background:transparent;color:var(--hdr-fg);cursor:pointer;align-items:center;justify-content:center;font-size:1.2rem}
@media (min-width:1001px) and (hover:hover){
  .rb-nav>li:hover>.rb-mega{display:block}
}
@media (max-width:1000px){
  .rb-menu-btn{display:inline-flex;margin-left:auto}
  .rb-hdr__actions{display:none}
  .rb-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;margin:0;background:var(--hdr-bg);border-bottom:1px solid var(--line);max-height:calc(100vh - 80px);overflow-y:auto;padding:8px max(16px,env(safe-area-inset-left,0px)) 20px}
  .rb-nav.is-open{display:flex}
  .rb-nav__top{width:100%;justify-content:space-between;padding:14px 8px;font-size:1.02rem}
  .rb-mega{position:static;box-shadow:none;border:0}
  .rb-mega__in{display:block;padding:4px 0 12px}
  .rb-mega__tabs{display:none}
  .rb-mega__pane{display:block;margin-bottom:12px}
  .rb-mega h3{display:block}
  .rb-mega ul{grid-template-columns:minmax(0,1fr)}
  .rb-mega__aside{margin-top:4px}
  .rb-nav .rb-nav__mobile-actions{display:grid;gap:10px;margin-top:12px}
}
@media (min-width:1001px){.rb-nav__mobile-actions{display:none}}

/* footer */
.rb-ftr{background:var(--ftr-bg);color:var(--ftr-fg);font-family:var(--font-body);line-height:1.55;font-size:.95rem}
.rb-ftr a{color:var(--ftr-muted);text-decoration:none}
.rb-ftr a:hover{color:var(--ftr-fg);text-decoration:underline}
.rb-ftr a.rb-btn{text-decoration:none}
.rb-ftr a.rb-btn--primary,.rb-ftr a.rb-btn--primary:hover{color:var(--accent-ink)}
.rb-ftr a.rb-btn--ghost,.rb-ftr a.rb-btn--ghost:hover{color:var(--ftr-fg)}
.rb-ftr__cta{border-bottom:1px solid var(--ftr-line)}
.rb-ftr__cta .rb-wrap{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-block:36px}
.rb-ftr__cta h2{font:800 clamp(1.4rem,3vw,2rem) var(--font-display);letter-spacing:-.02em;margin:0;color:var(--ftr-fg)}
.rb-ftr__cta p{margin:6px 0 0;color:var(--ftr-muted)}
.rb-ftr__cta .rb-btn--ghost{color:var(--ftr-fg);border-color:var(--ftr-line)}
.rb-ftr__cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;padding-block:44px 28px}
.rb-ftr h3{font:700 .8rem var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--ftr-fg);margin:0 0 14px;opacity:.9}
.rb-ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.rb-ftr__popular{border-top:1px solid var(--ftr-line);padding-block:24px}
.rb-ftr__popular h3{margin-bottom:12px}
.rb-ftr__tags{display:flex;flex-wrap:wrap;gap:8px}
.rb-ftr__tags a{border:1px solid var(--ftr-line);border-radius:99px;padding:6px 14px;font-size:.86rem}
.rb-ftr__tags a:hover{border-color:var(--accent);text-decoration:none}
.rb-ftr__contact{border-top:1px solid var(--ftr-line);padding-block:28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:24px}
.rb-ftr__contact p{margin:0 0 4px;color:var(--ftr-muted)}
.rb-ftr__contact strong{color:var(--ftr-fg)}
.rb-ftr__pay{display:flex;gap:8px;flex-wrap:wrap}
.rb-paybadge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:5px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font:600 .85rem var(--font-body);line-height:1}
.rb-paybadge .rb-ic{width:18px;height:18px;color:var(--link)}
.rb-paybadge.has-logo{background:#fff;padding:5px 12px}
.rb-paybadge img{display:block;height:20px;width:auto;max-width:96px}
.rb-ftr__pay .rb-paybadge{background:transparent;border-color:var(--ftr-line);color:var(--ftr-fg)}
.rb-ftr__pay .rb-paybadge .rb-ic{color:var(--accent)}
.rb-ftr__pay .rb-paybadge.has-logo{background:#fff}
.rb-ftr__legal{border-top:1px solid var(--ftr-line);padding-block:20px 120px;display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between;color:var(--ftr-muted);font-size:.85rem}
.rb-ftr__legal ul{display:flex;gap:16px;flex-wrap:wrap}
@media (max-width:1100px){.rb-ftr__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.rb-ftr__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-ftr__contact{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.rb-ftr__cols{grid-template-columns:minmax(0,1fr)}}

/* floating contact buttons */
.rb-float{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;z-index:120}
.rb-fab{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);text-decoration:none}
.rb-fab svg{width:28px;height:28px}
.rb-fab--wa{background:#25D366;color:#073B1B}
.rb-fab--chat{background:var(--accent);color:var(--accent-ink)}
@media (prefers-reduced-motion:reduce){.rb-nav__top svg{transition:none}}

/* WHMCS pages: keep the injected header/footer in normal flow and above Bootstrap */
#rb-site-header{display:contents}
#rb-site-footer{clear:both}
.rb-chrome h1,.rb-chrome h2,.rb-chrome h3{font-family:var(--font-display);margin-top:0}
.rb-chrome ul{margin-bottom:0}
.rb-chrome a{text-decoration:none}