/*
 * Phoenix Hosting - phoenix_cart order form skin (WHMCS 9.0.8).
 * Matches phoenixhosting.co/start.html: blueprint navy, paper text, brass accent,
 * IBM Plex Sans/Mono (self-hosted in ../fonts, SIL OFL), 2px radius, grid background.
 *
 * Loaded after all.min.css by common.tpl. Every rule is scoped to
 * "html body #order-standard_cart.phx-cart" (or body:has(...) for the page shell),
 * which out-ranks the site-wide dark-mode files (twenty-one/css/custom.css and
 * standard_cart/css/custom.css, injected by includes/hooks/phoenix_darkmode.php).
 * Those use !important, hence !important on colours/backgrounds/borders here.
 * The cart is always this palette, whatever the light/dark toggle says.
 * Markup, field names and JS hooks are untouched - this file only restyles.
 */

@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:400; font-display:swap; src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2'); }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:500; font-display:swap; src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2'); }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:600; font-display:swap; src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2'); }
@font-face{ font-family:'IBM Plex Sans'; font-style:normal; font-weight:700; font-display:swap; src:url(../fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2'); }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:400; font-display:swap; src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2'); }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:500; font-display:swap; src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2'); }
@font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:600; font-display:swap; src:url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2'); }

:root{
  --phx-bg:#12283F; --phx-bg-deep:#0D1F32; --phx-panel:#1B3A56; --phx-panel-2:#21445F;
  --phx-line:rgba(151,196,219,0.28); --phx-line-strong:rgba(151,196,219,0.55);
  --phx-paper:#F1ECDF; --phx-paper-dim:rgba(241,236,223,0.68);
  --phx-ink:#86C1D6; --phx-accent:#CE9046; --phx-accent-bright:#E4AC5E; --phx-good:#7FBF9B; --phx-warn:#E08A6A;
  --phx-radius:2px;
  --phx-sans:'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --phx-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* ------------------------------------------------------------------ page shell
   Only on pages that contain the phoenix_cart wrapper. */
html:has(.phx-cart){ color-scheme:dark; }
html body:has(#order-standard_cart.phx-cart){
  background-color:var(--phx-bg) !important; color:var(--phx-paper) !important;
  font-family:var(--phx-sans); -webkit-font-smoothing:antialiased;
  background-image:linear-gradient(var(--phx-line) 1px, transparent 1px), linear-gradient(90deg, var(--phx-line) 1px, transparent 1px);
  background-size:48px 48px; background-position:-1px -1px; background-attachment:fixed;
}
html body:has(#order-standard_cart.phx-cart)::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(ellipse at 50% -10%, rgba(18,40,63,0) 0%, var(--phx-bg) 70%);
}
html body:has(#order-standard_cart.phx-cart) > header,
html body:has(#order-standard_cart.phx-cart) > nav,
html body:has(#order-standard_cart.phx-cart) > section,
html body:has(#order-standard_cart.phx-cart) > footer{ position:relative; z-index:1; }
html body:has(#order-standard_cart.phx-cart) ::selection{ background:var(--phx-accent); color:var(--phx-bg-deep); }

html body:has(#order-standard_cart.phx-cart) #header,
html body:has(#order-standard_cart.phx-cart) #header .navbar,
html body:has(#order-standard_cart.phx-cart) #header .main-navbar-wrapper{
  background:linear-gradient(180deg, rgba(13,31,50,0.85), rgba(13,31,50,0.55)) !important;
  border-color:var(--phx-line) !important; color:var(--phx-paper) !important; box-shadow:none !important;
}
html body:has(#order-standard_cart.phx-cart) #header{ border-bottom:1px solid var(--phx-line) !important; }
html body:has(#order-standard_cart.phx-cart) #header .main-navbar-wrapper{ background:transparent !important; border-top:1px solid var(--phx-line) !important; }
html body:has(#order-standard_cart.phx-cart) #header .navbar-brand{ color:var(--phx-paper) !important; font-weight:700; font-size:20px; font-family:var(--phx-sans); }
html body:has(#order-standard_cart.phx-cart) #header a,
html body:has(#order-standard_cart.phx-cart) #header .nav-link,
html body:has(#order-standard_cart.phx-cart) #header .btn{ color:var(--phx-paper) !important; font-family:var(--phx-sans); }
html body:has(#order-standard_cart.phx-cart) #header #nav > li > a:hover,
html body:has(#order-standard_cart.phx-cart) #header a:hover{ color:var(--phx-accent-bright) !important; }
html body:has(#order-standard_cart.phx-cart) #header .dropdown-menu{ background:var(--phx-bg-deep) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius); }
html body:has(#order-standard_cart.phx-cart) #header .dropdown-menu a:hover,
html body:has(#order-standard_cart.phx-cart) #header .dropdown-item:hover{ background:var(--phx-panel) !important; }
html body:has(#order-standard_cart.phx-cart) #header .form-control,
html body:has(#order-standard_cart.phx-cart) #header .input-group .btn{ background:var(--phx-bg-deep) !important; border-color:var(--phx-line-strong) !important; color:var(--phx-paper) !important; }
html body:has(#order-standard_cart.phx-cart) #header .badge-info{ background:var(--phx-accent) !important; color:var(--phx-bg-deep) !important; font-family:var(--phx-mono); }
html body:has(#order-standard_cart.phx-cart) .master-breadcrumb{ background:transparent !important; border-bottom:1px solid var(--phx-line) !important; }
html body:has(#order-standard_cart.phx-cart) .master-breadcrumb .breadcrumb{ background:transparent !important; font-family:var(--phx-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
html body:has(#order-standard_cart.phx-cart) .master-breadcrumb .breadcrumb-item,
html body:has(#order-standard_cart.phx-cart) .master-breadcrumb .breadcrumb-item a,
html body:has(#order-standard_cart.phx-cart) .master-breadcrumb .breadcrumb-item::before{ color:var(--phx-ink) !important; }
html body:has(#order-standard_cart.phx-cart) #main-body{ background:transparent !important; padding-top:28px; padding-bottom:64px; }
html body:has(#order-standard_cart.phx-cart) #footer{ background:rgba(13,31,50,0.7) !important; border-top:1px solid var(--phx-line) !important; color:var(--phx-paper-dim) !important; font-family:var(--phx-mono); font-size:12px; }
html body:has(#order-standard_cart.phx-cart) #footer a,
html body:has(#order-standard_cart.phx-cart) #footer .nav-link{ color:var(--phx-paper) !important; font-family:var(--phx-sans); }
html body:has(#order-standard_cart.phx-cart) #footer .copyright{ color:var(--phx-paper-dim) !important; }
/* Language / currency chooser in the footer: only English + GBP exist. */
html body:has(#order-standard_cart.phx-cart) #footer [data-target="#modalChooseLanguage"]{ display:none !important; }

/* Modals opened from the cart (remove item, recommendations, empty cart). */
html body:has(#order-standard_cart.phx-cart) .modal-content{ background:var(--phx-bg-deep) !important; color:var(--phx-paper) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important; font-family:var(--phx-sans); }
html body:has(#order-standard_cart.phx-cart) .modal-header,
html body:has(#order-standard_cart.phx-cart) .modal-footer{ border-color:var(--phx-line) !important; background:transparent !important; }
html body:has(#order-standard_cart.phx-cart) .modal-content h4,
html body:has(#order-standard_cart.phx-cart) .modal-title{ color:var(--phx-paper) !important; }
html body:has(#order-standard_cart.phx-cart) .modal-content .close{ color:var(--phx-paper) !important; text-shadow:none; opacity:.8; }
html body:has(#order-standard_cart.phx-cart) .modal-content .btn-default,
html body:has(#order-standard_cart.phx-cart) .modal-content .btn-secondary{ background:transparent !important; color:var(--phx-paper) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important; }
html body:has(#order-standard_cart.phx-cart) .modal-content .btn-primary,
html body:has(#order-standard_cart.phx-cart) .modal-content .btn-danger{ background:var(--phx-accent) !important; color:var(--phx-bg-deep) !important; border:1px solid var(--phx-accent) !important; border-radius:var(--phx-radius) !important; font-weight:600; }

/* ------------------------------------------------------------------ order form base */
html body #order-standard_cart.phx-cart{
  font-family:var(--phx-sans); font-size:16px; line-height:1.55; color:var(--phx-paper) !important;
}
html body #order-standard_cart.phx-cart *{ box-sizing:border-box; }
html body #order-standard_cart.phx-cart h1, html body #order-standard_cart.phx-cart h2, html body #order-standard_cart.phx-cart h3, html body #order-standard_cart.phx-cart h4, html body #order-standard_cart.phx-cart h5, html body #order-standard_cart.phx-cart h6{ font-family:var(--phx-sans); color:var(--phx-paper) !important; letter-spacing:-0.005em; }
html body #order-standard_cart.phx-cart p, html body #order-standard_cart.phx-cart label, html body #order-standard_cart.phx-cart .control-label, html body #order-standard_cart.phx-cart li, html body #order-standard_cart.phx-cart td, html body #order-standard_cart.phx-cart th, html body #order-standard_cart.phx-cart small{ color:inherit; }
html body #order-standard_cart.phx-cart label, html body #order-standard_cart.phx-cart p.domain-renewal-desc{ color:var(--phx-paper) !important; font-weight:500; }
html body #order-standard_cart.phx-cart .text-muted, html body #order-standard_cart.phx-cart .field-help-text, html body #order-standard_cart.phx-cart .info-text-sm, html body #order-standard_cart.phx-cart .help-block, html body #order-standard_cart.phx-cart small.text-muted{ color:var(--phx-paper-dim) !important; }
html body #order-standard_cart.phx-cart a:not(.btn){ color:var(--phx-ink) !important; }
html body #order-standard_cart.phx-cart a:not(.btn):hover{ color:var(--phx-accent-bright) !important; }
html body #order-standard_cart.phx-cart hr{ border-color:var(--phx-line) !important; }

/* Layout: no category sidebar (every product is reached from start.html),
   one clean column, basket summary alongside on wide screens. Mobile-first. */
html body #order-standard_cart.phx-cart .cart-sidebar, html body #order-standard_cart.phx-cart .sidebar-collapsed{ display:none !important; }
html body #order-standard_cart.phx-cart .cart-body{ float:none !important; width:100% !important; max-width:1180px; margin:0 auto; padding-left:15px; padding-right:15px; }
html body #order-standard_cart.phx-cart .secondary-cart-body, html body #order-standard_cart.phx-cart .secondary-cart-sidebar{ float:none !important; width:100% !important; }
@media (min-width: 992px){
  html body #order-standard_cart.phx-cart .secondary-cart-body{ float:left !important; width:64% !important; }
  html body #order-standard_cart.phx-cart .secondary-cart-sidebar{ float:right !important; width:36% !important; }
}

/* Page title */
html body #order-standard_cart.phx-cart .header-lined{ border:0 !important; padding:0 !important; margin:0 0 22px !important; background:transparent !important; }
html body #order-standard_cart.phx-cart .header-lined h1, html body #order-standard_cart.phx-cart .header-lined .font-size-36{ font-size:30px !important; line-height:1.1; font-weight:700; margin:0 !important; color:var(--phx-paper) !important; }
@media (min-width: 768px){ html body #order-standard_cart.phx-cart .header-lined h1, html body #order-standard_cart.phx-cart .header-lined .font-size-36{ font-size:40px !important; } }
html body #order-standard_cart.phx-cart .header-lined::before{
  content:"Phoenix Hosting \00B7 Order"; display:flex; align-items:center; gap:10px; margin-bottom:10px;
  font-family:var(--phx-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--phx-ink);
}

/* Step labels */
html body #order-standard_cart.phx-cart .phx-steps{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-wrap:wrap; gap:6px 0; counter-reset:none;
  border:1px solid var(--phx-line-strong); border-radius:var(--phx-radius); background:rgba(13,31,50,0.55); }
html body #order-standard_cart.phx-cart .phx-steps li{ flex:1 1 50%; display:flex; align-items:center; gap:10px; padding:10px 14px; font-size:13.5px; color:var(--phx-paper-dim) !important; min-width:0; }
html body #order-standard_cart.phx-cart .phx-steps .n{ flex:none; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--phx-line-strong); border-radius:var(--phx-radius); font-family:var(--phx-mono); font-size:12px; color:var(--phx-ink); }
html body #order-standard_cart.phx-cart .phx-steps .l{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body #order-standard_cart.phx-cart .phx-steps li.is-current{ color:var(--phx-paper) !important; font-weight:600; box-shadow:inset 0 -2px 0 var(--phx-accent); }
html body #order-standard_cart.phx-cart .phx-steps li.is-current .n{ background:var(--phx-accent); border-color:var(--phx-accent); color:var(--phx-bg-deep); font-weight:600; }
html body #order-standard_cart.phx-cart .phx-steps li.is-done .n{ border-color:var(--phx-good); color:var(--phx-good); }
@media (min-width: 640px){ html body #order-standard_cart.phx-cart .phx-steps{ flex-wrap:nowrap; } html body #order-standard_cart.phx-cart .phx-steps li{ flex:1 1 0; } }
/* Step links (2026-10-03): completed steps link back while the order is open; "<- Back" above the bar on steps 2-3. */
html body #order-standard_cart.phx-cart .phx-steps a.phx-step-link{ display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; margin:-10px -14px; padding:10px 14px;
  color:inherit !important; text-decoration:none !important; border-radius:var(--phx-radius); }
html body #order-standard_cart.phx-cart .phx-steps a.phx-step-link .l{ text-decoration:underline; text-decoration-color:var(--phx-line-strong); text-underline-offset:3px; }
html body #order-standard_cart.phx-cart .phx-steps a.phx-step-link:hover{ color:var(--phx-accent-bright) !important; background:rgba(33,68,95,0.45); }
html body #order-standard_cart.phx-cart .phx-steps a.phx-step-link:hover .l{ text-decoration-color:var(--phx-accent-bright); }
html body #order-standard_cart.phx-cart .phx-steps a.phx-step-link:focus-visible{ outline:2px solid var(--phx-accent-bright); outline-offset:-2px; }
html body #order-standard_cart.phx-cart .phx-back{ margin:0 0 12px; font-family:var(--phx-mono); font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
html body #order-standard_cart.phx-cart .phx-back a{ display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:4px 2px; color:var(--phx-accent-bright) !important; text-decoration:none !important; border-radius:var(--phx-radius); }
html body #order-standard_cart.phx-cart .phx-back a:hover{ text-decoration:underline !important; text-underline-offset:3px; }
html body #order-standard_cart.phx-cart .phx-back a:focus-visible{ outline:2px solid var(--phx-accent-bright); outline-offset:2px; }
html body #order-standard_cart.phx-cart .phx-sr{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

/* Section sub-headings ("Personal information", "Payment details" ...):
   stock markup draws a line with a label on a white chip. */
html body #order-standard_cart.phx-cart .sub-heading, html body #order-standard_cart.phx-cart .sub-heading-borderless{ height:auto !important; border-top:0 !important; text-align:left !important; margin:34px 0 16px !important; display:flex; align-items:center; gap:12px; }
html body #order-standard_cart.phx-cart .sub-heading::after{ content:""; flex:1 1 auto; height:1px; background:var(--phx-line); }
html body #order-standard_cart.phx-cart .sub-heading span, html body #order-standard_cart.phx-cart .sub-heading-borderless span{
  position:static !important; top:auto !important; padding:0 !important; background:transparent !important;
  font-family:var(--phx-mono); font-size:12px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--phx-ink) !important;
}

/* ------------------------------------------------------------------ cards / panels */
html body #order-standard_cart.phx-cart .panel, html body #order-standard_cart.phx-cart .card, html body #order-standard_cart.phx-cart .product-info, html body #order-standard_cart.phx-cart .already-registered, html body #order-standard_cart.phx-cart .view-cart-items, html body #order-standard_cart.phx-cart .domain-checker-container,
html body #order-standard_cart.phx-cart .domain-promo-box, html body #order-standard_cart.phx-cart .field-container .panel, html body #order-standard_cart.phx-cart .addon-products .panel-addon, html body #order-standard_cart.phx-cart .products .product, html body #order-standard_cart.phx-cart .clientinfo-wrapper,
html body #order-standard_cart.phx-cart .apply-credit-container, html body #order-standard_cart.phx-cart .alert-info.order-confirmation{
  background:rgba(13,31,50,0.55) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important;
  color:var(--phx-paper) !important; box-shadow:none !important;
}
html body #order-standard_cart.phx-cart .panel-heading, html body #order-standard_cart.phx-cart .card-header, html body #order-standard_cart.phx-cart .panel-footer, html body #order-standard_cart.phx-cart .card-footer{ background:rgba(33,68,95,0.45) !important; border-color:var(--phx-line) !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .panel-body, html body #order-standard_cart.phx-cart .card-body{ background:transparent !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .bg-white, html body #order-standard_cart.phx-cart .bg-light{ background:transparent !important; }
html body #order-standard_cart.phx-cart .product-info{ padding:18px 20px !important; margin:0 0 22px !important; font-size:15px !important; }
html body #order-standard_cart.phx-cart .product-info .product-title{ font-size:20px !important; font-weight:700; margin:0 0 4px !important; }
html body #order-standard_cart.phx-cart .product-info p, html body #order-standard_cart.phx-cart .product-info .product-group{ color:var(--phx-paper-dim) !important; }
html body #order-standard_cart.phx-cart .product-info .product-title, html body #order-standard_cart.phx-cart .product-info .product-title *{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .already-registered{ padding:16px 18px !important; margin-bottom:10px !important; }
html body #order-standard_cart.phx-cart .already-registered p{ color:var(--phx-paper-dim) !important; margin:6px 0 0; }
html body #order-standard_cart.phx-cart .field-container{ margin:0 0 26px !important; }
html body #order-standard_cart.phx-cart .addon-products .panel-addon{ transition:border-color .15s ease; }
html body #order-standard_cart.phx-cart .addon-products .panel-addon.panel-addon-selected{ border-color:var(--phx-accent) !important; box-shadow:inset 0 0 0 1px var(--phx-accent) !important; }
html body #order-standard_cart.phx-cart .addon-products .panel-addon .panel-price{ background:rgba(33,68,95,0.6) !important; color:var(--phx-paper) !important; font-family:var(--phx-mono); border-color:var(--phx-line) !important; }
html body #order-standard_cart.phx-cart .addon-products .panel-addon .panel-add{ background:var(--phx-accent) !important; color:var(--phx-bg-deep) !important; font-weight:600; border-radius:0 !important; }
html body #order-standard_cart.phx-cart .products .product header, html body #order-standard_cart.phx-cart .products .product footer{ background:rgba(33,68,95,0.45) !important; border-color:var(--phx-line) !important; }
html body #order-standard_cart.phx-cart .products .product header span, html body #order-standard_cart.phx-cart .products .product .product-desc, html body #order-standard_cart.phx-cart .products .product .price{ color:var(--phx-paper) !important; }

/* Tables (configurable options, domain pricing) */
html body #order-standard_cart.phx-cart table, html body #order-standard_cart.phx-cart .table{ color:var(--phx-paper) !important; background:transparent !important; }
html body #order-standard_cart.phx-cart .table th, html body #order-standard_cart.phx-cart .table td{ border-color:var(--phx-line) !important; background:transparent !important; }

/* ------------------------------------------------------------------ view cart */
html body #order-standard_cart.phx-cart .view-cart-items-header{
  background:var(--phx-bg-deep) !important; color:var(--phx-ink) !important; border:1px solid var(--phx-line-strong) !important; border-bottom:0 !important;
  border-radius:var(--phx-radius) var(--phx-radius) 0 0 !important; font-family:var(--phx-mono); font-size:12px !important; letter-spacing:.1em; text-transform:uppercase; padding:10px 18px !important;
}
html body #order-standard_cart.phx-cart .view-cart-items{ border-top:0 !important; border-radius:0 0 var(--phx-radius) var(--phx-radius) !important; margin-bottom:22px; }
html body #order-standard_cart.phx-cart .view-cart-items .item{ background:transparent !important; border-color:var(--phx-line) !important; border-top:1px solid var(--phx-line) !important; padding:16px 18px !important; font-size:14px !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .view-cart-items .item:first-child{ border-top:0 !important; }
html body #order-standard_cart.phx-cart .view-cart-items .item:nth-child(even){ background:rgba(27,58,86,0.35) !important; }
html body #order-standard_cart.phx-cart .view-cart-items .item-title{ font-size:17px !important; font-weight:700; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .view-cart-items .item-group{ font-size:13px !important; color:var(--phx-paper-dim) !important; font-style:normal; }
html body #order-standard_cart.phx-cart .view-cart-items .item-domain{ font-family:var(--phx-mono); font-size:13.5px; color:var(--phx-ink) !important; word-break:break-all; }
html body #order-standard_cart.phx-cart .view-cart-items .item-price{ font-family:var(--phx-mono); }
html body #order-standard_cart.phx-cart .view-cart-items .item-price span{ font-size:17px !important; font-weight:600; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .view-cart-items .item-price .cycle, html body #order-standard_cart.phx-cart .view-cart-items .item-price .renewal, html body #order-standard_cart.phx-cart .view-cart-items .item-price .renewal-price{ font-size:12px !important; color:var(--phx-paper-dim) !important; font-weight:400 !important; }
html body #order-standard_cart.phx-cart .view-cart-items .btn-remove-from-cart{ color:var(--phx-paper-dim) !important; background:transparent !important; border:0 !important; }
html body #order-standard_cart.phx-cart .view-cart-items .btn-remove-from-cart:hover{ color:var(--phx-warn) !important; }
html body #order-standard_cart.phx-cart .view-cart-empty{ padding:36px 18px !important; text-align:center; color:var(--phx-paper-dim) !important; }
html body #order-standard_cart.phx-cart .empty-cart .btn, html body #order-standard_cart.phx-cart .empty-cart .btn-link{ color:var(--phx-paper-dim) !important; font-size:13px; }

/* Promo code / tax tabs */
html body #order-standard_cart.phx-cart .view-cart-tabs{ margin-top:6px; }
html body #order-standard_cart.phx-cart .view-cart-tabs .nav-tabs{ border-bottom:1px solid var(--phx-line-strong) !important; }
html body #order-standard_cart.phx-cart .view-cart-tabs .nav-tabs .nav-link, html body #order-standard_cart.phx-cart .view-cart-tabs .nav-tabs > li > a{
  background:transparent !important; border:1px solid transparent !important; border-radius:var(--phx-radius) var(--phx-radius) 0 0 !important;
  color:var(--phx-paper-dim) !important; font-family:var(--phx-mono); font-size:13px;
}
html body #order-standard_cart.phx-cart .view-cart-tabs .nav-tabs .nav-link.active, html body #order-standard_cart.phx-cart .view-cart-tabs .nav-tabs > li.active > a{
  background:rgba(13,31,50,0.55) !important; border-color:var(--phx-line-strong) var(--phx-line-strong) transparent !important; color:var(--phx-paper) !important;
}
html body #order-standard_cart.phx-cart .view-cart-tabs .tab-content{ background:rgba(13,31,50,0.55) !important; border:1px solid var(--phx-line-strong) !important; border-top:0 !important; padding:18px !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .view-cart-promotion-code{ font-family:var(--phx-mono); color:var(--phx-good) !important; background:transparent !important; border:1px dashed var(--phx-good) !important; border-radius:var(--phx-radius) !important; }

/* ------------------------------------------------------------------ order summary (sticky basket) */
html body #order-standard_cart.phx-cart .order-summary{
  background:var(--phx-panel) !important; border:1px solid var(--phx-accent) !important; border-radius:var(--phx-radius) !important;
  margin:0 0 22px !important; overflow:hidden;
}
html body #order-standard_cart.phx-cart .order-summary h2{ background:transparent !important; color:var(--phx-paper) !important; text-align:left !important; font-size:18px !important; font-weight:700 !important; padding:20px 22px 6px !important; }
html body #order-standard_cart.phx-cart .summary-container{ background:transparent !important; color:var(--phx-paper) !important; padding:8px 22px 22px !important; font-size:14px !important; border-radius:0 !important; }
html body #order-standard_cart.phx-cart .order-summary .product-name{ font-size:15px !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .order-summary .product-group{ font-style:normal !important; color:var(--phx-paper-dim) !important; font-size:12.5px; }
html body #order-standard_cart.phx-cart .order-summary .clearfix, html body #order-standard_cart.phx-cart .order-summary .subtotal, html body #order-standard_cart.phx-cart .order-summary .recurring-totals, html body #order-standard_cart.phx-cart .order-summary .recurring-charges{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .order-summary .pull-right, html body #order-standard_cart.phx-cart .order-summary .float-right, html body #order-standard_cart.phx-cart .order-summary .amt, html body #order-standard_cart.phx-cart .order-summary .cost{ font-family:var(--phx-mono); white-space:nowrap; }
html body #order-standard_cart.phx-cart .order-summary .summary-totals, html body #order-standard_cart.phx-cart .order-summary .bordered-totals{ border-color:var(--phx-line-strong) !important; }
html body #order-standard_cart.phx-cart .order-summary .total-due-today{ border-top:1px solid var(--phx-line-strong); margin-top:12px; padding-top:12px; }
html body #order-standard_cart.phx-cart .order-summary .total-due-today .amt{ font-size:28px !important; font-weight:700; color:var(--phx-paper) !important; font-family:var(--phx-mono); }
html body #order-standard_cart.phx-cart .order-summary .total-due-today span:not(.amt){ color:var(--phx-paper-dim) !important; font-size:13px; }
html body #order-standard_cart.phx-cart .order-summary .loader{ color:var(--phx-ink) !important; }
html body #order-standard_cart.phx-cart .summary-container .btn-checkout, html body #order-standard_cart.phx-cart .order-summary .btn-checkout{ width:100%; margin-top:6px; }
html body #order-standard_cart.phx-cart .express-checkout-buttons{ color:var(--phx-paper-dim); }
html body #order-standard_cart.phx-cart .secondary-cart-sidebar .text-right{ text-align:center !important; }
@media (min-width: 992px){ html body #order-standard_cart.phx-cart .secondary-cart-sidebar .order-summary{ position:sticky; top:20px; } }

/* Checkout "items" recap block */
html body #order-standard_cart.phx-cart .checkout-items, html body #order-standard_cart.phx-cart .checkout-items .item{ background:transparent !important; border-color:var(--phx-line) !important; color:var(--phx-paper) !important; }

/* ------------------------------------------------------------------ buttons */
html body #order-standard_cart.phx-cart .btn{
  border-radius:var(--phx-radius) !important; font-family:var(--phx-sans); font-weight:600; font-size:14px; padding:10px 18px;
  box-shadow:none !important; text-shadow:none !important; transition:background .15s ease, border-color .15s ease, color .15s ease;
}
html body #order-standard_cart.phx-cart .btn-lg{ padding:14px 22px; font-size:16px; }
html body #order-standard_cart.phx-cart .btn-sm, html body #order-standard_cart.phx-cart .btn-xs{ padding:5px 10px; font-size:12.5px; }
html body #order-standard_cart.phx-cart .btn-primary, html body #order-standard_cart.phx-cart .btn-success, html body #order-standard_cart.phx-cart .btn-checkout, html body #order-standard_cart.phx-cart .btn-order-now, html body #order-standard_cart.phx-cart .btn-add-to-cart, html body #order-standard_cart.phx-cart #btnCompleteOrder, html body #order-standard_cart.phx-cart #btnCompleteProductConfig, html body #order-standard_cart.phx-cart #btnDomainContinue{
  background:var(--phx-accent) !important; border:1px solid var(--phx-accent) !important; color:var(--phx-bg-deep) !important;
}
html body #order-standard_cart.phx-cart .btn-primary:hover, html body #order-standard_cart.phx-cart .btn-success:hover, html body #order-standard_cart.phx-cart .btn-checkout:hover, html body #order-standard_cart.phx-cart .btn-order-now:hover, html body #order-standard_cart.phx-cart .btn-add-to-cart:hover, html body #order-standard_cart.phx-cart #btnCompleteOrder:hover,
html body #order-standard_cart.phx-cart .btn-primary:focus, html body #order-standard_cart.phx-cart .btn-success:focus, html body #order-standard_cart.phx-cart .btn-checkout:focus{
  background:var(--phx-accent-bright) !important; border-color:var(--phx-accent-bright) !important; color:var(--phx-bg-deep) !important;
}
html body #order-standard_cart.phx-cart .btn-add-to-cart.checkout, html body #order-standard_cart.phx-cart .btn-add-to-cart.added{ background:transparent !important; color:var(--phx-good) !important; border-color:var(--phx-good) !important; }
html body #order-standard_cart.phx-cart .btn-default, html body #order-standard_cart.phx-cart .btn-secondary, html body #order-standard_cart.phx-cart .btn-info, html body #order-standard_cart.phx-cart .btn-warning, html body #order-standard_cart.phx-cart .btn-continue-shopping{
  background:transparent !important; border:1px solid var(--phx-line-strong) !important; color:var(--phx-paper) !important;
}
html body #order-standard_cart.phx-cart .btn-default:hover, html body #order-standard_cart.phx-cart .btn-secondary:hover, html body #order-standard_cart.phx-cart .btn-info:hover, html body #order-standard_cart.phx-cart .btn-warning:hover, html body #order-standard_cart.phx-cart .btn-continue-shopping:hover{
  border-color:var(--phx-accent) !important; color:var(--phx-accent-bright) !important; background:rgba(206,144,70,0.08) !important;
}
html body #order-standard_cart.phx-cart .btn-danger{ background:transparent !important; border:1px solid var(--phx-warn) !important; color:var(--phx-warn) !important; }
html body #order-standard_cart.phx-cart .btn-link{ background:transparent !important; border:0 !important; color:var(--phx-ink) !important; font-weight:500; }
html body #order-standard_cart.phx-cart .btn:focus-visible, html body #order-standard_cart.phx-cart a:focus-visible, html body #order-standard_cart.phx-cart .form-control:focus-visible{ outline:2px solid var(--phx-accent-bright) !important; outline-offset:2px; }
html body #order-standard_cart.phx-cart .btn.disabled, html body #order-standard_cart.phx-cart .btn[disabled]{ opacity:.45; cursor:not-allowed; }
html body #order-standard_cart.phx-cart #btnCompleteOrder{ width:100%; max-width:420px; padding:15px 20px; font-size:16px; }

/* ------------------------------------------------------------------ forms */
html body #order-standard_cart.phx-cart .form-control, html body #order-standard_cart.phx-cart .custom-select, html body #order-standard_cart.phx-cart select, html body #order-standard_cart.phx-cart textarea,
html body #order-standard_cart.phx-cart input[type="text"], html body #order-standard_cart.phx-cart input[type="email"], html body #order-standard_cart.phx-cart input[type="password"], html body #order-standard_cart.phx-cart input[type="tel"], html body #order-standard_cart.phx-cart input[type="number"], html body #order-standard_cart.phx-cart input[type="search"], html body #order-standard_cart.phx-cart input[type="url"]{
  background-color:var(--phx-bg-deep) !important; color:var(--phx-paper) !important; border:1px solid var(--phx-line-strong) !important;
  border-radius:var(--phx-radius) !important; font-family:var(--phx-sans); font-size:16px !important; box-shadow:none !important; min-height:44px;
}
html body #order-standard_cart.phx-cart textarea.form-control{ min-height:88px; }
html body #order-standard_cart.phx-cart select.form-control, html body #order-standard_cart.phx-cart .custom-select{ padding-right:30px; }
html body #order-standard_cart.phx-cart .form-control::placeholder{ color:rgba(241,236,223,0.45) !important; }
html body #order-standard_cart.phx-cart .form-control:focus, html body #order-standard_cart.phx-cart select:focus, html body #order-standard_cart.phx-cart textarea:focus{ border-color:var(--phx-accent) !important; box-shadow:0 0 0 1px var(--phx-accent) !important; outline:0; }
html body #order-standard_cart.phx-cart .form-control[readonly], html body #order-standard_cart.phx-cart .form-control:disabled{ opacity:.7; }
html body #order-standard_cart.phx-cart .has-error .form-control, html body #order-standard_cart.phx-cart .form-control.is-invalid, html body #order-standard_cart.phx-cart .form-control.invalid{ border-color:var(--phx-warn) !important; }
html body #order-standard_cart.phx-cart .field-error-msg, html body #order-standard_cart.phx-cart .text-danger, html body #order-standard_cart.phx-cart .invalid-feedback, html body #order-standard_cart.phx-cart .vat-error{ color:var(--phx-warn) !important; }
/* not the phone field: intl-tel-input sets its own inline padding for the +44 flag */
html body #order-standard_cart.phx-cart .prepend-icon .form-control:not([type="tel"]), html body #order-standard_cart.phx-cart .prepend-icon .field:not([type="tel"]){ padding-left:44px !important; }
html body #order-standard_cart.phx-cart .prepend-icon .field-icon{ height:44px !important; line-height:44px !important; color:var(--phx-ink) !important; }
html body #order-standard_cart.phx-cart .input-group-text, html body #order-standard_cart.phx-cart .input-group-addon, html body #order-standard_cart.phx-cart .input-group-prepend .btn, html body #order-standard_cart.phx-cart .input-group-append .btn, html body #order-standard_cart.phx-cart .input-group-btn .btn{
  background:var(--phx-panel) !important; border-color:var(--phx-line-strong) !important; color:var(--phx-paper) !important; border-radius:var(--phx-radius) !important;
}
html body #order-standard_cart.phx-cart .input-group-append .btn-primary, html body #order-standard_cart.phx-cart .input-group-btn .btn-primary{ background:var(--phx-accent) !important; color:var(--phx-bg-deep) !important; border-color:var(--phx-accent) !important; }
html body #order-standard_cart.phx-cart input[type="checkbox"], html body #order-standard_cart.phx-cart input[type="radio"]{ accent-color:var(--phx-accent); }
html body #order-standard_cart.phx-cart .radio-inline, html body #order-standard_cart.phx-cart .checkbox-inline, html body #order-standard_cart.phx-cart .checkbox label, html body #order-standard_cart.phx-cart .radio label{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .marketing-email-optin{ background:rgba(13,31,50,0.55) !important; border:1px solid var(--phx-line) !important; border-radius:var(--phx-radius); padding:16px 18px !important; }
html body #order-standard_cart.phx-cart .marketing-email-optin h4{ font-size:16px; }
html body #order-standard_cart.phx-cart .progress{ background:var(--phx-bg-deep) !important; border-radius:var(--phx-radius) !important; }
html body #order-standard_cart.phx-cart .progress-bar-success{ background-color:var(--phx-good) !important; }

/* iCheck (the stock skinned radios/checkboxes use a blue sprite). Tint to brass. */
html body #order-standard_cart.phx-cart .icheckbox_square-blue, html body #order-standard_cart.phx-cart .iradio_square-blue{ filter:sepia(1) saturate(2.2) hue-rotate(-10deg) brightness(1.05); }

/* Toggle switches (Bootstrap-switch) */
html body #order-standard_cart.phx-cart .bootstrap-switch{ border-color:var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important; background:var(--phx-bg-deep) !important; }
html body #order-standard_cart.phx-cart .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
html body #order-standard_cart.phx-cart .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{ background:var(--phx-accent) !important; color:var(--phx-bg-deep) !important; }
html body #order-standard_cart.phx-cart .bootstrap-switch .bootstrap-switch-handle-off, html body #order-standard_cart.phx-cart .bootstrap-switch .bootstrap-switch-label{ background:var(--phx-panel) !important; color:var(--phx-paper) !important; }

/* Payment method radios + card fields. Stripe Elements render their text
   inside Stripe's own iframe in a dark colour, so the element box gets a paper
   background to stay readable. Nothing about Stripe's mount points changes. */
html body #order-standard_cart.phx-cart .payment-methods{ display:flex; flex-wrap:wrap; gap:10px; }
html body #order-standard_cart.phx-cart .payment-methods label, html body #order-standard_cart.phx-cart .payment-methods .radio-inline{
  display:inline-flex; align-items:center; gap:8px; margin:0 !important; padding:10px 14px; background:var(--phx-panel) !important;
  border:1px solid var(--phx-line-strong); border-radius:var(--phx-radius); cursor:pointer;
}
html body #order-standard_cart.phx-cart .payment-methods label:has(input:checked){ border-color:var(--phx-accent); box-shadow:inset 0 0 0 1px var(--phx-accent); }
html body #order-standard_cart.phx-cart .cc-input-container, html body #order-standard_cart.phx-cart #creditCardInputFields{
  background:rgba(13,31,50,0.55) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important;
  padding:18px !important; color:var(--phx-paper) !important;
}
html body #order-standard_cart.phx-cart .StripeElement, html body #order-standard_cart.phx-cart .stripe-element, html body #order-standard_cart.phx-cart [id^="stripe"] .form-control.StripeElement{
  background:var(--phx-paper) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important;
  padding:12px 12px !important; min-height:44px;
}
html body #order-standard_cart.phx-cart .StripeElement--focus{ border-color:var(--phx-accent) !important; box-shadow:0 0 0 2px var(--phx-accent) !important; }
html body #order-standard_cart.phx-cart .StripeElement--invalid{ border-color:var(--phx-warn) !important; }
html body #order-standard_cart.phx-cart .existing-cc-grid, html body #order-standard_cart.phx-cart .existing-cc-grid .paymethod-info{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .existing-cc-grid > div{ border-color:var(--phx-line) !important; }
html body #order-standard_cart.phx-cart .gateway-errors, html body #order-standard_cart.phx-cart .checkout-error-feedback{ background:rgba(224,138,106,0.12) !important; border:1px solid var(--phx-warn) !important; color:var(--phx-paper) !important; border-radius:var(--phx-radius) !important; }
html body #order-standard_cart.phx-cart .checkout-security-msg{ background:transparent !important; border:1px solid var(--phx-line) !important; color:var(--phx-paper-dim) !important; border-radius:var(--phx-radius) !important; font-size:13.5px; }
html body #order-standard_cart.phx-cart .checkout-security-msg i{ color:var(--phx-good) !important; }

/* Captcha (built-in image captcha or reCAPTCHA) */
html body #order-standard_cart.phx-cart .default-captcha{ background:rgba(13,31,50,0.55) !important; border:1px solid var(--phx-line-strong) !important; color:var(--phx-paper) !important; border-radius:var(--phx-radius) !important; }
html body #order-standard_cart.phx-cart .default-captcha img{ border-radius:var(--phx-radius); background:#fff; }
html body #order-standard_cart.phx-cart .captcha-container, html body #order-standard_cart.phx-cart #google-recaptcha-domainchecker{ color:var(--phx-paper) !important; }

/* Alerts */
html body #order-standard_cart.phx-cart .alert{ border-radius:var(--phx-radius) !important; border:1px solid var(--phx-line-strong) !important; background:rgba(13,31,50,0.55) !important; color:var(--phx-paper) !important; font-size:14.5px; }
html body #order-standard_cart.phx-cart .alert-info{ border-left:3px solid var(--phx-ink) !important; }
html body #order-standard_cart.phx-cart .alert-success{ border-left:3px solid var(--phx-good) !important; }
html body #order-standard_cart.phx-cart .alert-warning{ border-left:3px solid var(--phx-accent) !important; }
html body #order-standard_cart.phx-cart .alert-danger{ border-left:3px solid var(--phx-warn) !important; background:rgba(224,138,106,0.10) !important; }
html body #order-standard_cart.phx-cart .alert a, html body #order-standard_cart.phx-cart .alert .alert-link{ color:var(--phx-accent-bright) !important; }
html body #order-standard_cart.phx-cart .label, html body #order-standard_cart.phx-cart .badge{ border-radius:var(--phx-radius) !important; font-family:var(--phx-mono); font-weight:500; }
html body #order-standard_cart.phx-cart .label-info, html body #order-standard_cart.phx-cart .badge-info{ background:transparent !important; border:1px solid var(--phx-ink); color:var(--phx-ink) !important; }
html body #order-standard_cart.phx-cart .label-default, html body #order-standard_cart.phx-cart .badge-secondary{ background:transparent !important; border:1px solid var(--phx-line-strong); color:var(--phx-paper-dim) !important; }
html body #order-standard_cart.phx-cart .label-success, html body #order-standard_cart.phx-cart .badge-success{ background:transparent !important; border:1px solid var(--phx-good); color:var(--phx-good) !important; }

/* Dropdowns inside the form (billing cycle etc.) */
html body #order-standard_cart.phx-cart .dropdown-menu{ background:var(--phx-bg-deep) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important; }
html body #order-standard_cart.phx-cart .dropdown-menu > li > a, html body #order-standard_cart.phx-cart .dropdown-item{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .dropdown-menu > li > a:hover, html body #order-standard_cart.phx-cart .dropdown-item:hover{ background:var(--phx-panel) !important; }
html body #order-standard_cart.phx-cart .list-group-item{ background:transparent !important; border-color:var(--phx-line) !important; color:var(--phx-paper) !important; }

/* ------------------------------------------------------------------ domain steps */
html body #order-standard_cart.phx-cart .domain-checker-container{ background:rgba(13,31,50,0.55) !important; padding:22px !important; }
html body #order-standard_cart.phx-cart .domain-checker-container .input-group-box, html body #order-standard_cart.phx-cart .input-group-wrapper{ background:transparent !important; border:0 !important; box-shadow:none !important; }
html body #order-standard_cart.phx-cart .domain-checker-bg{ background:none !important; }
html body #order-standard_cart.phx-cart .domain-selection-options .option{ background:var(--phx-panel) !important; border:1px solid var(--phx-line-strong) !important; border-radius:var(--phx-radius) !important; color:var(--phx-paper) !important; padding:16px 18px !important; margin-bottom:10px !important; }
html body #order-standard_cart.phx-cart .domain-selection-options .option-selected{ border-color:var(--phx-accent) !important; box-shadow:inset 0 0 0 1px var(--phx-accent) !important; background:linear-gradient(180deg, var(--phx-panel-2), var(--phx-panel)) !important; }
html body #order-standard_cart.phx-cart .domain-selection-options .option label{ font-weight:600; }
html body #order-standard_cart.phx-cart .domain-input-group{ margin-top:12px; }
html body #order-standard_cart.phx-cart .domain-input-group .form-control, html body #order-standard_cart.phx-cart .domain-input-group select{ font-family:var(--phx-mono) !important; }
html body #order-standard_cart.phx-cart .domain-checker-result-headline, html body #order-standard_cart.phx-cart .domain-lookup-result{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .domain-checker-available, html body #order-standard_cart.phx-cart .domain-available, html body #order-standard_cart.phx-cart .available{ color:var(--phx-good) !important; }
html body #order-standard_cart.phx-cart .domain-checker-unavailable, html body #order-standard_cart.phx-cart .domain-unavailable, html body #order-standard_cart.phx-cart .unavailable, html body #order-standard_cart.phx-cart .domain-invalid, html body #order-standard_cart.phx-cart .domain-error{ color:var(--phx-warn) !important; }
html body #order-standard_cart.phx-cart .domain-price, html body #order-standard_cart.phx-cart .register-price-label, html body #order-standard_cart.phx-cart .transfer-price-label, html body #order-standard_cart.phx-cart .price{ font-family:var(--phx-mono); color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .domain-suggestion, html body #order-standard_cart.phx-cart .domain-suggestions .list-group-item, html body #order-standard_cart.phx-cart .suggested-domains, html body #order-standard_cart.phx-cart .suggested-domains .panel-heading{ background:transparent !important; border-color:var(--phx-line) !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .suggested-domains .domain, html body #order-standard_cart.phx-cart .domain-suggestion .domain{ font-family:var(--phx-mono); }
html body #order-standard_cart.phx-cart .suggested-domains .extension{ color:var(--phx-ink) !important; }
html body #order-standard_cart.phx-cart .spotlight-tld{ background:var(--phx-panel) !important; border:1px solid var(--phx-line-strong) !important; color:var(--phx-paper) !important; border-radius:var(--phx-radius) !important; font-family:var(--phx-mono); }
html body #order-standard_cart.phx-cart .spotlight-tld .btn{ margin-top:6px; }
html body #order-standard_cart.phx-cart .tld-pricing-header, html body #order-standard_cart.phx-cart .tld-pricing-header [class*="col-"], html body #order-standard_cart.phx-cart .tld-column, html body #order-standard_cart.phx-cart .domain-pricing .row.no-gutters,
html body #order-standard_cart.phx-cart .tld-row, html body #order-standard_cart.phx-cart .tld-row.highlighted, html body #order-standard_cart.phx-cart .tld-row [class*="col-"]{ background:transparent !important; border-color:var(--phx-line) !important; color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart .tld-row.highlighted{ background:rgba(27,58,86,0.35) !important; }
html body #order-standard_cart.phx-cart .tld-filters .badge, html body #order-standard_cart.phx-cart .tld-filters a{ background:transparent !important; color:var(--phx-ink) !important; border:1px solid var(--phx-line-strong) !important; }
html body #order-standard_cart.phx-cart .domain-promo-box *{ color:var(--phx-paper) !important; background-color:transparent !important; }
html body #order-standard_cart.phx-cart .domain-promo-box i, html body #order-standard_cart.phx-cart .domain-promo-box .fas, html body #order-standard_cart.phx-cart .domain-promo-box .far{ color:var(--phx-accent) !important; }
html body #order-standard_cart.phx-cart .primary-domain-header, html body #order-standard_cart.phx-cart .domains-row{ color:var(--phx-paper) !important; background:transparent !important; border-color:var(--phx-line) !important; }

/* ------------------------------------------------------------------ order complete */
html body #order-standard_cart.phx-cart .order-confirmation{ font-size:16px; text-align:center; padding:22px !important; }
html body #order-standard_cart.phx-cart .order-confirmation span{ display:block; margin-top:6px; font-family:var(--phx-mono); font-size:26px; font-weight:600; color:var(--phx-accent-bright) !important; }
html body #order-standard_cart.phx-cart .order-confirmation-addon-output{ color:var(--phx-paper) !important; }

/* Product recommendations (only if ever enabled) */
html body #order-standard_cart.phx-cart .product-recommendations .product-recommendation, html body #order-standard_cart.phx-cart .product-recommendation{ background:rgba(13,31,50,0.55) !important; border:1px solid var(--phx-line-strong) !important; color:var(--phx-paper) !important; border-radius:var(--phx-radius) !important; }

/* ------------------------------------------------------------------ small screens */
@media (max-width: 767px){
  html body:has(#order-standard_cart.phx-cart) #main-body{ padding-top:18px; }
  html body #order-standard_cart.phx-cart .header-lined h1, html body #order-standard_cart.phx-cart .header-lined .font-size-36{ font-size:28px !important; }
  html body #order-standard_cart.phx-cart .view-cart-items .item{ padding:14px !important; }
  html body #order-standard_cart.phx-cart .view-cart-items .item-price{ text-align:left !important; margin-top:6px; }
  html body #order-standard_cart.phx-cart .already-registered .pull-right, html body #order-standard_cart.phx-cart .already-registered .float-right{ float:none !important; margin-bottom:10px; }
  html body #order-standard_cart.phx-cart .already-registered .btn{ width:100%; }
  html body #order-standard_cart.phx-cart .btn-checkout, html body #order-standard_cart.phx-cart #btnCompleteOrder, html body #order-standard_cart.phx-cart .btn-continue-shopping{ width:100%; max-width:none; }
  html body #order-standard_cart.phx-cart .order-summary h2{ padding:16px 16px 4px !important; }
  html body #order-standard_cart.phx-cart .summary-container{ padding:6px 16px 16px !important; }
  html body #order-standard_cart.phx-cart .phx-steps li{ padding:9px 10px; font-size:13px; }
  html body #order-standard_cart.phx-cart .phx-steps a.phx-step-link{ margin:-9px -10px; padding:9px 10px; }
  html body #order-standard_cart.phx-cart img, html body #order-standard_cart.phx-cart iframe{ max-width:100%; }
}

/* ---- Multi-site basket (phoenix_cart_next, 2026-10-04): website cards, per-line labels, add buttons ---- */
html body #order-standard_cart.phx-cart .phx-ms{ border:1px solid var(--phx-accent); border-radius:var(--phx-radius); background:rgba(13,31,50,0.55); padding:18px 18px 14px; margin:0 0 22px; }
html body #order-standard_cart.phx-cart .phx-ms-head{ font-size:18px !important; margin:0 0 12px !important; color:var(--phx-paper) !important; font-weight:700; }
html body #order-standard_cart.phx-cart .phx-ms-cards{ list-style:none; margin:0 0 12px; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; }
html body #order-standard_cart.phx-cart .phx-ms-card{ background:var(--phx-panel); border:1px solid var(--phx-line-strong); border-radius:var(--phx-radius); padding:14px; min-width:0; }
html body #order-standard_cart.phx-cart .phx-ms-title{ font-weight:700; font-size:15px; color:var(--phx-paper); word-break:break-word; }
html body #order-standard_cart.phx-cart .phx-ms-lines{ list-style:none; margin:8px 0 10px; padding:0; font-size:13px; color:var(--phx-paper-dim); }
html body #order-standard_cart.phx-cart .phx-ms-lines li{ padding:2px 0; word-break:break-word; }
html body #order-standard_cart.phx-cart .phx-ms-actions, html body #order-standard_cart.phx-cart .phx-ms-add{ display:flex; flex-wrap:wrap; gap:8px; }
html body #order-standard_cart.phx-cart .phx-ms-btn{ display:inline-flex; align-items:center; padding:7px 12px; font-size:13px; font-family:var(--phx-sans); font-weight:600; border:1px solid var(--phx-line-strong); border-radius:var(--phx-radius); background:transparent; color:var(--phx-paper) !important; text-decoration:none !important; cursor:pointer; }
html body #order-standard_cart.phx-cart .phx-ms-btn:hover{ border-color:var(--phx-accent-bright); color:var(--phx-accent-bright) !important; }
html body #order-standard_cart.phx-cart .phx-ms-btn:focus-visible{ outline:2px solid var(--phx-accent-bright); outline-offset:2px; }
html body #order-standard_cart.phx-cart .phx-ms-primary{ background:var(--phx-accent); border-color:var(--phx-accent); color:var(--phx-bg-deep) !important; }
html body #order-standard_cart.phx-cart .phx-ms-primary:hover{ background:var(--phx-accent-bright); color:var(--phx-bg-deep) !important; }
html body #order-standard_cart.phx-cart .phx-ms-err{ color:var(--phx-warn); font-size:13px; margin:8px 0 0; }
html body #order-standard_cart.phx-cart .phx-ms-note{ font-size:13px; color:var(--phx-paper-dim); margin:0 0 12px; }
html body #order-standard_cart.phx-cart .phx-ms-problems ul{ margin:0; padding-left:18px; }
html body #order-standard_cart.phx-cart .phx-line-label{ display:block; margin-top:4px; font-family:var(--phx-mono); font-size:12px; color:var(--phx-accent-bright); word-break:break-word; }
/* links styled as buttons must beat "a:not(.btn)" (1,2,3) */
html body #order-standard_cart.phx-cart a.phx-ms-btn{ color:var(--phx-paper) !important; }
html body #order-standard_cart.phx-cart a.phx-ms-btn:hover{ color:var(--phx-accent-bright) !important; }
html body #order-standard_cart.phx-cart a.phx-ms-btn.phx-ms-primary, html body #order-standard_cart.phx-cart a.phx-ms-btn.phx-ms-primary:hover{ color:var(--phx-bg-deep) !important; }

/* Ported from live phoenix_cart (other agent, 2026-10-04 16:29 UTC, phxv 20261004a): */
/* Mailing-list opt-in (Olly 2026-10-04): unticked by default (consent), but clearly visible: brass edge, lifted panel. */
html body #order-standard_cart.phx-cart .marketing-email-optin{ background:var(--phx-panel) !important; border:1px solid var(--phx-accent) !important; border-left:4px solid var(--phx-accent) !important; border-radius:var(--phx-radius); padding:18px 20px !important; margin:22px 0 !important; box-shadow:0 0 0 3px rgba(206,144,70,0.14); }
html body #order-standard_cart.phx-cart .marketing-email-optin::before{ content:"Optional \00B7  news and offers"; display:block; font-family:var(--phx-mono); font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--phx-accent-bright); margin-bottom:6px; }
html body #order-standard_cart.phx-cart .marketing-email-optin h4{ font-size:18px; color:var(--phx-paper) !important; margin-top:0; }
html body #order-standard_cart.phx-cart .marketing-email-optin p{ color:var(--phx-paper) !important; }