/* ===========================================================================
   ELENDE order form — aligned to the marketing site design system
   Loads last (after elende.css / elende-commerce.css) to win the cascade.
   =========================================================================== */
:root{--el-blue:#0081c1;--el-blue-deep:#06304f;--el-orange:#f15930;--el-ink:#123047;--el-muted:#5b6b7a;--el-line:#e4edf4;--el-tint:#f4f8fa;}

/* ---- Typography: match the site (Segoe UI) ---- */
#order-standard_cart,.elende-commerce-top{font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif!important}
/* Apply to text, but NOT to icon fonts (FontAwesome / ico-*) or svg */
#order-standard_cart *:not(i):not(svg):not(use):not([class*="fa-"]):not([class*="ico-"]):not([class^="ico"]),
.elende-commerce-top *:not(i):not(svg):not(use):not([class*="fa-"]):not([class*="ico-"]):not([class^="ico"]){
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif!important;
}
#order-standard_cart{color:var(--el-ink)}

/* ---- Page headings ---- */
#order-standard_cart .section-heading{color:var(--el-ink)!important;font-weight:700;letter-spacing:-1.2px;font-size:clamp(28px,3vw,40px)}
#order-standard_cart .section-subheading{color:var(--el-muted)!important;font-weight:400}
.header-lined{border:0!important;margin-bottom:8px}
.header-lined:after,.header-lined:before{display:none!important}

/* ---- Steps progress bar ---- */
.elende-commerce-top{background:transparent}
.elende-purchase-progress{display:flex;gap:8px;background:#fff;border:1px solid var(--el-line);border-radius:14px;padding:14px 18px;margin:24px auto 30px;box-shadow:0 10px 30px rgba(18,48,71,.05);max-width:none;flex-wrap:wrap}
.elende-purchase-progress span{display:flex;align-items:center;gap:10px;flex:1 1 180px;color:var(--el-muted);font-size:14px;font-weight:600;justify-content:center}
.elende-purchase-progress span b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef4f8;color:var(--el-muted);font-size:13px;border:1px solid var(--el-line)}
.elende-purchase-progress span[aria-current=step]{color:var(--el-ink)}
.elende-purchase-progress span[aria-current=step] b{background:var(--el-blue);color:#fff;border-color:var(--el-blue)}

/* ---- Category tabs → pill style like the site ---- */
.elende-store-categories{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;border-radius:0;padding:0;margin:4px 0 32px;box-shadow:none}
.elende-store-categories>span{display:none}
.elende-store-categories>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}
.elende-store-categories a{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid var(--el-line);background:#fff;color:#3a5165;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s ease;line-height:1.2}
.elende-store-categories a:hover{border-color:var(--el-blue);color:var(--el-blue)}
.elende-store-categories a[aria-current]{background:var(--el-blue);border-color:var(--el-blue);color:#fff}

/* ---- Product cards → match the site plan cards ---- */
.product.mt-80{margin-top:10px!important}
.row.row-eq-height{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-11px;margin-right:-11px}
.plan-content.pricing{padding:11px;display:flex}
.plan-content.pricing>.product.clearfix{position:relative;width:100%;background:#fff;border:1px solid var(--el-line);border-radius:14px;padding:26px 24px 28px;box-shadow:none;transition:box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column}
.plan-content.pricing>.product.clearfix:hover{box-shadow:0 16px 40px rgba(18,48,71,.09);border-color:#cfe3ef}

/* featured badge → centred orange pill */
.plan-content .badge.feat{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ffa775,#f4894f)!important;color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.2px;padding:6px 16px;border-radius:999px;box-shadow:0 6px 16px rgba(241,89,48,.3);text-transform:none;white-space:nowrap}
.plan-content .badge.feat:before{content:"\2605  "}

/* header area of the card (icon, name, price, button) */
.plan-content .header-content.top-content{background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;text-align:left}
.plan-content .elende-product-icon{width:50px;height:50px;padding:11px;border-radius:12px;background:#edf7fb;border:1px solid #d2eaf4;color:var(--el-blue);box-sizing:border-box;display:block;margin-bottom:16px}
.plan-content .product.clearfix{overflow:visible}
.plan-content header .title{font-size:22px;font-weight:700;color:var(--el-ink);letter-spacing:-.4px;line-height:1.2}
.plan-content .product-pricing{margin-top:14px;color:var(--el-ink)!important}
.plan-content .product-pricing .price{font-size:34px;font-weight:800;letter-spacing:-1.2px;color:var(--el-ink)!important}
.plan-content .product-pricing .period{display:block;font-size:13px;color:var(--el-muted)!important;font-weight:500;margin-top:2px}
.plan-content .product-pricing .startingfrom,.plan-content .product-pricing{font-size:13px;color:var(--el-muted)}

/* order button → ELENDE orange, rounded, full width */
.btn-order-now{display:block!important;width:100%;margin-top:20px;background:linear-gradient(135deg,#ff7a3d,#f15930)!important;border:0!important;color:#fff!important;font-weight:700!important;font-size:15px;border-radius:10px!important;padding:14px 20px!important;box-shadow:0 12px 26px rgba(241,89,48,.3);transition:transform .15s ease,box-shadow .2s ease;text-align:center}
.btn-order-now:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(241,89,48,.42);color:#fff!important}

/* features list → site style with check marks */
.plan-content .product-desc{margin-top:22px;padding-top:20px;border-top:1px solid var(--el-line)}
.plan-content .prod-desc-ul{list-style:none;margin:0;padding:0}
.plan-content .prod-desc-ul li{position:relative;padding:7px 0 7px 28px;color:#3a5165;font-size:14px;line-height:1.5;border:0}
.plan-content .prod-desc-ul li:before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:#e7f6ef;}
.plan-content .prod-desc-ul li:after{content:"\2713";position:absolute;left:3px;top:7px;color:#1f9d57;font-size:11px;font-weight:700}
.plan-content .prod-desc-ul li .feature-value{font-weight:700;color:var(--el-ink);margin-right:4px}

/* ---- Featured card → light faded-orange spotlight ---- */
.plan-content.feature-plan>.product.clearfix{background:linear-gradient(160deg,#fff5ef,#fce7db)!important;border:2px solid #f3ad8f!important;box-shadow:0 18px 44px rgba(241,89,48,.14)!important}
.plan-content.feature-plan .elende-product-icon{color:var(--el-orange);background:#ffe8dc;border-color:#f6c7b2}
.plan-content.feature-plan .product-desc{border-top-color:#f3d4c6}
.plan-content.feature-plan .prod-desc-ul li{color:#5a4a42}

/* ---- "Included with plans" strip ---- */
.services .service-section{background:#fff!important;border:1px solid var(--el-line);border-radius:12px;box-shadow:none}
.services h4{color:var(--el-ink);font-weight:700}
.services .c-pink{color:var(--el-orange)!important}

/* ---- Header: single aligned row (logo | menu | account), like the site ---- */
.elende-whmcs-navbar{flex-wrap:nowrap!important;align-items:center;gap:26px}
.elende-whmcs-navbar .navbar-header{flex:none;margin:0}
.elende-whmcs-navbar .navbar-collapse{flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;gap:16px}
.elende-whmcs-navbar .elende-shared-public-nav{order:-1;flex:1 1 auto;justify-content:center;width:auto;min-width:0;flex-wrap:nowrap;gap:18px;border-top:0!important;padding-top:0!important;margin-top:0!important}
.elende-whmcs-navbar .navbar-nav{margin:0}
.elende-whmcs-navbar .elende-shared-public-nav a,.elende-whmcs-navbar .navbar-nav a,.elende-whmcs-navbar .navbar-nav li{white-space:nowrap}
@media(max-width:991px){.elende-whmcs-navbar{flex-wrap:wrap!important}.elende-whmcs-navbar .elende-shared-public-nav{flex-wrap:wrap}}

/* Remove the faint line above the menu (between contact bar and nav) */
.elende-primary-header{border-bottom:0!important}

/* Product summary feature list (configure page): no bullets + space after icon */
#order-standard_cart .package-features{list-style:none!important;padding-left:0!important;margin-left:0!important}
#order-standard_cart .package-features li i[class*="fa-"]{margin-right:9px!important}

/* ---- Cart: hide the country/state tax estimator (Angola-only, IVA is fixed) ---- */
#order-standard_cart .calcTaxes-cart-container{display:none!important}

/* ---- Form focus state (inputs, selects, textareas) ---- */
#order-standard_cart .form-control:focus,#order-standard_cart select:focus,#order-standard_cart textarea:focus{border-color:var(--el-blue)!important;box-shadow:0 0 0 3px rgba(0,129,193,.14)!important;outline:none}

/* ---- All primary orange buttons: consistent vibrant gradient ---- */
#order-standard_cart .btn-default-yellow-fill{background:linear-gradient(135deg,#ff7a3d,#f15930)!important;border:0!important;color:#fff!important;border-radius:10px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(241,89,48,.3);transition:transform .15s ease,box-shadow .2s ease}
#order-standard_cart .btn-default-yellow-fill:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(241,89,48,.44);color:#fff!important}

/* ---- Order summary → light card (match the site, overrides the dark theme rule) ---- */
body.elende-cart-page[data-color] #order-standard_cart div.order-summary{background:#fff!important;border:1px solid #e4edf4!important;box-shadow:0 14px 40px rgba(18,48,71,.08)!important;color:#123047!important;border-radius:14px!important}
body.elende-cart-page[data-color] #order-standard_cart .order-summary h2,body.elende-cart-page[data-color] #order-standard_cart .order-summary .summary-container,body.elende-cart-page[data-color] #order-standard_cart .order-summary .summary-container span,body.elende-cart-page[data-color] #order-standard_cart .order-summary .amt,body.elende-cart-page[data-color] #order-standard_cart .order-summary .pull-left,body.elende-cart-page[data-color] #order-standard_cart .order-summary .pull-right{color:#123047!important}
body.elende-cart-page[data-color] #order-standard_cart .order-summary .total-due-today{border-top-color:#e4edf4!important}
body.elende-cart-page[data-color] #order-standard_cart .order-summary .total-due-today>span:last-child{color:#5b6b7a!important}
body.elende-cart-page[data-color] #order-standard_cart .order-summary .bordered-totals,body.elende-cart-page[data-color] #order-standard_cart .order-summary .bordered-totals *{border-color:#e4edf4!important}
body.elende-cart-page[data-color] #order-standard_cart .order-summary .btn-default-fill.btn-link{color:#123047!important;border:1px solid #e4edf4!important;background:#fff!important;border-radius:10px!important}

/* ---- Checkout: payment method chooser → spaced cards with icons (was cramped radio-inline) ---- */
#paymentGatewaysContainer .text-left{display:flex!important;flex-direction:column;gap:10px;align-items:stretch}
#paymentGatewaysContainer label.radio-inline{position:relative;display:flex!important;align-items:center;gap:13px;width:100%;margin:0!important;padding:15px 44px 15px 18px!important;border:1.5px solid #e4edf4!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;font-weight:600;color:#123047;transition:border-color .15s,background .15s,box-shadow .15s;line-height:1.2}
#paymentGatewaysContainer label.radio-inline:hover{border-color:#cfe3ef!important}
#paymentGatewaysContainer label.radio-inline:has(input.payment-methods:checked){border-color:#f15930!important;background:linear-gradient(160deg,#fff7f3,#fdeee5)!important;box-shadow:0 8px 22px rgba(241,89,48,.12)!important}
#paymentGatewaysContainer label.radio-inline::before{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";font-weight:900;width:38px;height:38px;display:inline-grid;place-items:center;flex:none;border-radius:10px;background:#edf7fb;color:#0081c1;font-size:17px}
#paymentGatewaysContainer label.radio-inline:has(input[value="banktransfer"])::before{content:"\f19c"}
#paymentGatewaysContainer label.radio-inline:has(input[value="kyamipaygpo"])::before{content:"\f555"}
#paymentGatewaysContainer label.radio-inline:has(input[value^="paypal"])::before{content:"\f1ed";font-family:"Font Awesome 6 Brands";font-weight:400;background:#eaf1fb;color:#1b3a73}
#paymentGatewaysContainer label.radio-inline:has(input[value="paypal_acdc"])::before{content:"\f09d";font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";font-weight:900;background:#edf7fb;color:#0081c1}
#paymentGatewaysContainer label.radio-inline .gateway-icon-cc{display:none!important}
#paymentGatewaysContainer label.radio-inline [class^="iradio_"],#paymentGatewaysContainer label.radio-inline [class^="icheckbox_"]{position:absolute!important;left:auto!important;right:16px!important;top:50%!important;margin:0!important;transform:translateY(-50%)}