/* Baseline Web Hosting — global client-area theme overlay (matches the landing)
   Loaded from structure.pdt on every client page. Colors/radius/typography only —
   no layout overrides, so Blesta page structures stay intact. */

/* ==== global page frame: aligned 1080px column + footer pinned to the bottom ====
   The footer's .container-fluid lives INSIDE the content .container-md, so the
   content container itself must be the flex column for margin-top:auto to work. */
body[class*="bwlg-"]{ display:flex; flex-direction:column; min-height:100vh; }
body[class*="bwlg-"] > .container-md{
  flex:1 0 auto; display:flex; flex-direction:column;
  width:100%; max-width:1080px; padding-left:24px; padding-right:24px;
}
body[class*="bwlg-"] > .container-md > .container-fluid:last-child{ margin-top:auto; padding:34px 0 0; }
/* the page-title bar shares the same 1080px line */
.title > .container-md{ max-width:1080px; padding-left:24px; padding-right:24px; }
.footer{ min-height:0 !important; }
.footer hr{ border-color:#E6EBF1; margin:0 0 16px; }

/* ==== order flow — tech-style polish (buttons, cards, headings, footer) ==== */
/* page title bar: the grey "ORDER" chip adds noise — pages have their own headings */
body[class*="plugin-order"] .title{ display:none; }
body[class*="plugin-order"] > .container-md{ padding-top:38px; }
/* icons inside section headings look dated — text only */
body[class*="plugin-order"] .section-title h3 i{ display:none; }
/* centered page header + currency picker (packages page ONLY — config keeps 2 columns) */
body[class*="main-packages"] .row:has(.section-title) > [class*="col-"]{ flex:0 0 100%; max-width:100%; }
body[class*="main-packages"] .section-title{ text-align:center; max-width:640px; margin:0 auto 4px; }
body[class*="plugin-order"] .currency{ display:flex; justify-content:center; margin:4px 0 8px; }
body[class*="plugin-order"] .currency form{ display:flex; align-items:center; gap:10px; }
body[class*="plugin-order"] .currency label{ margin:0; font-size:13px; color:#5A6B7E; font-weight:600; }

/* ---- configure page (domain/hosting options): tidy two-column layout ---- */
body[class*="client-config"] .section-title h3{ font-size:23px; margin:0 0 4px; word-break:break-word; }
body[class*="client-config"] .section-title p{ color:#8fa0b2; font-size:14px; margin:0 0 18px; }
body[class*="client-config"] .col-md-6 h4,
body[class*="client-config"] .col-md-6 h5{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#8fa0b2;
  font-weight:700; margin:26px 0 10px;
}
body[class*="client-config"] .col-md-6 > .form-group:first-of-type{ margin-bottom:4px; }
/* the ajax-loaded order summary (right column) */
#summary-details .section-title h3{ font-size:18px; margin:0 0 2px; }
#summary-details .section-title h3 i{ display:none; }
#summary-details .section-title p{ font-size:13px; color:#8fa0b2; margin:0 0 12px; }
#summary-details .table th{ font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; color:#8fa0b2; border-top:0; }
/* "+ Add more name servers" reveal link */
.bwl-ns-more{
  background:none; border:0; color:#1D64D8; font-size:13.5px; font-weight:600;
  padding:2px 0 10px; cursor:pointer; display:block; text-align:left;
}
.bwl-ns-more:hover{ color:#1857BC; text-decoration:underline; }
/* selects: never clip the value (Bootstrap fixed height vs our padding) */
select.form-control{ height:auto !important; line-height:1.4 !important; padding:.5rem 2rem .5rem .8rem !important; }

/* section headings ("Configure …", "Order Summary", "Web Hosting") */
body[class*="plugin-order"] .section-title h3,
body[class*="plugin-order"] h3{ font-size:26px; font-weight:800; letter-spacing:-.01em; color:#16202C; }
body[class*="plugin-order"] .section-title p{ color:#5A6B7E; }

/* the order-summary card — modern */
body[class*="plugin-order"] .card-order,
body[class*="plugin-order"] .card.card-order{
  border:1px solid #DCE3EA !important; border-radius:16px !important; background:#fff !important;
  box-shadow:0 1px 2px rgba(22,32,44,.05),0 18px 40px -22px rgba(22,32,44,.22) !important; padding:22px !important;
}
body[class*="plugin-order"] .card-order .total-due h4{ color:#1D64D8; font-weight:800; }
body[class*="plugin-order"] .card-order .table td,
body[class*="plugin-order"] .card-order .table th{ border-color:#EEF2F6; }

/* ---- package selection (list style) — modern cards ---- */
body[class*="plugin-order"] .package-list.card-order{
  padding:0 !important; overflow:hidden; margin-bottom:20px;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
body[class*="plugin-order"] .package-list.card-order:hover{
  transform:translateY(-3px); border-color:#BBD1F5 !important;
  box-shadow:0 1px 2px rgba(22,32,44,.06),0 24px 50px -24px rgba(29,100,216,.5) !important;
}
body[class*="plugin-order"] .package-list .form-inline{ display:block; width:100%; }
body[class*="plugin-order"] .package-list .row{ margin:0; align-items:stretch; }
body[class*="plugin-order"] .package-list .row > [class*="col-"]{ padding:26px 24px; display:flex; flex-direction:column; justify-content:center; min-width:0; }
/* col 1: name + billing cycle */
body[class*="plugin-order"] .package-list .package-item:first-child{
  background:linear-gradient(160deg,#F7FAFF,#fff); border-right:1px solid #EEF2F6;
}
body[class*="plugin-order"] .package-list .package-item h3{ font-size:22px; font-weight:800; margin:0 0 14px; letter-spacing:-.01em; }
body[class*="plugin-order"] .package-list .instructions{
  font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#8fa0b2; font-weight:700; margin-bottom:8px;
}
body[class*="plugin-order"] .package-list .instructions i{ display:none; }
/* col 2: description as feature list */
body[class*="plugin-order"] .package-list .package-description{ border-right:1px solid #EEF2F6; color:#5A6B7E; font-size:14px; line-height:1.5; }
body[class*="plugin-order"] .package-list .package-description ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
body[class*="plugin-order"] .package-list .package-description li{ position:relative; padding-left:26px; }
body[class*="plugin-order"] .package-list .package-description li:before{
  content:""; position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:50%;
  background:#E7F1FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D64D8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;
}
body[class*="plugin-order"] .package-list .package-description p{ margin:0 0 8px; }
body[class*="plugin-order"] .package-list .package-description p:last-child{ margin-bottom:0; }
/* col 3: price + order */
body[class*="plugin-order"] .package-list .package-item:last-child h3{ float:none !important; display:flex; flex-direction:column-reverse; align-items:center; margin:0 0 16px; }
body[class*="plugin-order"] .package-list .package-item:last-child .price{ font-size:30px; font-weight:800; color:#16202C; letter-spacing:-.02em; line-height:1.1; }
body[class*="plugin-order"] .package-list .package-item:last-child .term{ font-size:12.5px; color:#8fa0b2; font-weight:600; margin-top:4px; }
body[class*="plugin-order"] .package-list .package-item:last-child button.btn-success{ width:100%; float:none !important; }
@media (max-width:820px){
  body[class*="plugin-order"] .package-list .row > [class*="col-"]{ border-right:0 !important; border-bottom:1px solid #EEF2F6; }
  body[class*="plugin-order"] .package-list .package-item:last-child{ border-bottom:0; }
}

/* ---- package selection (boxes style) — modern cards ---- */
body[class*="plugin-order"] .row:has(.package-boxes){ display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin:0; }
body[class*="plugin-order"] .row:has(.package-boxes) > .col-md-12{ flex:0 0 100%; max-width:100%; padding:0; }
body[class*="plugin-order"] .package-boxes{ flex:0 0 340px; max-width:340px; width:auto; padding:0; margin-bottom:0; }
body[class*="plugin-order"] .package-boxes .package.card-blesta{
  height:100%; display:flex; flex-direction:column; border:1px solid #DCE3EA; border-radius:18px !important; background:#fff; overflow:hidden;
  box-shadow:0 1px 2px rgba(22,32,44,.05),0 18px 40px -22px rgba(22,32,44,.22);
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
body[class*="plugin-order"] .package-boxes .package.card-blesta:hover{
  transform:translateY(-4px); border-color:#BBD1F5;
  box-shadow:0 1px 2px rgba(22,32,44,.06),0 26px 52px -22px rgba(29,100,216,.5);
}
body[class*="plugin-order"] .package-boxes .package.card-blesta.selected{
  border-color:#1D64D8; box-shadow:0 0 0 1px #1D64D8,0 22px 46px -20px rgba(29,100,216,.5);
}
body[class*="plugin-order"] .package-boxes .card-header{
  background:linear-gradient(135deg,#16202C,#1E2B3A); border:0; padding:20px 20px 17px; text-align:center;
}
body[class*="plugin-order"] .package-boxes .card-header h4{ color:#fff; font-size:19px; font-weight:800; margin:0; letter-spacing:-.01em; }
body[class*="plugin-order"] .package-boxes .price-box.card-body{ padding:18px 18px 6px !important; flex:0 0 auto; }
body[class*="plugin-order"] .package-boxes .instructions{
  font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#8fa0b2; font-weight:700; margin:0 0 10px;
}
body[class*="plugin-order"] .package-boxes .instructions i{ display:none; }
body[class*="plugin-order"] .package-boxes .card-blesta ul{ list-style:none; margin:0; padding:14px 20px 4px; display:grid; gap:8px; }
body[class*="plugin-order"] .package-boxes .card-blesta li{ position:relative; padding-left:25px; font-size:13.5px; color:#5A6B7E; line-height:1.45; }
body[class*="plugin-order"] .package-boxes .card-blesta li:before{
  content:""; position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:50%;
  background:#E7F1FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D64D8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;
}
body[class*="plugin-order"] .package-boxes .card-blesta > p{ padding:2px 20px; color:#5A6B7E; font-size:13.5px; margin:0; }
body[class*="plugin-order"] .package-boxes .order.card-footer{ background:transparent; border:0; padding:10px 18px 18px; margin-top:auto; }
body[class*="plugin-order"] .package-boxes .card-footer .btn{ width:100%; }
body[class*="plugin-order"] .package-boxes .unselected-btn .btn.btn-light{ background:#fff; border:1.5px solid #DCE3EA; color:#16202C; font-weight:700; }
body[class*="plugin-order"] .package-boxes .unselected-btn .btn.btn-light:hover{ border-color:#1D64D8; color:#1D64D8; }
body[class*="plugin-order"] .row:has(.package-boxes) > .col-md-12 .float-right{ float:none !important; text-align:center; margin-top:16px; }
body[class*="plugin-order"] .row:has(.package-boxes) .bwl-skip-hint{ text-align:center; margin:6px auto 0; }
/* action row: separate equal pills, not a glued btn-group with mixed corners */
body[class*="plugin-order"] .btn-group{ display:inline-flex; gap:12px; flex-wrap:wrap; justify-content:center; }
body[class*="plugin-order"] .btn-group > .btn{ border-radius:10px !important; }
body[class*="plugin-order"] .bwl-skip-btn{
  border:1.5px solid #1D64D8 !important; color:#1D64D8 !important; background:#fff !important;
  border-radius:10px !important; box-shadow:none !important;
}
body[class*="plugin-order"] .bwl-skip-btn:hover{ background:#F0F6FF !important; }
body[class*="plugin-order"] .float-right > small{ display:block; color:#8fa0b2; font-size:12.5px; margin-top:10px; }
@media (max-width:768px){
  body[class*="plugin-order"] .package-boxes{ flex:0 0 100%; max-width:420px; }
}

/* config field cards / inputs */
body[class*="plugin-order"] .form-control{ border-radius:10px; border-color:#DCE3EA; padding:.6rem .8rem; }
body[class*="plugin-order"] .form-control:focus{ border-color:#1D64D8; box-shadow:0 0 0 3px rgba(29,100,216,.15); }
body[class*="plugin-order"] label{ font-weight:700; color:#16202C; font-size:13.5px; }
body[class*="plugin-order"] .generated_fields_div{ background:#fff; border:1px solid #EEF2F6; border-radius:14px; padding:18px 18px 6px; margin-top:6px; }

/* ---- ACTION buttons: everything we want clicked is bold accent-blue ---- */
body[class*="plugin-order"] .btn-success,
body[class*="plugin-order"] .btn-primary,
body[class*="plugin-order"] #summary-details .btn-primary,
body[class*="plugin-order"] button[type="submit"].btn-lg{
  background:#1D64D8 !important; border-color:#1D64D8 !important; color:#fff !important;
  font-weight:700 !important; border-radius:10px !important;
  box-shadow:0 8px 20px -8px rgba(29,100,216,.55); transition:background .15s,transform .15s,box-shadow .2s;
}
body[class*="plugin-order"] .btn-success:hover,
body[class*="plugin-order"] .btn-primary:hover,
body[class*="plugin-order"] button[type="submit"].btn-lg:hover{
  background:#1857BC !important; border-color:#1857BC !important; transform:translateY(-1px);
  box-shadow:0 12px 26px -10px rgba(29,100,216,.7);
}
/* secondary / destructive stay quiet so the blue CTA stands out */
body[class*="plugin-order"] #empty_cart,
body[class*="plugin-order"] .btn-secondary{
  background:#fff !important; color:#5A6B7E !important; border:1px solid #DCE3EA !important; font-weight:600 !important; box-shadow:none !important;
}
body[class*="plugin-order"] #empty_cart:hover,
body[class*="plugin-order"] .btn-secondary:hover{ border-color:#C0392B !important; color:#C0392B !important; }
/* the domain-search "Skip / Transfer" secondary buttons: readable but not competing */
body[class*="plugin-order"] .bwl-skip-btn{ font-weight:700 !important; }

/* ---- order pages: button layout (fix Empty Cart / Continue overlap + responsive) ---- */
body[class*="plugin-order"] #empty_cart{ clear:both; margin-bottom:10px; }
body[class*="plugin-order"] #package_config .col-md-12{ clear:both; }
body[class*="plugin-order"] #package_config .row > .col-md-12:last-child{ padding-top:8px; }
@media (max-width: 767.98px){
  body[class*="plugin-order"] #empty_cart,
  body[class*="plugin-order"] #package_config .col-md-12 > .btn.float-right,
  body[class*="plugin-order"] .btn.float-right{ float:none !important; display:block; width:100%; margin-left:0; }
  body[class*="plugin-order"] .col-md-6{ max-width:100%; flex:0 0 100%; }
}
/* the summary is pinned by jQuery .sticky() (inline position:fixed) on scroll, which
   makes its Empty Cart button overlap Continue — neutralise it so it scrolls normally */
body[class*="plugin-order"] #sticker{ position:static !important; top:auto !important; width:auto !important; }
body[class*="plugin-order"] .sticky-wrapper{ height:auto !important; }
/* …but on the config page the summary may follow the scroll the clean CSS way */
body[class*="client-config"] #sticker{ position:sticky !important; top:92px; }
/* never let order pages scroll sideways — overflow-x:clip (NOT hidden: hidden on
   body turns it into a scroll container and silently kills position:sticky) */
body[class*="plugin-order"]{ overflow-x:hidden; overflow-x:clip; }

/* ==== single sticky header: logo + nav on one navy bar ==== */
.header{ display:none !important; }              /* old white logo bar removed */
.nav-content{ position:sticky; top:0; z-index:400; box-shadow:0 2px 10px rgba(16,25,35,.18); }
.nav-content .navbar{ max-width:1080px; margin:0 auto; padding:9px 24px; align-items:center; }
.bwl-brand{ padding:0; margin:0 46px 0 0; display:inline-flex; align-items:center; flex:none; }
.bwl-brand img{ height:26px; width:auto; }
.bwl-brand:hover{ opacity:.9; }
.nav-content .navbar-collapse .container-md{ max-width:100%; width:100%; padding:0; margin:0; justify-content:space-between; }
.nav-content .navbar-nav:last-child{ margin-left:auto; }
/* keep the landing hero etc. from hiding under the sticky bar on anchor jumps */
[id]{ scroll-margin-top:78px; }
@media (max-width:767.98px){
  .nav-content .navbar{ padding:8px 16px; }
  .nav-content .navbar-collapse .container-md{ flex-direction:column; align-items:flex-start; }
  .nav-content .navbar-nav:last-child{ margin-left:0; }
}

/* ---- order/checkout enhancements (paired with bwl-global.js) ---- */
.bwl-skip-btn{font-weight:600}
.bwl-skip-hint{color:#5A6B7E;font-size:13.5px;margin:0 0 10px;text-align:right}
.bwl-req{color:#C0392B;font-weight:700}
.bwl-req-legend{font-size:12.5px;color:#5A6B7E;margin:0 0 14px}
.bwl-pw-tools{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.bwl-pw-tools .btn{border-radius:8px}
.bwl-pw-show{padding:4px 6px}
.bwl-pw-note{font-size:12.5px;color:#1E7F4F}
.bwl-addr{position:relative}
.bwl-addr-hint{display:block;color:#5A6B7E;font-size:12px;margin-top:4px}
.bwl-addr-field{display:none}
.bwl-addr-field.show{display:block}
.bwl-addr-manual{display:inline-flex;align-items:center;gap:7px;margin-top:9px;
  background:#fff;border:1.5px solid #DCE3EA;border-radius:9px;color:#16202C;
  font-size:13.5px;font-weight:600;padding:8px 14px;cursor:pointer;transition:border-color .15s,color .15s}
.bwl-addr-manual:before{content:"✎";font-size:13px;color:#1D64D8}
.bwl-addr-manual:hover{border-color:#1D64D8;color:#1D64D8}
/* billing-cycle rectangle cards (packages step) */
.bwl-cycle-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 4px}
.bwl-cycle-card{position:relative;text-align:left;border:1.5px solid #DCE3EA;background:#fff;border-radius:12px;padding:12px 14px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .15s,box-shadow .2s}
.bwl-cycle-card:hover{border-color:#9db8e6}
.bwl-cycle-card.active{border-color:#1D64D8;box-shadow:0 0 0 3px rgba(29,100,216,.15)}
.bwl-cycle-card .c-term{font-weight:700;font-size:14px;color:#16202C}
.bwl-cycle-card .c-price{font-size:12.5px;color:#5A6B7E;font-variant-numeric:tabular-nums}
.bwl-cycle-card .c-badge{align-self:flex-start;margin-top:3px;background:#FFF3D1;color:#7A5200;font-size:10px;font-weight:700;border-radius:999px;padding:2px 8px;letter-spacing:.02em}
@media (max-width:420px){.bwl-cycle-cards{grid-template-columns:1fr}}
.bwl-addr-list{position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border:1px solid #DCE3EA;
  border-radius:10px;box-shadow:0 12px 28px -12px rgba(22,32,44,.28);margin-top:4px;overflow:hidden;display:none}
.bwl-addr-list.open{display:block}
.bwl-addr-item{display:block;width:100%;text-align:left;border:0;background:transparent;
  padding:9px 14px;font-size:14px;color:#16202C;cursor:pointer;border-bottom:1px solid #EEF2F6}
.bwl-addr-item:last-child{border-bottom:0}
.bwl-addr-item:hover,.bwl-addr-item:focus{background:#F0F4F9;color:#1D64D8}
.bwl-addr-item .a-main{display:block;font-weight:600;line-height:1.35}
.bwl-addr-item .a-rest{display:block;font-size:12.5px;color:#8fa0b2;line-height:1.3}
.bwl-addr-item:hover .a-main{color:#1D64D8}
/* compact "chosen address" confirmation (replaces revealing all raw fields) */
.bwl-addr-chosen{display:flex;align-items:center;gap:10px;margin-top:2px;
  background:#F1F8F3;border:1px solid #CDE9D6;border-radius:10px;padding:11px 14px}
.bwl-addr-chosen .ac-check{flex:none;width:20px;height:20px;border-radius:50%;
  background:#1E7F4F;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.bwl-addr-chosen .ac-text{flex:1;min-width:0;font-size:14px;color:#16202C;font-weight:500}
.bwl-addr-chosen .ac-edit{flex:none;background:none;border:0;color:#1D64D8;font-weight:600;
  font-size:13px;cursor:pointer;padding:2px 4px}
.bwl-addr-chosen .ac-edit:hover{text-decoration:underline}
/* hosting domain field: "external domain is OK" hint */
.bwl-dom-hint{display:block;color:#5A6B7E;font-size:12.5px;margin-top:6px;line-height:1.4}
.form-control.bwl-filled{border-color:#1E7F4F;box-shadow:0 0 0 3px rgba(30,127,79,.15);transition:box-shadow .3s,border-color .3s}

:root{
  --bwlg-paper:#F5F7F9;
  --bwlg-card:#FFFFFF;
  --bwlg-ink:#16202C;
  --bwlg-muted:#5A6B7E;
  --bwlg-line:#DCE3EA;
  --bwlg-accent:#1D64D8;
  --bwlg-accent-h:#1857BC;
  --bwlg-navy:#16202C;
  --bwlg-navy-2:#1E2B3A;
}

body{
  background:var(--bwlg-paper) !important;
  color:var(--bwlg-ink);
  -webkit-font-smoothing:antialiased;
}

/* ---------- header / nav ---------- */
.header{background:#FFFFFF !important;border-bottom:1px solid var(--bwlg-line)}
.nav-content,
.nav-content .navbar{background:var(--bwlg-navy) !important;background-image:none !important}
.nav-content .navbar .nav-link{color:#9FB0C1 !important;transition:color .15s}
.nav-content .navbar .nav-link:hover,
.nav-content .navbar .nav-link:focus{color:#EDF2F7 !important}
.nav-content .navbar .active > .nav-link,
.nav-content .navbar .nav-link.active{color:#FFFFFF !important;box-shadow:inset 0 -2px 0 var(--bwlg-accent)}

/* ---------- page title bar ---------- */
.title h3{color:var(--bwlg-ink);font-weight:700;letter-spacing:-.01em}

/* ---------- links ---------- */
a{color:var(--bwlg-accent)}
a:hover{color:var(--bwlg-accent-h)}

/* ---------- buttons ---------- */
.btn{border-radius:8px;transition:background .15s,border-color .15s,box-shadow .2s,transform .2s}
.btn-primary,
.btn-success,
a.btn.btn-primary,
button.btn-primary{
  background:var(--bwlg-accent) !important;
  border-color:var(--bwlg-accent) !important;
  color:#fff !important;
  font-weight:600;
}
.btn-primary:hover,
.btn-success:hover{
  background:var(--bwlg-accent-h) !important;
  border-color:var(--bwlg-accent-h) !important;
  box-shadow:0 8px 20px -8px var(--bwlg-accent);
}
.btn-secondary,.btn-default,.btn-light{
  background:#fff;border:1px solid var(--bwlg-line);color:var(--bwlg-ink);
}
.btn-secondary:hover,.btn-default:hover,.btn-light:hover{border-color:var(--bwlg-muted);color:var(--bwlg-ink)}
.btn-link{color:var(--bwlg-accent)}

/* ---------- cards / panels / list groups ---------- */
.card{
  border-radius:12px;
  border:1px solid var(--bwlg-line);
  box-shadow:0 1px 2px rgba(22,32,44,.05),0 10px 28px -14px rgba(22,32,44,.14);
}
.card-header{
  background:#fff;border-bottom:1px solid var(--bwlg-line);
  border-radius:12px 12px 0 0 !important;font-weight:700;color:var(--bwlg-ink);
}
.list-group-item{border-color:var(--bwlg-line)}
.list-group-item.active{background:var(--bwlg-accent);border-color:var(--bwlg-accent)}
.list-group-item-action:hover{background:#F0F4F9}

/* ---------- forms ---------- */
.form-control{
  border-radius:8px;border-color:var(--bwlg-line);color:var(--bwlg-ink);
}
.form-control:focus{
  border-color:var(--bwlg-accent);
  box-shadow:0 0 0 3px rgba(29,100,216,.15);
}
label{color:var(--bwlg-ink);font-weight:600;font-size:14px}
.input-group-text{border-radius:8px;border-color:var(--bwlg-line);background:#F0F4F9;color:var(--bwlg-muted)}

/* ---------- tables ---------- */
.table thead th{
  background:#F0F4F9;color:var(--bwlg-muted);border-color:var(--bwlg-line);
  font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;
}
.table td{border-color:var(--bwlg-line)}

/* ---------- alerts / badges / pagination ---------- */
.alert{border-radius:10px}
.badge-primary{background:var(--bwlg-accent)}
.page-item.active .page-link{background:var(--bwlg-accent);border-color:var(--bwlg-accent)}
.page-link{color:var(--bwlg-accent)}

/* ---------- order form (boxes/wizard templates) ---------- */
.price,.package-price,.pricing .amount{color:var(--bwlg-accent)}
.progress-bar{background-color:var(--bwlg-accent)}
.nav-pills .nav-link.active{background:var(--bwlg-accent)}
.nav-tabs .nav-link.active{color:var(--bwlg-accent);border-bottom-color:var(--bwlg-accent)}

/* ---------- nav cleanup ---------- */
/* Affiliates and Knowledge Base are retired — hide their links everywhere */
a[href*="/order/affiliates"],
a[href*="/knowledgebase"],
li:has(> a[href*="/order/affiliates"]),
li:has(> a[href*="/knowledgebase"]){display:none !important}
/* Order History is only meaningful for logged-in clients */
body.bwlg-guest a[href*="/order/orders"],
body.bwlg-guest li:has(> a[href*="/order/orders"]){display:none !important}

/* ---------- login / password pages: centered card layout ---------- */
body.bwlg-guest .login .card,
body.bwlg-guest .card.login-card{max-width:460px;margin-left:auto;margin-right:auto}

body[class*="client_login"]{ background:#F5F7F9 !important; }
body[class*="client_login"] .title{ display:none; }
/* stack the two template columns (heading + form) into one centered column */
body[class*="client_login"] > .container-md > .row{
  display:flex; flex-direction:column; align-items:center;
  margin:0; padding:52px 0 10px;
}
body[class*="client_login"] > .container-md > .row > [class*="col-"]{
  flex:none; width:100%; max-width:440px; padding:0; margin:0;
}
/* heading column: big centered title, drop the redundant brand line */
body[class*="client_login"] > .container-md > .row > [class*="col-"]:first-child{ text-align:center; }
body[class*="client_login"] > .container-md > .row > [class*="col-"]:first-child h2{ display:none; }
body[class*="client_login"] > .container-md > .row > [class*="col-"]:first-child h4{
  font-size:30px; font-weight:800; letter-spacing:-.01em; color:#16202C; margin:0 0 8px;
}
body[class*="client_login"] > .container-md > .row > [class*="col-"]:first-child p{ color:#5A6B7E; margin:0; }
body[class*="client_login"] > .container-md > .row > [class*="col-"]:first-child hr{ display:none; }
/* form column: modern card */
body[class*="client_login"] .panel.panel-blesta{
  margin:26px 0 0; border:1px solid #DCE3EA; border-radius:18px; background:#fff; overflow:hidden;
  box-shadow:0 1px 2px rgba(22,32,44,.05),0 18px 40px -22px rgba(22,32,44,.22);
}
body[class*="client_login"] .panel-body{ padding:28px 28px 22px; background:#fff; }
body[class*="client_login"] .panel-body label{ font-weight:700; font-size:13.5px; color:#16202C; }
body[class*="client_login"] .form-group{ margin-bottom:18px; }
body[class*="client_login"] .form-control{
  border-radius:10px; border-color:#DCE3EA; padding:.65rem .9rem; height:auto; font-size:15px;
}
body[class*="client_login"] .form-control:focus{ border-color:#1D64D8; box-shadow:0 0 0 3px rgba(29,100,216,.15); }
body[class*="client_login"] .checkbox{ margin:2px 0 18px; }
body[class*="client_login"] .checkbox label{
  font-weight:500; color:#5A6B7E; font-size:14px; display:flex; align-items:center; gap:8px; margin:0; cursor:pointer;
}
body[class*="client_login"] .checkbox input[type="checkbox"]{ width:16px; height:16px; accent-color:#1D64D8; margin:0; }
body[class*="client_login"] .btn-success{
  background:#1D64D8 !important; border-color:#1D64D8 !important; color:#fff !important;
  font-weight:700; border-radius:10px !important; padding:.72rem 1rem; font-size:15.5px;
  box-shadow:0 8px 20px -8px rgba(29,100,216,.55);
}
body[class*="client_login"] .btn-success:hover{ background:#1857BC !important; border-color:#1857BC !important; }
body[class*="client_login"] .panel-footer{
  background:#F7FAFF; border-top:1px solid #EEF2F6; padding:14px 28px;
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
body[class*="client_login"] .panel-footer a{ color:#1D64D8; font-weight:600; font-size:13.5px; }
body[class*="client_login"] .panel-footer a.float-xl-right{ float:none !important; }

/* ---------- footer ---------- */
.row.footer{color:var(--bwlg-muted)}
.row.footer hr{border-color:var(--bwlg-line)}
.bwlg-credit{
  text-align:center;font-size:12px;color:var(--bwlg-muted);
  margin:2px 0 18px;letter-spacing:.02em;
}
.bwlg-credit a{color:var(--bwlg-muted);text-decoration:underline;text-underline-offset:2px}
.bwlg-credit a:hover{color:var(--bwlg-accent)}