/*!
 * Maa Web Host — Order/Cart Theme Branding
 * Based on WHMCS "Standard Cart" order form
 * ------------------------------------------------------------
 * This cart renders inside the active client area theme
 * (Maa Web Host / Twenty-One base), so it already inherits that
 * theme's Bootstrap colors, fonts and card/sidebar styling.
 * This file only brands the cart-specific components that
 * standard_cart supplies on top: product selection cards,
 * addon panels, domain availability checker, order summary.
 *
 * Palette (matches the client area theme):
 *   Primary Green  #05B32E      Accent Orange  #FFBA00
 *   Success Green  #22C55E      Dark Navy      #0B1D3A
 *   Light Bg       #F5F7FB
 * ------------------------------------------------------------
 */

:root {
  --mwh-bg:        #f5f7fb;
  --mwh-bg-2:      #ffffff;
  --mwh-bd:        #e2e6ef;
  --mwh-bd-h:      #cdd4e2;
  --mwh-tx-1:      #0b1d3a;
  --mwh-tx-2:      #6b7280;
  --mwh-a:         #05b32e;
  --mwh-a-dark:    #037a1f;
  --mwh-a-light:   #cdf0d5;
  --mwh-a2:        #ffba00;
  --mwh-a2-dark:   #e0a300;
  --mwh-success:   #22c55e;
  --mwh-danger:    #dc3545;
  --mwh-r:         12px;
  --mwh-r-lg:      16px;
  --mwh-ease:      cubic-bezier(.22,1,.36,1);
  --mwh-shadow-sm: 0 2px 8px rgba(11,29,58,.05);
  --mwh-shadow:    0 8px 24px rgba(11,29,58,.08);
}

/* ══════════════════════════════════════
   PRODUCT SELECTION CARDS
══════════════════════════════════════ */
#order-standard_cart .products .product {
  background: var(--mwh-bg-2);
  border: 1.5px solid var(--mwh-bd);
  border-radius: var(--mwh-r-lg);
  box-shadow: var(--mwh-shadow-sm);
  transition: box-shadow .3s var(--mwh-ease), transform .3s var(--mwh-ease), border-color .3s var(--mwh-ease);
  overflow: hidden;
}
#order-standard_cart .products .product:hover {
  box-shadow: var(--mwh-shadow);
  border-color: var(--mwh-bd-h);
  transform: translateY(-2px);
}
#order-standard_cart .products .product header {
  background: var(--mwh-bg);
  border-radius: 0;
  border-bottom: 1px solid var(--mwh-bd);
}
#order-standard_cart .products .product header span {
  color: var(--mwh-tx-1);
  font-weight: 700;
}
#order-standard_cart .products .product div.product-pricing span.price {
  color: var(--mwh-a);
  font-weight: 800;
}
#order-standard_cart .products .product span.feature-value {
  color: var(--mwh-tx-2);
}
#order-standard_cart .btn-order-now {
  border-radius: 30px;
  font-weight: 600;
  background-color: var(--mwh-a);
  border-color: var(--mwh-a);
  transition: transform .2s var(--mwh-ease), box-shadow .2s var(--mwh-ease);
}
#order-standard_cart .btn-order-now:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(5,179,46,.3);
  background-color: var(--mwh-a-dark);
  border-color: var(--mwh-a-dark);
}

/* ══════════════════════════════════════
   ADDON PANELS
══════════════════════════════════════ */
#order-standard_cart .panel-addon {
  border-radius: var(--mwh-r);
  overflow: hidden;
  transition: transform .25s var(--mwh-ease), box-shadow .25s var(--mwh-ease);
}
#order-standard_cart .panel-addon:hover {
  transform: translateY(-2px);
  box-shadow: var(--mwh-shadow);
}
#order-standard_cart .panel-addon .panel-body {
  border-radius: var(--mwh-r) var(--mwh-r) 0 0;
}
#order-standard_cart .panel-addon .panel-price {
  background-color: var(--mwh-bg);
  color: var(--mwh-tx-1);
  font-weight: 600;
}
#order-standard_cart .panel-addon .panel-add {
  background-color: var(--mwh-success);
  border-radius: 0 0 var(--mwh-r) var(--mwh-r);
  font-weight: 600;
}
#order-standard_cart .panel-addon-selected {
  border-color: var(--mwh-a);
  box-shadow: 0 0 0 2px var(--mwh-a-light);
}
#order-standard_cart .panel-addon-selected .panel-add {
  background-color: var(--mwh-a);
}

/* ══════════════════════════════════════
   DOMAIN SEARCH / AVAILABILITY
══════════════════════════════════════ */
#order-standard_cart .domain-checker-available {
  color: var(--mwh-success);
  font-weight: 700;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
  color: var(--mwh-danger);
  font-weight: 700;
}
#order-standard_cart .domain-selection-options .form-control {
  border-radius: var(--mwh-r);
  border-color: var(--mwh-bd);
}
#order-standard_cart .domain-selection-options .form-control:focus {
  border-color: var(--mwh-a);
  box-shadow: 0 0 0 3px var(--mwh-a-light);
}

/* ══════════════════════════════════════
   ORDER SUMMARY / CART SIDEBAR
══════════════════════════════════════ */
#order-standard_cart .order-summary .product-name {
  color: var(--mwh-tx-1);
  font-weight: 600;
}
#order-standard_cart .order-summary .product-group {
  color: var(--mwh-tx-2);
}
#order-standard_cart .summary-totals {
  border-top: 1px solid var(--mwh-bd);
  padding-top: 10px;
}

/* ══════════════════════════════════════
   BUTTONS — align pill radius with client area
══════════════════════════════════════ */
#order-standard_cart .btn {
  border-radius: 30px;
  font-weight: 600;
  transition: transform .2s var(--mwh-ease), box-shadow .2s var(--mwh-ease);
}
#order-standard_cart .btn-primary {
  background-color: var(--mwh-a);
  border-color: var(--mwh-a);
}
#order-standard_cart .btn-primary:hover {
  background-color: var(--mwh-a-dark);
  border-color: var(--mwh-a-dark);
  transform: translateY(-1px);
}

/* ══════════════════════════════════════
   PROMO / RECOMMENDATION PANELS
══════════════════════════════════════ */
#order-standard_cart .mc-promo,
#recommendationsModal .product-added-panel {
  border-radius: var(--mwh-r-lg);
  overflow: hidden;
}