.elementor-kit-346{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-rishi1:#ffffff;--e-global-color-rishi2:#000000;--e-global-color-rishi3:#60bd63;--e-global-color-rishi4:#60bd63;--e-global-color-rishi5:#000000;--e-global-color-rishi6:#ffffff;--e-global-color-rishi7:#000000;--e-global-color-rishi8:#000000;--e-global-color-rishi9:var(--paletteColor1);--e-global-color-rishi10:var(--paletteColor1);--e-global-color-rishi11:var(--paletteColor1);--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-346 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   RAZE Cart v2 (SAFE CSS ONLY)
   - Scoped ONLY to the Elementor cart widget: .elementor-element-3b89300
   - Uses container queries so layout adapts to the widget width
   - Does NOT touch header/nav
   ========================================================= */

body.woocommerce-cart .elementor-element-3b89300{
  --raze-green:#58c46c;
  --raze-text: rgba(255,255,255,.92);
  --raze-muted: rgba(255,255,255,.66);
  --raze-border: rgba(255,255,255,.12);
  --raze-surface: rgba(255,255,255,.045);

  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial,
             "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px; --s10:48px;
  --r2:16px; --r3:22px;
}

/* Make the cart widget itself a container so we can adapt to its real width */
body.woocommerce-cart .elementor-element-3b89300 .woocommerce{
  container-type: inline-size;
  container-name: raze-cart;
  font-family: var(--font-ui) !important;
  color: var(--raze-text) !important;
}

/* ====== Kill the “stack of nested cards” effect ====== */
body.woocommerce-cart .elementor-element-3b89300 .woocommerce-cart-form,
body.woocommerce-cart .elementor-element-3b89300 .cart-collaterals,
body.woocommerce-cart .elementor-element-3b89300 .cart_totals{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Only these 3 sections get the premium card styling */
body.woocommerce-cart .elementor-element-3b89300 .e-shop-table.e-cart-section,
body.woocommerce-cart .elementor-element-3b89300 .coupon.e-cart-section,
body.woocommerce-cart .elementor-element-3b89300 .e-cart-totals.e-cart-section{
  background: linear-gradient(180deg, var(--raze-surface), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--raze-border) !important;
  border-radius: var(--r3) !important;
  padding: var(--s8) !important;
  overflow: hidden !important;
}

/* ====== Default layout (assume NARROW widget) ======
   - Stack everything vertically
   - Center it and make it look intentional (not “broken”)
*/
body.woocommerce-cart .elementor-element-3b89300 .e-cart__container{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s8) !important;

  position: relative !important;
  transform: none !important;
  float: none !important;
}

body.woocommerce-cart .elementor-element-3b89300 .e-cart__column,
body.woocommerce-cart .elementor-element-3b89300 .e-cart__column-start,
body.woocommerce-cart .elementor-element-3b89300 .e-cart__column-end{
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* In narrow mode, keep sections from becoming tiny + awkward */
body.woocommerce-cart .elementor-element-3b89300 .e-shop-table.e-cart-section,
body.woocommerce-cart .elementor-element-3b89300 .coupon.e-cart-section,
body.woocommerce-cart .elementor-element-3b89300 .e-cart-totals.e-cart-section{
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ====== WIDE widget mode: switch to true 2-column cart ======
   This triggers ONLY when the cart widget itself is wide enough.
*/
@container raze-cart (min-width: 980px){
  body.woocommerce-cart .elementor-element-3b89300 .e-cart__container{
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: var(--s10) !important;
  }

  body.woocommerce-cart .elementor-element-3b89300 .e-cart__column-start{
    flex: 1 1 auto !important;
    width: auto !important;
  }

  body.woocommerce-cart .elementor-element-3b89300 .e-cart__column-end{
    flex: 0 0 420px !important;
    width: 420px !important;
  }

  /* allow full width sections again */
  body.woocommerce-cart .elementor-element-3b89300 .e-shop-table.e-cart-section,
  body.woocommerce-cart .elementor-element-3b89300 .coupon.e-cart-section,
  body.woocommerce-cart .elementor-element-3b89300 .e-cart-totals.e-cart-section{
    max-width: none !important;
    margin: 0 !important;
  }

  /* Sticky totals only when wide */
  body.woocommerce-cart .elementor-element-3b89300 .e-sticky-right-column{
    position: sticky !important;
    top: 120px !important;
  }
}

/* ====== Typography + table cleanup (scoped) ====== */
body.woocommerce-cart .elementor-element-3b89300 table.shop_table{
  width: 100% !important;
  border: 0 !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

body.woocommerce-cart .elementor-element-3b89300 table.shop_table thead th{
  border: 0 !important;
  padding: 0 var(--s3) var(--s3) !important;
  color: var(--raze-muted) !important;
  font-size: .78rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

body.woocommerce-cart .elementor-element-3b89300 table.shop_table tbody td{
  border-top: 1px solid var(--raze-border) !important;
  padding: 18px var(--s3) !important;
  color: var(--raze-text) !important;
  vertical-align: middle !important;
}

/* Stop the product title from “one word per line” */
body.woocommerce-cart .elementor-element-3b89300 .product-name,
body.woocommerce-cart .elementor-element-3b89300 .product-name a{
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
  white-space: normal !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
  color: var(--raze-text) !important;
  text-decoration: none !important;
}
body.woocommerce-cart .elementor-element-3b89300 .product-name a:hover{
  color: var(--raze-green) !important;
}

/* Thumb */
body.woocommerce-cart .elementor-element-3b89300 .product-thumbnail img{
  width: 76px !important;
  height: auto !important;
  border-radius: 12px !important;
}

/* Inputs */
body.woocommerce-cart .elementor-element-3b89300 input.input-text,
body.woocommerce-cart .elementor-element-3b89300 select{
  min-height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid var(--raze-border) !important;
  background: rgba(255,255,255,.02) !important;
  color: var(--raze-text) !important;
  padding: 10px 12px !important;
}
body.woocommerce-cart .elementor-element-3b89300 select option{
  color:#000 !important;
}

/* Quantity */
body.woocommerce-cart .elementor-element-3b89300 .quantity .qty{
  min-height: 44px !important;
  width: 96px !important;
  border-radius: 12px !important;
  border: 1px solid var(--raze-border) !important;
  background: rgba(255,255,255,.02) !important;
  color: var(--raze-text) !important;
  padding: 0 12px !important;
}

/* Buttons */
body.woocommerce-cart .elementor-element-3b89300 .button,
body.woocommerce-cart .elementor-element-3b89300 a.button,
body.woocommerce-cart .elementor-element-3b89300 button.button{
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--raze-border) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--raze-text) !important;
  font-weight: 750 !important;
}

/* Primary CTA */
body.woocommerce-cart .elementor-element-3b89300 a.checkout-button{
  width: 100% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--raze-green) !important;
  border-color: var(--raze-green) !important;
  color: #06110a !important;
  font-weight: 850 !important;
  min-height: 52px !important;
}

/* Totals heading */
body.woocommerce-cart .elementor-element-3b89300 .cart_totals h2{
  color: var(--raze-text) !important;
  font-weight: 850 !important;
  margin: 0 0 16px !important;
}









/* =========================================================
   RAZE CART PATCH (fix vertical letters + narrow-column layout)
   Safe: CSS only, scoped to cart widget on cart page
   ========================================================= */

body.woocommerce-cart .elementor-widget-woocommerce-cart{
  container-type: inline-size; /* enables container queries based on widget width */
}

/* 1) HARD FIX: stop per-letter breaking */
body.woocommerce-cart .elementor-widget-woocommerce-cart .product-name,
body.woocommerce-cart .elementor-widget-woocommerce-cart .product-name a{
  word-break: normal !important;
  overflow-wrap: break-word !important; /* NOT "anywhere" */
  white-space: normal !important;
  letter-spacing: normal !important;
}

/* Optional: make product title look intentional */
body.woocommerce-cart .elementor-widget-woocommerce-cart .product-name a{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 2) NARROW WIDGET: convert cart table into premium “card” rows */
@container (max-width: 900px){

  /* Hide table headers so they don’t wrap like “PROD UCT” */
  body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table thead{
    display: none !important;
  }

  /* Convert table structure to block layout */
  body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table,
  body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table tbody,
  body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table tr,
  body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table td{
    display: block !important;
    width: 100% !important;
  }

  /* Each cart item becomes a card */
  body.woocommerce-cart .elementor-widget-woocommerce-cart tr.cart_item{
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  }

  /* Remove default cell borders/padding (we control spacing now) */
  body.woocommerce-cart .elementor-widget-woocommerce-cart tr.cart_item td{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Remove button: top-right */
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-remove{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: auto !important;
  }

  body.woocommerce-cart .elementor-widget-woocommerce-cart a.remove{
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(0,0,0,.35) !important;
    color: rgba(255,255,255,.9) !important;
    text-decoration: none !important;
    line-height: 1 !important;
  }

  /* Top row: thumbnail + product name */
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-thumbnail{
    margin-bottom: 10px !important;
  }

  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-thumbnail img{
    width: 72px !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-name{
    margin: -72px 0 0 92px !important; /* aligns name beside thumbnail */
    min-height: 72px !important;
  }

  /* Meta rows: Price / Quantity / Subtotal */
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-price,
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-quantity,
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-subtotal{
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* Labels for the meta rows */
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-price::before,
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-quantity::before,
  body.woocommerce-cart .elementor-widget-woocommerce-cart td.product-subtotal::before{
    content: attr(data-title) !important;
    color: rgba(255,255,255,.65) !important;
    font-size: 12px !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    flex: 0 0 auto !important;
  }

  /* Quantity input sizing in narrow mode */
  body.woocommerce-cart .elementor-widget-woocommerce-cart .quantity .qty{
    width: 96px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
  }

  /* Prevent coupon + totals from looking like nested overlapping cards */
  body.woocommerce-cart .elementor-widget-woocommerce-cart .coupon.e-cart-section,
  body.woocommerce-cart .elementor-widget-woocommerce-cart .e-cart-totals.e-cart-section{
    margin-top: 16px !important;
  }
}



















:root{
  /* =========================
     RAZE (GLOBAL ACCENT)
     ========================= */
  --raze-accent: #60bd63;         /* your official green */
  --raze-accent-hover: #70c473;   /* subtle lighter hover */
  --raze-accent-active: #52a154;  /* subtle darker press */

  /* Handy RGB for glow/borders */
  --raze-accent-rgb: 96, 189, 99;

  /* =========================
     DARK FOUNDATION
     ========================= */
  --raze-bg: #0B0B0F;
  --raze-surface: #111118;
  --raze-surface-2: #151524;
  --raze-border: rgba(255,255,255,.08);

  /* =========================
     TEXT
     ========================= */
  --raze-text: rgba(255,255,255,.92);
  --raze-muted: rgba(255,255,255,.68);

  /* =========================
     SHAPE
     ========================= */
  --raze-radius-card: 20px;
  --raze-radius-btn: 999px;

  /* =========================
     DEPTH (SUBTLE)
     ========================= */
  --raze-shadow-1: 0 8px 16px -10px rgba(0,0,0,.65);
  --raze-shadow-2: 0 18px 48px -28px rgba(0,0,0,.70);

  /* =========================
     ACCENT GLOW (PREMIUM)
     ========================= */
  --raze-glow: 0 0 0 6px rgba(var(--raze-accent-rgb), .16);
}/* End custom CSS */