/* TURBOHOST theme v4 — scoped corrective styles; staging only */
body.th-layout-client,
body.th-layout-store,
.th-whmcs-wizard { --th-radius: 30px; --th-button-radius: 30px; --th-input-radius: 30px; }

/* Four shortcuts duplicate the four KPI tiles and left navigation. */
body.th-layout-client #main-body .th-quick-links { display: none; }

/* Structural cards and their separate headers. */
body.th-layout-client #main-body :is(.card, .panel, .th-welcome, .th-action-card),
body.th-layout-store #main-body :is(.card, .panel),
.th-whmcs-wizard #order-standard_cart :is(.product, .panel-addon, .order-summary, .card, .panel),
.th-whmcs-wizard .th-range-bar { border-radius: 30px; }
body.th-layout-client #main-body .card > .card-header,
body.th-layout-client #main-body .panel > .panel-heading,
body.th-layout-store #main-body .card > .card-header,
body.th-layout-store #main-body .panel > .panel-heading,
.th-whmcs-wizard #order-standard_cart .card > .card-header,
.th-whmcs-wizard #order-standard_cart .panel > .panel-heading,
.th-whmcs-wizard #order-standard_cart .panel-addon > .panel-heading {
  border-radius: 30px 30px 0 0;
}
body.th-layout-client #main-body .card > .card-footer:last-child,
body.th-layout-store #main-body .card > .card-footer:last-child { border-radius: 0 0 30px 30px; }
body.th-layout-client #main-body :is(.btn, .th-button),
body.th-layout-store #main-body :is(.btn, .th-button),
.th-whmcs-wizard #order-standard_cart :is(.btn, button[type="submit"], .panel-add),
.th-whmcs-wizard .th-checkout-controls .btn { border-radius:30px; }

/* Product cards inherited white backgrounds while text stayed white. */
.th-whmcs-wizard #order-standard_cart .products .product,
body.th-layout-store #order-standard_cart .products .product {
  display: flex; flex-direction: column; min-width: 0;
  padding: 0; overflow: hidden;
  background: #0c1c38; color: #edf3ff;
  border: 1px solid #29436b; border-radius:30px;
}
.th-whmcs-wizard #order-standard_cart .products .product > header,
body.th-layout-store #order-standard_cart .products .product > header {
  background:#102449; color:#edf3ff; padding:20px;
  border-radius:30px 30px 0 0;
}
.th-whmcs-wizard #order-standard_cart .products .product > .product-desc,
body.th-layout-store #order-standard_cart .products .product > .product-desc {
  float:none; width:100%; flex:1; min-height:0;
  background:#0c1c38; color:#cad9f1; padding:16px 20px;
  overflow-wrap:anywhere;
}
.th-whmcs-wizard #order-standard_cart .products .product > .product-desc :is(p,li,span),
body.th-layout-store #order-standard_cart .products .product > .product-desc :is(p,li,span) { color:#cad9f1; }
.th-whmcs-wizard #order-standard_cart .products .product > footer,
body.th-layout-store #order-standard_cart .products .product > footer {
  float:none; width:100%; margin:0; padding:16px 20px 20px;
  background:#0c1c38; color:#cad9f1; border-top:1px solid #29436b;
}
.th-whmcs-wizard #order-standard_cart .products .product .product-pricing,
body.th-layout-store #order-standard_cart .products .product .product-pricing { color:#cad9f1; }
.th-whmcs-wizard #order-standard_cart .products .product .product-pricing .price,
body.th-layout-store #order-standard_cart .products .product .product-pricing .price { color:#fff; }
.th-whmcs-wizard #order-standard_cart .products .product .btn-order-now,
body.th-layout-store #order-standard_cart .products .product .btn-order-now {
  color:#fff; background:#1062fe; border-color:#1062fe; border-radius:30px;
}
/* Complement add-ons are independent of product-grid cards. */
.th-whmcs-wizard #order-standard_cart .addon-products .panel-addon,
.th-whmcs-wizard #order-standard_cart .panel-addon,
body.th-layout-store #order-standard_cart .panel-addon {
  background:#0c1c38; color:#edf3ff; border:1px solid #29436b;
  border-radius:30px; overflow:hidden;
}
.th-whmcs-wizard #order-standard_cart .panel-addon .panel-heading,
body.th-layout-store #order-standard_cart .panel-addon .panel-heading {
  background:#102449; color:#edf3ff; border-radius:30px 30px 0 0;
}
.th-whmcs-wizard #order-standard_cart .panel-addon :is(.panel-body, .panel-price),
body.th-layout-store #order-standard_cart .panel-addon :is(.panel-body, .panel-price) {
  background:#0c1c38; color:#cad9f1;
}
.th-whmcs-wizard #order-standard_cart .panel-addon :is(label,p,span),
body.th-layout-store #order-standard_cart .panel-addon :is(label,p,span) { color:inherit; }
.th-whmcs-wizard #order-standard_cart :is(.form-control, select),
body.th-layout-store #order-standard_cart :is(.form-control, select) {
  background-color:#041125; color:#edf3ff; border-color:#34517b;
  border-radius:30px;
}
.th-whmcs-wizard #order-standard_cart .product-desc a,
.th-whmcs-wizard #order-standard_cart .panel-addon a {color:#9fccff;}
@media(max-width:520px){
 .th-whmcs-wizard #order-standard_cart .products .product {padding:0;}
}

/* TURBOHOST v4.1: independent SVG navigation icons; no icon font needed. */
body.th-layout-client #th-client-links.th-client-rail > a.th-rail-link > svg.th-menu-svg,
body.th-layout-client #th-client-links.th-client-rail > details.th-rail-more > summary > svg.th-menu-svg {
  width: 25px; height: 25px; min-width:25px;
  display:block; flex:none;
  color:#7eaff5; fill:none; stroke:#7eaff5; stroke-width:1.9;
  stroke-linecap:round; stroke-linejoin:round;
}
body.th-layout-client #th-client-links.th-client-rail > a.th-rail-link:hover > svg.th-menu-svg,
body.th-layout-client #th-client-links.th-client-rail > details.th-rail-more > summary:hover > svg.th-menu-svg {
  color:#53bcff; stroke:#53bcff;
}
body.th-layout-client #th-shell-nav .th-shell-brand,
body.th-layout-client #th-shell-nav .th-shell-brand img {
  background:transparent; box-shadow:none;
}
body.th-layout-client #th-shell-nav .th-shell-brand img {
  display:block; width:64px; height:64px; max-height:64px; object-fit:contain;
}

/* TURBOHOST v4.3 — original Lagom 2 SVGs with turbohost.cl corporate palette.
   Only the menu icons change; the approved 30px cards and checkout remain. */
body.th-layout-client #th-client-links.th-client-rail > a.th-rail-link > svg.th-menu-svg.th-lagom-original,
body.th-layout-client #th-client-links.th-client-rail > details.th-rail-more > summary > svg.th-menu-svg.th-lagom-original {
  display:block; width:30px; height:30px; min-width:30px;
  max-width:30px; max-height:30px; flex:none;
  color:inherit; fill:none; stroke:none; stroke-width:initial;
  --svg-icon-color-1:#009aff;
  --svg-icon-color-2:#1062fe;
  --svg-icon-color-3:#ffffff;
  --svg-icon-color-4:#ffffff;
}
body.th-layout-client #th-client-links.th-client-rail > a.th-rail-link:hover > svg.th-menu-svg.th-lagom-original,
body.th-layout-client #th-client-links.th-client-rail > a.th-rail-link:focus-visible > svg.th-menu-svg.th-lagom-original {
  --svg-icon-color-1:#009aff;
  --svg-icon-color-2:#1062fe;
  --svg-icon-color-3:#ffffff;
  --svg-icon-color-4:#ffffff;
}

/* v4.3: original More glyph uses currentColor, not the four SVG variables. */
body.th-layout-client #th-client-links.th-client-rail > details.th-rail-more > summary > svg.th-menu-svg:not(.th-lagom-original) {
  color:#ffffff;
}
body.th-layout-client #th-client-links.th-client-rail > details.th-rail-more > summary:hover > svg.th-menu-svg:not(.th-lagom-original),
body.th-layout-client #th-client-links.th-client-rail > details.th-rail-more > summary:focus-visible > svg.th-menu-svg:not(.th-lagom-original) {
  color:#009aff;
}
