/* ==========================================================================
   UKBOX Forest Skin v2 — deep polish
   Midnight #0D1411 · Racing #0F3D2E · Garden #2FBF71 · Gold #F5B840
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600;700&display=swap');

/* ---- Base ---------------------------------------------------------------- */
body { font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
       background:#F4F6F3; color:#141D18; font-size:15.5px; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.navbar-brand,.header-lined h1,.card-title {
  font-family:'Space Grotesk','Inter',sans-serif; font-weight:700; color:#141D18; }
a { color:#0F3D2E; } a:hover,a:focus { color:#2FBF71; text-decoration:none; }
.container { max-width:1200px; }

/* ---- Header & primary nav ------------------------------------------------ */
#header,.header,nav.navbar,#main-menu,.navbar-main { background:#0D1411 !important; border:0; }
#header .navbar,#main-menu .navbar { background:transparent !important; }
#header { padding-top:10px; padding-bottom:6px; }
#header .logo img,#header img.logo,.navbar-brand img { max-height:52px; }
#main-menu { box-shadow:0 10px 30px -18px rgba(13,20,17,.8); }
#main-menu .nav-link,#header .nav-link { color:#CFE0D6 !important; font-weight:500;
  padding:14px 16px !important; }
#main-menu .nav-link:hover { color:#fff !important; }
#main-menu .nav-item.active > .nav-link,#main-menu > .navbar-nav > .nav-item > .nav-link.active {
  color:#2FBF71 !important; box-shadow:inset 0 -3px 0 #2FBF71; }
.navbar-toggler { border-color:#2FBF71; }
#header .cart-btn { color:#F5B840 !important; }
#header .form-control { border-radius:12px; border:0; }

/* ---- Dropdown menus: readable again -------------------------------------- */
.dropdown-menu { border:1px solid #E3E8E4; border-radius:14px; padding:8px;
  box-shadow:0 18px 40px -18px rgba(13,20,17,.45); }
.dropdown-menu a,.dropdown-menu .dropdown-item { color:#141D18 !important;
  font-weight:500; border-radius:8px; padding:9px 14px; }
.dropdown-menu a:hover,.dropdown-menu .dropdown-item:hover {
  background:#E7F7EE; color:#0F3D2E !important; }
.dropdown-divider { border-color:#EDF1EE; }

/* ---- Hide the wrong-country flag icons ----------------------------------- */
img[src*="/flags/"],img[src*="flag"],.flag-icon,.language-flag { display:none !important; }

/* ---- Buttons -------------------------------------------------------------- */
.btn { border-radius:12px; font-weight:600; letter-spacing:.1px; }
.btn-primary,.btn-success,#order-standard_cart .btn-checkout {
  background:#2FBF71 !important; border-color:#2FBF71 !important; color:#0B241A !important; }
.btn-primary:hover,.btn-primary:focus,.btn-success:hover,.btn-success:focus {
  background:#27A862 !important; border-color:#27A862 !important; color:#0B241A !important;
  box-shadow:0 10px 24px -12px rgba(47,191,113,.7); transform:translateY(-1px); }
.btn-default,.btn-secondary,.btn-outline-secondary {
  border:1.5px solid #0F3D2E; color:#0F3D2E; background:#fff; }
.btn-default:hover,.btn-secondary:hover,.btn-outline-secondary:hover {
  background:#0F3D2E; color:#fff; }
.btn-link,.btn-continue-shopping { color:#0F3D2E; }
.btn-lg { padding:13px 26px; }

/* ---- Cards ----------------------------------------------------------------- */
.card { border:1px solid #E7ECE8; border-radius:16px;
  box-shadow:0 14px 34px -26px rgba(13,20,17,.5); }
.card-header { background:#fff; border-bottom:1px solid #EDF1EE;
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17px;
  border-radius:16px 16px 0 0 !important; padding:16px 20px; }
.card-footer { background:#FAFBF9; border-top:1px solid #EDF1EE;
  border-radius:0 0 16px 16px !important; }

/* ---- Forms ------------------------------------------------------------------ */
.form-control { border-radius:12px; border-color:#D8DED9; min-height:44px; }
.form-control:focus { border-color:#2FBF71; box-shadow:0 0 0 .2rem rgba(47,191,113,.18); }
.input-group-text { border-radius:12px 0 0 12px; background:#F4F6F3; border-color:#D8DED9; }
label,.form-check-label { font-weight:500; }

/* ---- Login page ------------------------------------------------------------- */
.card.mw-540 { border-radius:20px; border-top:4px solid #2FBF71; margin-top:48px !important;
  box-shadow:0 30px 70px -35px rgba(13,20,17,.55); }
.card.mw-540 h1,.card.mw-540 .h2 { font-size:32px; }
.card.mw-540 .btn-primary { min-width:160px; padding:12px 22px; }

/* ---- Sidebar / category lists ------------------------------------------------ */
.list-group { border-radius:14px; overflow:hidden; }
.list-group-item { border-color:#EDF1EE; font-weight:500; padding:13px 18px; }
.list-group-item:hover { background:#F0F5F1; }
.list-group-item.active,.list-group-item.active:hover {
  background:#0F3D2E; border-color:#0F3D2E; color:#fff; }
.list-group-item.active a,.sidebar .list-group-item.active a { color:#fff; }
.panel-sidebar .card-header,.sidebar .card-header { background:#0F3D2E; color:#fff; }
.sidebar .card-header * { color:#fff; }

/* ---- Page title strip (breadcrumb bar) --------------------------------------- */
.tertiary-bg-color,.breadcrumb-bar,.page-header,.header-lined {
  background:transparent; border:0; }
.breadcrumb { background:transparent; padding-left:0; }
.header-lined h1 { border:0; padding-bottom:0; }

/* ---- Store product cards ------------------------------------------------------ */
#main-body .product,.products .product,.product {
  border:1px solid #E7ECE8; border-radius:16px; background:#fff;
  box-shadow:0 14px 34px -26px rgba(13,20,17,.5); transition:transform .15s, box-shadow .15s; }
#main-body .product:hover { transform:translateY(-3px);
  box-shadow:0 22px 44px -24px rgba(13,20,17,.55); }
.product header,.product .card-header,.product-desc h3,.product h3 {
  background:transparent; border:0; font-family:'Space Grotesk',sans-serif;
  font-weight:700; color:#141D18; }
.product .price,.product-pricing,#main-body .product .pricing {
  color:#0F3D2E; font-weight:700; }
.product .btn,.product-info .btn-order-now,.product .btn-order {
  background:#2FBF71 !important; border-color:#2FBF71 !important; color:#0B241A !important;
  border-radius:12px; font-weight:600; }

/* ---- Standard Cart -------------------------------------------------------------- */
#order-standard_cart .header-lined h1 { font-family:'Space Grotesk',sans-serif; }
#order-standard_cart .sub-heading span,
#order-standard_cart .view-cart-items-header {
  background:#0F3D2E; color:#fff !important; border-radius:10px; padding:8px 16px;
  font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:.3px;
  border:0; font-size:15px; }
#order-standard_cart .sub-heading span a,#order-standard_cart .sub-heading span * { color:#fff !important; }
#order-standard_cart .summary-container .card-header,
#order-standard_cart .order-summary h2,
#order-standard_cart .cart-summary-header,
#order-standard_cart .panel-heading {
  background:#0F3D2E !important; color:#fff !important; border-radius:14px 14px 0 0; }
#order-standard_cart .summary-container,#order-standard_cart .order-summary {
  border-radius:16px; border:1px solid #E7ECE8; overflow:hidden;
  box-shadow:0 14px 34px -26px rgba(13,20,17,.5); }
#order-standard_cart .bordered-totals { border-color:#EDF1EE; }
#order-standard_cart #discount,#order-standard_cart .text-success { color:#1E8A54 !important; font-weight:700; }
#order-standard_cart .amt { font-weight:700; color:#0F3D2E; }
#order-standard_cart .promo-container .btn { background:#F5B840; border-color:#F5B840; color:#3D2E08; }
#order-standard_cart #checkout .btn,#order-standard_cart .btn-checkout { width:100%; padding:14px; font-size:17px; }
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
  border-bottom:3px solid #2FBF71; color:#0F3D2E; font-weight:700; }
#order-standard_cart .field-favorite,#order-standard_cart .cycle-selector select { border-radius:12px; }

/* ---- Tables, alerts, badges ------------------------------------------------------ */
.table thead th { background:#F4F6F3; border-bottom:2px solid #E3E8E4;
  font-family:'Space Grotesk',sans-serif; font-size:13px; }
.table-hover tbody tr:hover { background:#F0F5F1; }
.badge-primary,.badge-success { background:#2FBF71; color:#0B241A; }
.badge-info { background:#0F3D2E; }
.alert { border-radius:14px; }
.alert-success { background:#E7F7EE; border-color:#BFE8D2; color:#0E5C38; }
.alert-warning { background:#FDF3DC; border-color:#F5B840; color:#6B4E10; }
.alert-info { background:#EFF4F1; border-color:#D8DED9; color:#0F3D2E; }
.text-primary { color:#0F3D2E !important; }
.bg-primary { background:#0F3D2E !important; }

/* ---- Footer ------------------------------------------------------------------------ */
#footer,.footer,.main-footer,footer.footer { background:#0D1411 !important; color:#A3B4AA;
  padding-top:34px; padding-bottom:34px; }
#footer a,.footer a,.main-footer a { color:#CFE0D6; }
#footer a:hover,.footer a:hover { color:#2FBF71; }
#footer .btn,.footer .btn { border:1.5px solid #2b3a32; color:#CFE0D6; background:transparent; }
#footer .btn:hover { border-color:#2FBF71; color:#fff; }

/* ---- Keep the Forest homepage untouched --------------------------------------------- */
#ukboxPage,#ukboxPage * { font-family:inherit; }

/* ---- Language chooser: remove the wrong-country sprite flag ------------------- */
.iti-flag { display:none !important; }

/* ---- Login password group: one coherent outline ---------------------------- */
.input-group .btn-reveal-pw {
  border:1px solid #D8DED9; border-left:0; border-radius:0 12px 12px 0;
  background:#fff; color:#54615A; }
.input-group:focus-within .input-group-text,
.input-group:focus-within .form-control,
.input-group:focus-within .btn-reveal-pw { border-color:#2FBF71; }
.input-group:focus-within .btn-reveal-pw { color:#0F3D2E; }

/* ---- Header: phone, Webmail pill, knowledgebase search polish -------------- */
#header .hdr-phone { color:#CFE0D6; font-weight:600; white-space:nowrap; }
#header .hdr-util { border:1.5px solid #2b3a32; border-radius:10px; color:#CFE0D6 !important;
  padding:8px 16px; white-space:nowrap; font-weight:500; }
#header .hdr-util:hover { border-color:#2FBF71; color:#fff !important; }
#header .input-group.search { background:#fff; border-radius:12px; overflow:hidden; }
#header .input-group.search .btn { background:transparent; border:0; color:#54615A; }
#header .input-group.search .form-control { border:0; box-shadow:none; }

/* ---- Forest footer columns -------------------------------------------------- */
#footer .ftr-brand { font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:26px; color:#fff; margin-bottom:12px; }
#footer .ftr-brand .dot { color:#F5B840; }
#footer .footer-col h5 { color:#fff; font-family:'Space Grotesk',sans-serif;
  font-size:14px; letter-spacing:.6px; text-transform:uppercase; margin-bottom:14px; }
#footer .footer-col ul { list-style:none; padding:0; margin:0; }
#footer .footer-col li { margin-bottom:9px; }
#footer .footer-col a { color:#A9BBB1; font-size:14px; }
#footer .footer-col a:hover { color:#2FBF71; }
#footer .footer-legalblock { color:#7f8f86; font-size:12.5px; line-height:1.8; }
#footer .footer-bottom { border-top:1px solid #1e2a24; margin-top:28px; padding-top:20px;
  font-size:13px; color:#7f8f86; }
#footer .ukbox-footer-cols { margin-top:6px; }

/* ---- Recommended-for-you panel (our hook) ----------------------------------- */
.ukbox-reco { display:grid; gap:10px; }
.ukbox-reco .reco-card { display:block; border:1px solid #E7ECE8; border-radius:12px;
  padding:12px 14px; background:#fff; transition:border-color .15s, transform .15s; }
.ukbox-reco .reco-card:hover { border-color:#2FBF71; transform:translateY(-1px); }
.ukbox-reco .reco-card b { display:block; color:#0F3D2E;
  font-family:'Space Grotesk',sans-serif; margin-bottom:2px; }
.ukbox-reco .reco-card span { color:#54615A; font-size:13px; line-height:1.5; }
.ukbox-reco .reco-vaulex { border-left:4px solid #F5B840; }

/* ---- Suspended/disabled service buttons read as intentional ------------------ */
.btn.disabled, .btn[disabled] { border-color:#D8DED9; color:#8a968f; background:#F4F6F3; }

/* ---- v3.1 selector corrections ---------------------------------------------- */
body.primary-bg-color { background:#F4F6F3 !important; }
.main-navbar-wrapper { background:#0D1411 !important; border-top:1px solid #1e2a24;
  box-shadow:0 10px 30px -18px rgba(13,20,17,.8); }
.main-navbar-wrapper .nav-link { color:#CFE0D6 !important; font-weight:500;
  padding:14px 16px !important; }
.main-navbar-wrapper .nav-link:hover { color:#fff !important; }

/* ==========================================================================
   v4 — MarketConnect promo carousel + Register Domain page, Forest-styled
   ========================================================================== */

/* ---- MarketConnect "Recommended for you" carousel ---------------------------- */
.promo-container { background:#0F3D2E !important; border-radius:16px; border:0;
  padding:18px 20px; margin-bottom:22px;
  box-shadow:0 14px 34px -26px rgba(13,20,17,.6); }
.promo-container .header h3, .promo-container .header .primary-content h3 {
  color:#fff !important; font-family:'Space Grotesk',sans-serif; font-size:18px; }
.promo-container .promotions-slider-control a,
.promo-container .promotions-slider-control i {
  color:#2FBF71 !important; }
.promo-container .carousel, .promo-container .carousel-inner,
.promo-container #promotions-slider { background:transparent; }
.promo-container .carousel .item, .promo-container .carousel-item {
  background:#fff; border-radius:12px; padding:16px; }
.promo-container hr { border-color:#1e4a3a; }

/* MarketConnect promo panels elsewhere (login/manage upsell blocks) */
.mc-promo-login .panel-heading, .mc-promo-manage .panel-heading {
  background:#0F3D2E; color:#fff; border-radius:12px 12px 0 0; }
.mc-promo-login, .mc-promo-manage { border-radius:14px; overflow:hidden;
  border:1px solid #E7ECE8; }
.mc-promo-login a.learn-more, .mc-promo-manage a.learn-more,
.promo-container a.learn-more { color:#2FBF71 !important; }

/* ---- Register Domain page ----------------------------------------------------- */
#order-standard_cart .domain-checker-container .domain-checker-bg {
  background:linear-gradient(135deg,#0D1411 0%,#0F3D2E 70%,#145238 100%) !important;
  border-radius:18px; }
#order-standard_cart .domain-checker-container input.form-control {
  border-radius:12px; min-height:52px; }
#order-standard_cart .domain-checker-container .btn {
  background:#2FBF71 !important; border-color:#2FBF71 !important; color:#0B241A !important;
  border-radius:12px; min-height:52px; font-size:17px; }

/* Spotlight TLD tiles: calm the carnival */
#order-standard_cart .spotlight-tld-container [class*="spotlight-tld-"] {
  background:#F4F6F3 !important; color:#0F3D2E !important;
  border:1px solid #E3E8E4 !important; border-radius:10px !important;
  font-weight:700; }

/* Category filter chips */
#order-standard_cart .tld-filters a, #order-standard_cart .tld-filters label {
  background:#fff; border:1.5px solid #D8DED9; border-radius:999px;
  color:#0F3D2E; font-weight:600; }
#order-standard_cart .tld-filters a.active, #order-standard_cart .tld-filters a:hover {
  background:#0F3D2E; border-color:#0F3D2E; color:#fff; }

/* TLD pricing table */
#order-standard_cart .domain-pricing .tld-row:hover { background:#F0F5F1; }
#order-standard_cart .domain-pricing .price { color:#0F3D2E; font-weight:700; }
#order-standard_cart .domain-pricing .sale-label,
#order-standard_cart .domain-pricing .promo {
  background:#F5B840; color:#3D2E08; border-radius:6px; padding:1px 8px;
  font-size:11px; font-weight:700; }
#order-standard_cart .domain-promo-box { border-radius:14px; border:1px solid #E7ECE8; }

/* ==========================================================================
   v5 — logged-in topbar + breadcrumb band, Forest-styled
   ========================================================================== */

/* ---- Logged-in topbar (notifications / logged in as) ------------------------- */
#header .topbar { background:#0A100D !important; border-bottom:1px solid #1e2a24;
  padding:6px 0; }
#header .topbar, #header .topbar .btn, #header .topbar a { color:#A9BBB1 !important;
  font-size:13px; }
#header .topbar a:hover, #header .topbar .btn:hover { color:#fff !important; }
#header .topbar .btn-active-client { color:#2FBF71 !important; font-weight:600;
  text-decoration:none; border:0; }
#header .topbar .input-group-text { background:transparent; border:0;
  color:#7f8f86; font-size:13px; }
#header .topbar .badge { background:#F5B840; color:#3D2E08; }
#header .topbar .btn-return-to-admin { border:1px solid #2b3a32; border-radius:8px; }

/* ---- Breadcrumb band ----------------------------------------------------------- */
.master-breadcrumb { background:transparent !important; border:0;
  padding:16px 0 0; }
.master-breadcrumb .breadcrumb { background:transparent; margin-bottom:0;
  padding:0; font-size:13.5px; }
.master-breadcrumb .breadcrumb a { color:#54615A; }
.master-breadcrumb .breadcrumb a:hover { color:#2FBF71; }
.master-breadcrumb .breadcrumb .active { color:#141D18; font-weight:600; }

/* ==========================================================================
   v6 — topbar (belt and braces), service action buttons, carousel accents
   ========================================================================== */

/* ---- Topbar: maximum-strength targeting ---------------------------------------- */
.topbar, #header .topbar, .header .topbar, body .topbar {
  background:#0A100D !important; border-bottom:1px solid #1e2a24 !important; }
.topbar .container { background:transparent !important; }
.topbar, .topbar .btn, .topbar a, .topbar span { color:#A9BBB1 !important; }
.topbar .btn-active-client, .topbar .btn-active-client span { color:#2FBF71 !important; }

/* ---- Service action buttons (Log in to cPanel / View Details) ------------------- */
.btn-custom-action { border:1.5px solid #0F3D2E !important; color:#0F3D2E !important;
  background:#fff !important; border-radius:10px !important; font-weight:600;
  opacity:1 !important; }
.btn-custom-action:hover { background:#0F3D2E !important; color:#fff !important; }
.btn-group .btn.dropdown-toggle { border:1.5px solid #0F3D2E; color:#0F3D2E;
  background:#fff; border-radius:10px; }
/* Disabled (suspended service): clearly a button, clearly unavailable */
.btn-custom-action.disabled, .btn-custom-action[disabled] {
  border:1.5px solid #D8DED9 !important; color:#9aa5a0 !important;
  background:#F4F6F3 !important; cursor:not-allowed; opacity:1 !important; }
.btn-group .btn.dropdown-toggle.disabled { border-color:#D8DED9; color:#9aa5a0;
  background:#F4F6F3; }

/* ---- Carousel accents: retire the pink ------------------------------------------ */
.promo-container .carousel-indicators li,
.promo-container .carousel-indicators .active { background:#2FBF71 !important; }
.promo-container .item hr, .promo-container hr,
.promo-container .carousel-item hr { border-color:#E7ECE8 !important; }
.promo-container .carousel a:not(.btn) { color:#0F3D2E !important; }
.promo-container .item, .promo-container .carousel-item { border-top:0 !important; }

/* ==========================================================================
   v7 — the actual grey menu fix (bare <a> tags) + spotlight TLD tiles
   ========================================================================== */

/* ---- Nav links: theme.min.css paints these #444 via header.header .navbar a ---- */
header.header .navbar a, header.header .navbar-nav a,
#nav > li > a, .main-navbar-wrapper .navbar-nav a,
#header .navbar-nav a { color:#CFE0D6 !important; font-weight:500; }
header.header .navbar a:hover, #nav > li > a:hover,
.main-navbar-wrapper .navbar-nav a:hover { color:#FFFFFF !important; }
#nav > li.active > a { color:#2FBF71 !important; }
/* Right-hand account dropdown text too */
header.header .navbar-nav .dropdown-menu a { color:#141D18 !important; }

/* ---- Spotlight TLD tiles: one calm Forest family --------------------------------- */
.spotlight-tlds { background:transparent !important; }
.spotlight-tld-container .spotlight-tld {
  background:#fff !important; border:1px solid #E7ECE8 !important;
  border-radius:14px !important;
  box-shadow:0 10px 26px -22px rgba(13,20,17,.5); }
.spotlight-tld-container .spotlight-tld .price,
.spotlight-tld-container .available.price {
  background:#0F3D2E !important; color:#fff !important;
  border-radius:0 0 14px 14px !important; font-weight:700; }
.spotlight-tld-container .btn-add-to-cart {
  background:#2FBF71 !important; border-color:#2FBF71 !important; color:#0B241A !important;
  border-radius:0 0 14px 14px !important; }
.spotlight-tld-container [class^="spotlight-tld-"] { background:transparent !important;
  color:#54615A !important; }

/* ==========================================================================
   v8 — disabled action buttons made visible; cart sidebar headings white
   ========================================================================== */

/* Disabled service buttons: unmistakably a button, clearly unavailable */
.btn-custom-action.disabled, .btn-custom-action[disabled],
.btn-group .btn.dropdown-toggle.disabled {
  background:#E9EEEA !important; border:1.5px solid #C9D2CC !important;
  color:#5C6A63 !important; }

/* Cart sidebar panel headings (Categories / Actions / Choose Currency) */
#order-standard_cart .panel-heading.card-header,
#order-standard_cart .cart-sidebar .card-header {
  background:#0F3D2E !important; color:#fff !important;
  border-radius:14px 14px 0 0; }
#order-standard_cart .panel-heading h3, #order-standard_cart .panel-heading .panel-title,
#order-standard_cart .cart-sidebar .card-header h3,
#order-standard_cart .cart-sidebar h3.panel-title,
#order-standard_cart .panel-heading i { color:#fff !important; }

/* ==========================================================================
   v9 — service-row actions: restore dropdown discipline
   ========================================================================== */
/* Re-house dropdown contents: closed unless Bootstrap opens them */
.dropdown-menu { display:none; }
.dropdown-menu.show { display:block; background:#fff; }
/* Service action buttons: visible, real buttons, no opacity games */
.list-group-item .btn-custom-action, #ccContainer .btn-custom-action {
  opacity:1; visibility:visible; }
.list-group-item .dropdown-menu a, .list-group-item .dropdown-item {
  color:#141D18 !important; opacity:1; }
/* Kill the leaked helper-text look */
.list-group-item > a:not(.btn) { color:#0F3D2E; }

/* ==========================================================================
   v10 — accent cards get their voices back
   ========================================================================== */
/* Accent card family: coloured left spine + tinted body */
.card[class*="card-accent-"] { border-left-width:5px !important; }
.card.card-accent-red, #overdueInvoicesPanel {
  border:1px solid #ECC8C2 !important; border-left:5px solid #B0483C !important;
  background:#FDF5F3 !important; }
#overdueInvoicesPanel .card-header { background:transparent !important;
  color:#8E2A1F !important; border-bottom:0; }
#overdueInvoicesPanel .card-header * { color:#8E2A1F !important; }
#overdueInvoicesPanel .card-body, #overdueInvoicesPanel p {
  color:#5C2620 !important; font-weight:500; }
#overdueInvoicesPanel a { color:#B0483C !important; font-weight:700;
  text-decoration:underline; }
.card.card-accent-orange { border-left:5px solid #F5B840 !important;
  background:#FDFAF0 !important; }
.card.card-accent-green { border-left:5px solid #2FBF71 !important; }

/* v10.1 — Pay Now hover stays readable; dropdown stacking safety */
#overdueInvoicesPanel a:hover, #overdueInvoicesPanel a.btn:hover {
  background:transparent !important; color:#8E2A1F !important; }
.btn-group .dropdown-menu { z-index:1050; min-width:180px; }

/* v10.2 — dropdown item stays readable on hover */
.list-group-item .dropdown-menu a:hover, .dropdown-menu .btn:hover,
.dropdown-menu a.btn-default:hover { color:#fff !important; }

/* v11 — empty SSO dropdowns: hide the caret and the hollow menu entirely */
.dropdown-menu:not(:has(a, button, li)) { display:none !important; }
.btn-group:has(> .dropdown-menu:not(:has(a, button, li))) > .dropdown-toggle {
  display:none !important; }
/* Both SSO action buttons sit tidily side by side */
.btn-custom-action { margin:2px 6px 2px 0; }
.btn-custom-action { margin:2px 6px 2px 0; }

/* ==========================================================================
   v12 - service-row actions rebuilt: the split-caret dropdown is retired.
   Every action (cPanel, Webmail, View More) is an always-visible pill.
   Scoped to service list rows only - header & account dropdowns untouched.
   ========================================================================== */

/* 1 - hide the caret; the menu it toggled is now permanently open */
.list-group-item .btn-group button.dropdown-toggle,
.list-group-item .btn-group .dropdown-toggle-split,
#ccContainer .btn-group button.dropdown-toggle {
  display: none !important;
}

/* 2 - flatten the menu into the button row (kills Popper's floating panel) */
.list-group-item .dropdown-menu,
#ccContainer .dropdown-menu {
  display: inline-flex !important;
  position: static !important;
  transform: none !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 0 0 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  vertical-align: middle;
}

.list-group-item .dropdown-menu .dropdown-divider,
#ccContainer .dropdown-menu .dropdown-divider {
  display: none !important;
}

/* 3 - every item becomes a Racing-outline pill (covers <li> and <a> markup) */
.list-group-item .dropdown-menu > li,
.list-group-item .dropdown-menu > a,
#ccContainer .dropdown-menu > li,
#ccContainer .dropdown-menu > a {
  display: inline-block !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 4px 14px !important;
  border: 1px solid #0F3D2E !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #0F3D2E !important;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
}

/* links wrapped inside <li> pills: no second border, inherit the pill colour */
.list-group-item .dropdown-menu > li a,
#ccContainer .dropdown-menu > li a {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 4 - hover: fill Racing, text white */
.list-group-item .dropdown-menu > li:hover,
.list-group-item .dropdown-menu > a:hover,
#ccContainer .dropdown-menu > li:hover,
#ccContainer .dropdown-menu > a:hover {
  background: #0F3D2E !important;
  color: #fff !important;
}

.list-group-item .dropdown-menu > li:hover a,
#ccContainer .dropdown-menu > li:hover a {
  color: #fff !important;
}

/* ==========================================================================
   v13 - account dropdown (Hello, ...) : ink text on white, always readable.
   The ul is NOT inside .navbar-nav, so the old v7 rule never matched it.
   ========================================================================== */
header.header .navbar .dropdown-menu a,
#header .dropdown-menu a,
.main-navbar-wrapper .dropdown-menu a,
ul.dropdown-menu a.dropdown-item,
ul.dropdown-menu li.dropdown-item > a {
  color: #141D18 !important;
  font-weight: 500;
}

header.header .navbar .dropdown-menu a:hover,
#header .dropdown-menu a:hover,
.main-navbar-wrapper .dropdown-menu a:hover,
ul.dropdown-menu a.dropdown-item:hover,
ul.dropdown-menu li.dropdown-item > a:hover {
  color: #0F3D2E !important;
  background: #E7F7EE;
}

/* ==========================================================================
   v14 - "More from UKBox" panel: three-across card grid, Forest cards
   ========================================================================== */
.ukbox-reco { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px; }
.ukbox-reco .reco-card { display:block; background:#fff;
  border:1px solid #E3EBE6; border-left:4px solid #2FBF71; border-radius:12px;
  padding:14px 16px; box-shadow:0 10px 26px -22px rgba(13,20,17,.4);
  transition:border-color .15s, transform .15s; }
.ukbox-reco .reco-card:hover { border-color:#2FBF71; transform:translateY(-2px);
  text-decoration:none; }
.ukbox-reco .reco-vaulex { border-left-color:#F5B840; }
.ukbox-reco .reco-card b { display:block; color:#0F3D2E;
  font-family:'Space Grotesk',sans-serif; font-size:15px; margin-bottom:4px; }
.ukbox-reco .reco-card span { display:block; color:#54615A; font-size:13px;
  line-height:1.5; }
.ukbox-reco .reco-cta { display:block; margin-top:10px; color:#0F3D2E;
  font-weight:600; font-size:13px; }
.ukbox-reco .reco-card:hover .reco-cta { color:#2FBF71; }

/* ==========================================================================
   v15 - Review & Checkout: retire the last of the blue
   ========================================================================== */
#order-standard_cart table.table-cart thead tr,
#order-standard_cart table.table-cart thead th,
#order-standard_cart .table-cart th {
  background: #0F3D2E !important;
  color: #fff !important;
  border-color: #0F3D2E !important;
  font-family: 'Space Grotesk', sans-serif;
}

#order-standard_cart #btnEmptyCart,
#order-standard_cart .btn-empty-cart {
  background: #fff !important;
  border: 1.5px solid #B0483C !important;
  color: #B0483C !important;
  border-radius: 10px !important;
  font-weight: 600;
}

#order-standard_cart #btnEmptyCart:hover,
#order-standard_cart .btn-empty-cart:hover {
  background: #B0483C !important;
  color: #fff !important;
}

/* ==========================================================================
   v16 - cart items header: the real selector (div, not table), forced
   ========================================================================== */
#order-standard_cart .view-cart-items-header,
#order-standard_cart div.view-cart-items-header {
  background: #0F3D2E !important;
  background-color: #0F3D2E !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0;
  font-family: 'Space Grotesk', sans-serif;
}

/* ==========================================================================
   v17 - footer polish: spacing, typography and colour for the 5-col layout
   ========================================================================== */
#footer { padding: 56px 0 30px !important; }

#footer .ukbox-footer-cols { row-gap: 36px; }

#footer .footer-col { padding-right: 18px; }

#footer .footer-col h5 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #8FA39A;
  margin: 0 0 16px;
}

#footer .footer-col ul { list-style: none; margin: 0; padding: 0; }
#footer .footer-col li { margin: 0 0 11px; padding: 0; }

#footer .footer-col a {
  color: #C4D2CA;
  font-size: 14.5px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .15s ease;
}
#footer .footer-col a:hover { color: #fff; text-decoration: none; }

#footer .ftr-brand {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
}
#footer .ftr-brand .dot { color: #F5B840; }

#footer .footer-legalblock {
  color: #8FA39A;
  font-size: 13px;
  line-height: 1.85;
  margin-bottom: 14px;
}

#footer .ukbox-enterprise-strip p,
#footer .ukbox-family-strip p { color: #C4D2CA; font-size: 14.5px; line-height: 1.7; }
#footer .ukbox-enterprise-strip strong,
#footer .ukbox-family-strip strong { color: #fff; }

#footer .copyright,
#footer .footer-bottom { color: #7f8f86; font-size: 13px; margin-top: 10px; }

@media (max-width: 767px) {
  #footer { padding: 40px 0 24px !important; }
  #footer .footer-col { margin-bottom: 8px; padding-right: 0; }
}

/* ==========================================================================
   v18 - footer CTA strips: label + flex row, button right
   ========================================================================== */
#footer .ukbox-enterprise-strip,
#footer .ukbox-family-strip {
  border-top: 1px solid rgba(255,255,255,.12);
  padding: 22px 0;
  margin: 0;
}
#footer .ukbox-family-strip { border-bottom: 1px solid rgba(255,255,255,.12); }
#footer .ukbox-enterprise-strip { margin-top: 26px; }

#footer .strip-label { font-weight: 700; color: #fff; font-size: 15px; margin: 0 0 8px; }

#footer .strip-row { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }

#footer .strip-text { flex: 1 1 420px; margin: 0; color: #C4D2CA; font-size: 14.5px; line-height: 1.7; }

#footer .strip-btn {
  flex: 0 0 auto;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 10px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform .12s ease, filter .12s ease;
}
#footer .strip-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
#footer .strip-btn-gold { background: #F5B840; color: #141D18 !important; }
#footer .strip-btn-green { background: #2FBF71; color: #0B241A !important; }