/* =====================================================================
   creativeON — order form / shop / cart / checkout styling.

   WHY THIS IS A SEPARATE FILE:
   The order form (standard_cart et al) loads its own all.min.css from its
   common.tpl, which lands AFTER the theme's custom.css in the document.
   This sheet is linked from the theme's footer.tpl, so it renders LAST
   and wins on load order — letting the theme restyle the cart without
   touching templates/orderforms/ or any WHMCS setting.

   The structural classes (co-plan*, co-cart-tab, co-steps, co-field*)
   are added at runtime by the enhancer in footer.tpl.
   ===================================================================== */

#order-standard_cart{font-family:var(--co-font);color:var(--co-navy);font-size:14px;padding-bottom:30px}

/* ---------- shell: drop the stock 25% sidebar, go full width ---------- */
#order-standard_cart .cart-sidebar{display:none}
#order-standard_cart .sidebar-collapsed{display:none}
#order-standard_cart > .row{display:block;margin:0}
#order-standard_cart .cart-body{float:none;width:100%;max-width:none;padding:0}
#order-standard_cart .header-lined{border:none;margin:0 0 22px;padding:0}
#order-standard_cart .header-lined h1{font-family:var(--co-font-head);color:var(--co-navy);font-weight:700;font-size:32px;line-height:1.25;margin:0}
#order-standard_cart .header-lined p{color:var(--co-soft);margin:8px 0 0}

/* ---------- category pills ---------- */
#order-standard_cart .co-cart-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 26px}
#order-standard_cart .co-cart-tab{display:inline-flex;align-items:center;padding:13px 27px;border-radius:999px;background:var(--co-surface);color:var(--co-soft);font-family:var(--co-font-head);font-weight:600;font-size:15px;box-shadow:var(--co-shadow);text-decoration:none;transition:background .15s,color .15s}
#order-standard_cart .co-cart-tab:hover{color:var(--co-blue)}
#order-standard_cart .co-cart-tab.active{background:var(--co-blue);color:#fff}

/* ---------- progress steps ---------- */
#order-standard_cart .co-steps{display:flex;align-items:center;gap:14px;background:var(--co-surface);border-radius:var(--co-radius);box-shadow:var(--co-shadow);padding:22px 28px;margin:0 0 22px;flex-wrap:wrap}
#order-standard_cart .co-step{display:flex;align-items:center;gap:12px}
#order-standard_cart .co-step-n{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--co-line);color:var(--co-muted);font-weight:700;font-size:14px}
#order-standard_cart .co-step-l{font-family:var(--co-font-head);color:var(--co-muted);font-weight:600;font-size:15px}
#order-standard_cart .co-step.done .co-step-n,#order-standard_cart .co-step.active .co-step-n{background:var(--co-blue);color:#fff}
#order-standard_cart .co-step.done .co-step-l{color:var(--co-navy)}
#order-standard_cart .co-step.active .co-step-l{color:var(--co-navy);font-weight:700}
#order-standard_cart .co-step-line{flex:1 1 40px;min-width:26px;height:2px;background:var(--co-line)}

/* ---------- plan cards ---------- */
/* stock markup nests cards in .row > .col-md-6; flatten to one grid */
#order-standard_cart #products{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px}
#order-standard_cart #products > .row{display:contents}
#order-standard_cart #products > .row > [class*="col-"]{display:block;float:none;width:auto;max-width:none;padding:0;margin:0}
#order-standard_cart .products .product{background:var(--co-surface);border:1px solid var(--co-line);border-radius:var(--co-radius);box-shadow:var(--co-shadow);padding:30px;margin:0;float:none;width:auto;height:100%;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
#order-standard_cart .products .product:hover{box-shadow:var(--co-shadow-md);transform:translateY(-2px)}
#order-standard_cart .products .product.co-plan-popular{border:2px solid var(--co-blue);box-shadow:var(--co-shadow-md)}

/* header: stock paints it #f8f8f8 with a border */
#order-standard_cart .products .product header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 14px;background:none;background-color:transparent;border:none;border-radius:0;padding:0;margin:0;font-size:inherit;text-align:left}
#order-standard_cart .products .product header span[id$="-name"]{font-family:var(--co-font-head);color:var(--co-navy);font-weight:700;font-size:21px;line-height:1.25;flex:1 1 auto}
#order-standard_cart .co-plan-group{flex:1 1 100%;order:3;color:var(--co-muted);font-size:15px;margin:0}
#order-standard_cart .co-plan-badge{order:2;flex:0 0 auto;background:var(--co-blue-soft);color:var(--co-blue);font-family:var(--co-font);font-size:11px;font-weight:700;letter-spacing:.6px;padding:8px 15px;border-radius:999px;white-space:nowrap}
#order-standard_cart .products .product header .qty{flex:1 1 100%;order:4;color:var(--co-green);font-size:12px}

/* description + features */
#order-standard_cart .products .product div.product-desc{flex:1 1 auto;color:var(--co-soft);font-size:14px;margin:20px 0 0;padding:0}
#order-standard_cart .products .product div.product-desc ul{list-style:none;padding:0;margin:12px 0 0}
#order-standard_cart .products .product div.product-desc ul li{position:relative;padding:9px 0 9px 34px;color:var(--co-soft);font-size:15px;border:none;background:none}
#order-standard_cart .products .product div.product-desc ul li::before{content:"\2713";position:absolute;left:0;top:9px;width:22px;height:22px;background:#e4f5ea;color:var(--co-green);border-radius:50%;text-align:center;font-size:12px;line-height:22px;font-weight:700}
#order-standard_cart .products .product div.product-desc .feature-value{font-weight:600;color:var(--co-navy)}

/* footer: price + button */
#order-standard_cart .products .product footer{background:none;border:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column}
#order-standard_cart .products .product div.product-pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:0;padding:0;background:none;border:none;font-size:inherit;color:inherit}
#order-standard_cart .products .product div.product-pricing br{display:none}
#order-standard_cart .products .product div.product-pricing span.price{font-family:var(--co-font-head);font-weight:700;font-size:38px;line-height:1.05;color:var(--co-navy);display:inline}
#order-standard_cart .co-plan-cycle{color:var(--co-muted);font-size:16px;font-weight:500}
#order-standard_cart .products .product div.product-pricing small{flex:1 1 100%;color:var(--co-muted);font-size:12px}
#order-standard_cart a.btn-order-now{display:block;width:100%;text-align:center;margin-top:24px;padding:15px 18px;border-radius:12px;font-family:var(--co-font-head);font-weight:700;font-size:15px;background:var(--co-blue-soft);border:none;color:var(--co-blue);text-shadow:none;box-shadow:none}
#order-standard_cart a.btn-order-now:hover,#order-standard_cart a.btn-order-now:focus{background:#dfeafc;color:var(--co-blue)}
#order-standard_cart a.btn-order-now i{display:none}
#order-standard_cart .co-plan-popular a.btn-order-now{background:var(--co-blue);color:#fff}
#order-standard_cart .co-plan-popular a.btn-order-now:hover,#order-standard_cart .co-plan-popular a.btn-order-now:focus{background:var(--co-blue-d);color:#fff}

/* ---------- cart / checkout columns ---------- */
#order-standard_cart .secondary-cart-body{padding:0 22px 0 0}
#order-standard_cart .secondary-cart-body > form,
#order-standard_cart .secondary-cart-body > .view-cart-tabs,
#order-standard_cart #frmCheckout,
#order-standard_cart .already-registered{background:var(--co-surface);border-radius:var(--co-radius);box-shadow:var(--co-shadow);padding:26px 28px;margin-bottom:20px;border:none}
#order-standard_cart .secondary-cart-body > form{padding:0;overflow:hidden}

/* header strip — stock paints it #005588 */
#order-standard_cart .view-cart-items-header{background:#f5f7fb;background-color:#f5f7fb;color:var(--co-soft);border:none;border-radius:0;padding:15px 26px;margin:0;font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:600}
#order-standard_cart .view-cart-items-header [class*="col"]{color:var(--co-soft);padding-left:0;padding-right:0}
#order-standard_cart .view-cart-items-header .row{margin:0}

/* rows — stock stripes alternate rows grey */
#order-standard_cart .view-cart-items{border:none;padding:0 26px}
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even),
#order-standard_cart .view-cart-items .item:nth-of-type(even){background:transparent;background-color:transparent;border:none;border-bottom:1px solid var(--co-line);padding:20px 0;margin:0}
#order-standard_cart .view-cart-items .item:last-child{border-bottom:none}
#order-standard_cart .view-cart-items .item .row{margin:0;align-items:flex-start}
#order-standard_cart .view-cart-items .item [class*="col"]{padding-left:0;padding-right:0}
#order-standard_cart .item-title{display:block;font-family:var(--co-font-head);color:var(--co-navy);font-weight:700;font-size:17px;line-height:1.35}
#order-standard_cart .item-group,#order-standard_cart .item-domain,#order-standard_cart .view-cart-items .item small{display:inline;color:var(--co-soft);font-size:14px;font-weight:400}
#order-standard_cart .item-domain::before{content:" \00b7 ";color:var(--co-muted)}
#order-standard_cart .item-price{text-align:right}
#order-standard_cart .item-price > span:first-child{display:block;font-family:var(--co-font-head);color:var(--co-navy);font-weight:700;font-size:19px}
#order-standard_cart .item-price .cycle{display:block;color:var(--co-muted);font-size:13px;font-weight:400}
#order-standard_cart .item-title .btn-link{font-family:var(--co-font);font-size:13px;font-weight:600;color:var(--co-blue);background:var(--co-blue-soft);border-radius:7px;padding:3px 9px;margin-left:8px;vertical-align:middle;text-decoration:none}
#order-standard_cart .btn-remove-from-cart{color:var(--co-red);background:none;border:none;padding:0;font-weight:600;font-size:14px;opacity:1;text-decoration:none}
#order-standard_cart .btn-remove-from-cart:hover{color:#c33d2a}
#order-standard_cart .empty-cart{padding:16px 26px;border-top:1px solid var(--co-line)}
#order-standard_cart .empty-cart .btn-link{color:var(--co-red)}

/* promo / tax tabs */
#order-standard_cart .view-cart-tabs .nav-tabs{border-bottom:1px solid var(--co-line)}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link{border:none;color:var(--co-soft);font-family:var(--co-font-head);font-weight:600;font-size:14px;padding:8px 2px;margin-right:22px;background:none}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active{color:var(--co-blue);border-bottom:2px solid var(--co-blue);background:none}
#order-standard_cart .view-cart-tabs .tab-content{padding-top:16px}

/* ---------- order summary ---------- */
#order-standard_cart .secondary-cart-sidebar{padding:0}
#order-standard_cart .order-summary{background:var(--co-surface);border-radius:var(--co-radius);box-shadow:var(--co-shadow-md);padding:26px 26px 22px;border:none}
#order-standard_cart .order-summary h2{font-family:var(--co-font-head);color:var(--co-navy);font-weight:700;font-size:21px;margin:0 0 18px;padding:0;border:none}
#order-standard_cart .order-summary .summary-container{font-size:14.5px;color:var(--co-soft);border:none;padding:0}
#order-standard_cart .order-summary .product-name{display:block;font-family:var(--co-font-head);color:var(--co-navy);font-weight:600;font-size:15px}
#order-standard_cart .order-summary .product-group{display:block;color:var(--co-muted);font-size:12px;margin-bottom:10px}
#order-standard_cart .order-summary .summary-container .clearfix,
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .recurring-totals{padding:11px 0;border-bottom:1px solid var(--co-line);color:var(--co-navy)}
#order-standard_cart .order-summary .float-right,#order-standard_cart .order-summary .pull-right{font-weight:600;color:var(--co-navy)}
#order-standard_cart .order-summary .total-due-today{display:flex;flex-direction:column;gap:4px;margin-top:18px;background:none;border:none;padding:0;text-align:left;color:var(--co-navy)}
#order-standard_cart .order-summary .total-due-today span:not(.amt){order:-1;display:block;color:var(--co-soft);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}
#order-standard_cart .order-summary .total-due-today .amt{font-family:var(--co-font-head);font-weight:700;font-size:34px;color:var(--co-navy);line-height:1.1}

/* ---------- buttons ---------- */
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #checkout,
#order-standard_cart #btnCompleteOrder{display:block;width:100%;text-align:center;background:var(--co-blue);border:none;color:#fff;border-radius:12px;font-family:var(--co-font-head);font-weight:700;font-size:16px;padding:15px 20px;margin-top:18px;text-shadow:none}
#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart #checkout:hover,
#order-standard_cart #btnCompleteOrder:hover{background:var(--co-blue-d);color:#fff}
#order-standard_cart #continueShopping{display:block;text-align:center;margin-top:14px;color:var(--co-blue);font-weight:600;background:none}
#order-standard_cart .btn-primary{background:var(--co-blue);border-color:var(--co-blue);color:#fff;border-radius:11px;font-weight:600}
#order-standard_cart .btn-primary:hover{background:var(--co-blue-d);border-color:var(--co-blue-d);color:#fff}

/* ---------- forms ---------- */
#order-standard_cart .form-control,#order-standard_cart .custom-select{border:1px solid #e3e7ef;border-radius:10px;min-height:46px;font-size:14.5px;color:var(--co-navy);box-shadow:none;background-color:#fff}
#order-standard_cart .form-control:focus{border-color:var(--co-blue);box-shadow:0 0 0 3px rgba(47,111,214,.12)}
#order-standard_cart .sub-heading{border-top:1px solid var(--co-line);text-align:center;margin:28px 0 20px;line-height:1;background:none}
#order-standard_cart .sub-heading span,#order-standard_cart .sub-heading span.primary-bg-color{background:var(--co-surface);background-color:var(--co-surface);color:var(--co-blue);-webkit-text-fill-color:var(--co-blue);font-family:var(--co-font-head);font-weight:600;font-size:14px;padding:0 14px;position:relative;top:-9px;display:inline-block}
#order-standard_cart .form-group.co-field{padding-left:0;margin-bottom:18px}
#order-standard_cart .co-field .field-icon{display:none}
#order-standard_cart .co-field .form-control{padding-left:16px}
#order-standard_cart .co-field-label{display:block;color:var(--co-soft);font-size:13.5px;font-weight:500;margin-bottom:7px}
#order-standard_cart .account{border:1px solid #e3e7ef;border-radius:10px;padding:14px 18px;margin-bottom:10px;background:#fff}
#order-standard_cart .account.active{border-color:var(--co-blue);background:var(--co-blue-soft)}
#order-standard_cart #paymentGatewaysContainer label,#order-standard_cart #paymentGatewayInput label{display:block;text-align:left;border:1px solid #e3e7ef;border-radius:10px;padding:13px 17px;margin:0 0 10px;cursor:pointer;font-weight:500;color:var(--co-navy)}
#order-standard_cart #paymentGatewaysContainer label:hover{border-color:var(--co-blue)}
#order-standard_cart #totalDueToday.alert-success{background:var(--co-blue-soft);border:none;border-radius:12px;color:var(--co-navy)}
#order-standard_cart .product-info{background:#f5f7fb;background-color:#f5f7fb;border:none;border-radius:12px;padding:18px 22px;margin:0 0 22px}
#order-standard_cart .product-title{font-family:var(--co-font-head);color:var(--co-navy);font-weight:700;font-size:18px}
#order-standard_cart .checkout-security-msg{background:#fff8ec;border:1px solid #f3e2bf;border-radius:12px;color:var(--co-soft)}

/* ---------- responsive ---------- */
@media (max-width:991.98px){
  #order-standard_cart .secondary-cart-body{padding-right:0}
  #order-standard_cart .secondary-cart-sidebar{margin-top:20px}
}
@media (max-width:575.98px){
  #order-standard_cart .header-lined h1{font-size:25px}
  #order-standard_cart .co-steps{padding:16px}
  #order-standard_cart .co-step-l{font-size:13px}
  #order-standard_cart .products .product{padding:24px}
  #order-standard_cart .products .product div.product-pricing span.price{font-size:32px}
}