/* Wonderweb V2.7: scope all changes; no payment or checkout scripts replaced. */
:root{--ww27-ink:#121532;--ww27-purple:#7047f5;--ww27-line:#e4e6f1}
/* Main navigation on shopping pages, even if the default standard_cart template is still selected */
body.ww-console-on .wwv27-cart-nav{margin:12px 0 8px!important}
.wwv27-cart-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 19px;border:1px solid #e6e7f0;border-radius:13px;background:white;box-shadow:0 8px 20px rgba(13,18,48,.04)}
.wwv27-cart-nav a,.wwv27-cart-nav span{font-size:13px;color:#606982}.wwv27-cart-nav a{color:#5636c4;font-weight:750;text-decoration:none}.wwv27-cart-nav a:hover{text-decoration:underline}.wwv27-cart-nav .wwv27-nav-title{color:#191d40;font-weight:850}
.wwv27-steps{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:15px 20px;margin:0 0 22px;border-radius:13px;background:#fff;border:1px solid #e4e7ef;box-shadow:0 6px 18px rgba(14,19,50,.04)}
.wwv27-back{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:13px;color:#603dde!important;white-space:nowrap}
.wwv27-steps-list{margin:0;padding:0;display:flex;list-style:none;flex-wrap:wrap;gap:10px 16px;align-items:center}
.wwv27-steps-list li{display:inline-flex;align-items:center;gap:6px;color:#7b8298;font-size:12px;font-weight:750}
.wwv27-steps-list li span{height:24px;width:24px;border:1px solid #dfe0ee;border-radius:50%;display:grid;place-items:center;background:#f5f5fa;font-size:11px}
.wwv27-steps-list li.active{color:#4f2dcc}.wwv27-steps-list li.active span{background:#7047f5;color:#fff;border-color:#7047f5}
/* Make core WHMCS cart screens feel like part of the console regardless of configured cart template. */
body.ww-portal #order-standard_cart{color:#202342;font-size:14px;max-width:1360px;margin:0 auto}
body.ww-portal #order-standard_cart .header-lined h1{font-size:clamp(25px,2.7vw,34px)!important;line-height:1.2;font-weight:850;color:#171a39;margin-bottom:10px}
body.ww-portal #order-standard_cart .cart-body{min-width:0}
body.ww-portal #order-standard_cart .secondary-cart-body,body.ww-portal #order-standard_cart .domain-selection-options,body.ww-portal #order-standard_cart .order-summary,body.ww-portal #order-standard_cart .view-cart-items,body.ww-portal #order-standard_cart .checkout-security-msg{border:1px solid #e3e5ef;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(25,24,65,.06)}
body.ww-portal #order-standard_cart .secondary-cart-body{padding:22px}
body.ww-portal #order-standard_cart .product-info{border:1px solid #eeebf7;background:#f9f7ff;padding:14px 18px;border-radius:12px}
body.ww-portal #order-standard_cart .order-summary{overflow:hidden}
body.ww-portal #order-standard_cart .order-summary h2{background:#14142f!important;color:#fff!important;border:0!important;font-size:18px!important;padding:15px 18px!important}
body.ww-portal #order-standard_cart .btn-primary,body.ww-portal #order-standard_cart .btn-checkout,body.ww-portal #order-standard_cart .btn-success{background:#7047f5!important;border-color:#7047f5!important;color:#fff!important;border-radius:10px!important;padding:11px 17px!important;font-weight:800!important}
body.ww-portal #order-standard_cart input.form-control,body.ww-portal #order-standard_cart select.form-control{border:1px solid #d7dbeb;border-radius:10px;min-height:44px}
body.ww-portal #order-standard_cart input.form-control:focus{border-color:#7047f5;box-shadow:0 0 0 3px rgba(112,71,245,.12)}
body.ww-portal #order-standard_cart .panel,body.ww-portal #order-standard_cart .card{border-radius:14px;border-color:#e4e6f0}
body.ww-portal #order-standard_cart .panel-heading,body.ww-portal #order-standard_cart .card-header{background:#f7f6fc;border-radius:14px 14px 0 0}
/* invoice only: preserve WHMCS invoice document and Paynow widget */
body.ww-invoice-page.ww-invoice-console{--wwc-side:248px;background:#f5f7fc!important;overflow-x:hidden}
body.ww-invoice-console #header.wwc-topbar{margin-left:var(--wwc-side)!important;width:calc(100% - var(--wwc-side))!important;box-sizing:border-box;background:#fff!important;min-height:68px;box-shadow:0 1px 0 #e3e8f0!important;padding:0!important}
body.ww-invoice-console .ww-invoice-main{margin-left:var(--wwc-side);padding:22px clamp(14px,2.3vw,33px) 100px;min-height:calc(100vh - 68px)}
body.ww-invoice-console .ww-invoice-trail{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
body.ww-invoice-console .ww-invoice-crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#77819d;font-size:13px}
body.ww-invoice-console .ww-invoice-crumbs a{color:#6340dd;font-weight:750;text-decoration:none}
body.ww-invoice-console .ww-invoice-return{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #dedcf0;border-radius:10px;background:#fff;color:#5237bd!important;font-size:13px;font-weight:800;text-decoration:none}
body.ww-invoice-console .ww-invoice-return:hover{background:#f3efff}
body.ww-invoice-console .invoice-container{max-width:1300px;margin:0!important;padding:clamp(16px,2.5vw,32px)!important;border:1px solid var(--ww27-line)!important;border-radius:17px!important;box-shadow:0 12px 26px rgba(23,25,70,.05)!important}
body.ww-invoice-console .ww-invoice-logo{max-width:220px}
body.ww-invoice-console .ww-invoice-page-title{color:#1b2045;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
body.ww-invoice-console .invoice-header{margin:0 0 16px!important}
body.ww-invoice-console .ww-invoice-checkout{margin:18px 0;border-radius:16px;background:#f7f4ff;border:1px solid #e4dafa;padding:18px}
body.ww-invoice-console .payment-btn-container{margin:0}
body.ww-invoice-page .ww-invoice-checkout .wwpui__panel{border:0!important;margin:0!important}
body.ww-invoice-console .wwpui__sticky{left:var(--wwc-side)!important;right:0!important;padding:12px 24px!important;z-index:90!important}
body.ww-invoice-console .ww-invoice-footer-actions{padding-top:17px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
body.ww-invoice-console .ww-invoice-footer-actions a{color:#5737c5}
body.ww-invoice-console .invoice-container .table{font-size:13px}
body.ww-invoice-console .invoice-container .table td{vertical-align:middle}
@media(max-width:991px){body.ww-invoice-console{--wwc-side:0px}body.ww-invoice-console #header.wwc-topbar{margin-left:0!important;width:100%!important}body.ww-invoice-console .ww-invoice-main{margin-left:0;padding:16px 13px 120px}body.ww-invoice-console .wwpui__sticky{left:0!important;padding:10px 12px!important} .wwv27-steps{align-items:flex-start}.wwv27-steps-list{width:100%}}
@media(max-width:575px){body.ww-invoice-console .invoice-container{padding:15px!important}body.ww-invoice-console .invoice-header .invoice-col{text-align:left!important}body.ww-invoice-console .ww-invoice-trail{align-items:flex-start;flex-direction:column}body.ww-invoice-console .wwpui__sticky{padding:9px!important} .wwv27-steps-list{gap:7px}.wwv27-steps-list li{font-size:10px}.wwv27-steps-list li span{width:20px;height:20px}}
@media print {body.ww-invoice-console #header.wwc-topbar,body.ww-invoice-console #wwcSidebar,body.ww-invoice-console #wwcBackdrop,body.ww-invoice-console .ww-invoice-trail,body.ww-invoice-console .wwpui__sticky{display:none!important}body.ww-invoice-console .ww-invoice-main{margin:0!important;padding:0!important}body.ww-invoice-console .invoice-container{border:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important}}
