/* =====================================================================
   OVH Catalog order form — Kimsufi-like restyle.
   The cart is wrapped by the active system theme (OVHStyle), so it already
   inherits the global design system. This file adds order-form specifics.
   ===================================================================== */
:root{
  --c-navy:#000e9c;--c-blue:#0050d7;--c-blue-dark:#003fad;--c-blue-tint:#e8f0fe;
  --c-ink:#0b1b3a;--c-text:#5a6472;--c-muted:#8893a4;--c-line:#e6e9f0;
  --c-bg-soft:#f5f6fa;--radius:8px;--radius-lg:14px;
  --shadow-sm:0 1px 2px rgba(11,27,58,.06);--shadow-md:0 6px 24px rgba(11,27,58,.10);
}

body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#5a6472;}

/* ---- Order form header / steps ---- */
.cart-template-standard_cart h1,
#order-standard_cart h1,
.order-form h1{color:var(--c-navy);font-weight:800;}
.order-steps .active,.order-progress .active{color:var(--c-blue);}

/* ---- Category sidebar ---- */
.cartbox,.sidebar .panel{border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}
.list-group-item.active,.list-group-item.active:hover{background:var(--c-blue);border-color:var(--c-blue);}

/* ---- Product cards ---- */
.product,
.cart-product,
.packages .package{
  border:1px solid var(--c-line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm);
  transition:transform .18s ease,box-shadow .18s ease;
  overflow:hidden;
}
.product:hover,.packages .package:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.product .product-name,
.packages .package h3,
.packages .package .header{
  background:var(--c-navy);color:#fff;font-weight:700;border:0;
}
.product .price,.packages .package .price,.pricing .price{
  color:var(--c-ink);font-weight:800;
}
.product .price .term,.pricing .term{color:var(--c-muted);font-weight:500;}

/* ---- Buttons (order/configure/checkout) ---- */
.btn-primary,.btn-order-now,.order-button,.btn-checkout{
  background:var(--c-blue)!important;border:0!important;color:#fff!important;
  border-radius:var(--radius)!important;font-weight:600;box-shadow:var(--shadow-sm);
}
.btn-primary:hover,.btn-order-now:hover,.order-button:hover,.btn-checkout:hover{background:var(--c-blue-dark)!important;}

/* ---- Configurable options table ---- */
.configurable-options .panel-heading,
#productConfigurableOptions .panel-heading{background:var(--c-bg-soft);color:var(--c-navy);font-weight:700;}
.configurable-options select,.configurable-options .form-control{border-radius:var(--radius);}

/* ---- Summary / view cart ---- */
.summary-container,.order-summary,#orderSummary{
  border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
}
.table > thead > tr > th{background:var(--c-bg-soft);color:var(--c-muted);text-transform:uppercase;font-size:12px;}

/* ---- Module product description (.ovhdc-* contract) — left aligned ---- */
.ovhdc-plan-desc{text-align:left;color:var(--c-text);font-size:14px;}
.ovhdc-spec-line{display:flex;gap:8px;padding:3px 0;border-bottom:1px dashed var(--c-line);}
.ovhdc-spec-line:last-child{border-bottom:0;}
.ovhdc-spec-label{color:var(--c-muted);min-width:120px;font-weight:600;}
.ovhdc-spec-value{color:var(--c-ink);font-weight:600;}