.elementor-24 .elementor-element.elementor-element-47f3ac0{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-46b93f7 *//* --- Cart Quantity +/- Buttons --- */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
  background: var(--cc-surface) !important;
  border: 1px solid var(--cc-border) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 34px !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  font-size: 18px !important;
  text-align: center !important;
  transition: all .15s ease-in-out !important;
}

/* Minus button: deeper red */
.woocommerce .quantity .minus {
  color: #ff2e2e !important;
}
.woocommerce .quantity .minus:hover {
  background: #ff2e2e !important;
  color: #fff !important;
  box-shadow: 0 0 8px rgba(255,46,46,0.6) !important;
}

/* Plus button: Caricove blue shimmer */
.woocommerce .quantity .plus {
  color: var(--cc-blue) !important;
}
.woocommerce .quantity .plus:hover {
  background: var(--cc-blue) !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(0,180,255,0.6) !important;
}
/* =========================================================
   CARICOVE — CART & CHECKOUT MASTER OVERRIDES
   Scope: WooCommerce Cart + Checkout + Order Pay/Received
   Goal: Beat theme defaults (Hello Elementor), no red hovers,
         Caricove blue accents, dark UI, crisp forms.
   ========================================================= */

/* ---------- Base scope + text ---------- */
.woocommerce,
.woocommerce-page {
  --cc-bg: #0f1330;
  --cc-panel: #111735;
  --cc-surface: #0a0d19;
  --cc-ink: #e9eefc;
  --cc-sub: #a7b0cc;
  --cc-blue: #00b4ff;
  --cc-blue-2: #0193d5;
  --cc-border: rgba(255,255,255,.12);
  --cc-success: #22c55e;
  --cc-warn: #f59e0b;
  --cc-error: #ef4444;

  color: var(--cc-ink) !important;
  background: var(--cc-bg) !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* Kill theme link hovers (no red) */
.woocommerce a,
.woocommerce-page a { color: var(--cc-ink) !important; text-decoration: none !important; }
.woocommerce a:hover,
.woocommerce-page a:hover { color: #d9ecff !important; }

/* ---------- Layout containers (wider + edge-to-edge option) ---------- */
.woocommerce .site, .woocommerce .site-main, .woocommerce .content-area,
.woocommerce .elementor-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: clamp(12px, 2vw, 28px) !important;
}

/* OPTIONAL: make cart/checkout full-bleed (uncomment if desired) */
/*
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
  width: 100vw !important; max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: clamp(12px,3vw,36px) !important;
  padding-right: clamp(12px,3vw,36px) !important;
}
*/

/* ---------- Panels / cards / tables ---------- */
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  background: var(--cc-panel) !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.25) !important;
  overflow: hidden !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-top: 1px solid var(--cc-border) !important;
  color: var(--cc-ink) !important;
}
.woocommerce table.shop_table th { background: rgba(255,255,255,.03) !important; }

/* Remove zebra colors some themes add */
.woocommerce table.shop_table tr:nth-child(even) td { background: transparent !important; }

/* ---------- Buttons (primary + secondary) ---------- */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background: linear-gradient(90deg, #45b6ff, var(--cc-blue)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  box-shadow: 0 0 14px rgba(0,180,255,.35) !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  filter: brightness(1.06) !important;
  box-shadow: 0 0 20px rgba(0,180,255,.55) !important;
}

.woocommerce .button.alt,
.woocommerce .button.secondary,
.woocommerce a.button.alt {
  background: transparent !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-border) !important;
  box-shadow: none !important;
}

/* Mini buttons (qty +/- etc.) */
.woocommerce .qty, .woocommerce .button.small { height: 36px !important; }
.woocommerce .coupon .button,
.woocommerce .actions .button { height: 40px !important; }

/* ---------- Form fields (checkout + coupons) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection--single {
  background: var(--cc-surface) !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-border) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder { color: var(--cc-sub) !important; }

/* Focus — NO orange, just subtle blue halo */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.select2-container--default .select2-selection--single:focus {
  outline: none !important;
  border-color: var(--cc-blue) !important;
  box-shadow: 0 0 0 2px rgba(0,180,255,.35) !important;
}

/* Select2 (country/state) dark mode */
.select2-container--default .select2-selection--single {
  background: var(--cc-surface) !important;
  border: 1px solid var(--cc-border) !important;
  height: 42px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--cc-ink) !important; line-height: 42px !important; padding-left: 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
}
.select2-dropdown {
  background: var(--cc-panel) !important; color: var(--cc-ink) !important; border: 1px solid var(--cc-border) !important;
}

/* ---------- Notices (success/info/error) ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 12px !important;
  border: 1px solid var(--cc-border) !important;
  background: var(--cc-panel) !important;
  color: var(--cc-ink) !important;
  box-shadow: none !important;
}
.woocommerce-message { border-left: 4px solid var(--cc-success) !important; }
.woocommerce-info    { border-left: 4px solid var(--cc-blue) !important; }
.woocommerce-error   { border-left: 4px solid var(--cc-error) !important; }

/* Remove theme’s icon bullets in errors */
.woocommerce-error li { list-style: none !important; }

/* ---------- Cart page specifics ---------- */
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cross-sells h2 { color: var(--cc-ink) !important; }

.woocommerce-cart table.shop_table td.product-remove a.remove {
  color: #ff6b6b !important; background: transparent !important; border: 0 !important;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
  background: var(--cc-surface) !important; border-radius: 10px !important; border: 1px solid var(--cc-border) !important;
}

/* Coupon row */
.woocommerce-cart .coupon .input-text {
  background: var(--cc-surface) !important; color: var(--cc-ink) !important;
  border: 1px solid var(--cc-border) !important; border-radius: 10px !important; height: 40px !important;
}

/* Totals box */
.woocommerce-cart .cart-collaterals .cart_totals table tr th,
.woocommerce-cart .cart-collaterals .cart_totals table tr td {
  border-top: 1px dashed var(--cc-border) !important;
}

/* ---------- Checkout specifics ---------- */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  padding: clamp(8px,1.6vw,16px) !important;
}

.woocommerce-checkout #order_review_heading { color: var(--cc-ink) !important; }

.woocommerce-checkout #order_review .shop_table tfoot th,
.woocommerce-checkout #order_review .shop_table tfoot td {
  border-top: 1px dashed var(--cc-border) !important;
}

/* Payment methods box */
.woocommerce-checkout #payment {
  background: var(--cc-surface) !important;
  border-radius: 12px !important;
  border: 1px solid var(--cc-border) !important;
}
.woocommerce-checkout #payment div.payment_box {
  background: rgba(255,255,255,.04) !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-border) !important;
  border-radius: 10px !important;
}

/* Place order button */
.woocommerce #place_order,
.woocommerce-page #place_order {
  height: 46px !important;
  font-size: 15px !important;
}

/* ---------- Misc polish ---------- */
/* Remove theme red link/hover anywhere in Woo pages */
.woocommerce a:hover, .woocommerce-page a:hover { color: #d9ecff !important; }

/* Make images & badges crisp on dark background */
.woocommerce img { background: transparent !important; border-radius: 10px !important; }

/* Form label color consistency */
.woocommerce form .form-row label { color: var(--cc-ink) !important; }

/* Inline validation colors subtler on dark */
.woocommerce-invalid input.input-text { border-color: #f87171 !important; }
.woocommerce-validated input.input-text { border-color: #34d399 !important; }

/* Remove unexpected outlines */
.woocommerce *:focus { outline: none !important; }

/* Keep tables from overflowing small screens */
@media (max-width: 768px) {
  .woocommerce table.shop_table { display: block !important; overflow-x: auto !important; }
}/* End custom CSS */