.elementor-kit-5{--e-global-color-primary:#1A365D;--e-global-color-secondary:#FF8C42;--e-global-color-text:#1D1D1F;--e-global-color-accent:#2D3748;--e-global-color-f9c0286:#6E6E73;--e-global-color-c5b346e:#F7FAFC;--e-global-color-f5e935b:#FFFFFF;--e-global-color-702311f:#EC8441;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-cea8809-font-family:"Inter";--e-global-typography-cea8809-font-size:1.313rem;--e-global-typography-cea8809-font-weight:400;background-color:var( --e-global-color-c5b346e );color:var( --e-global-color-f9c0286 );overscroll-behavior:contain;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-secondary );color:var( --e-global-color-f5e935b );border-radius:980px 980px 980px 980px;padding:12px 038px 12px 038px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-702311f );color:var( --e-global-color-f5e935b );border-radius:980px 980px 980px 980px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{color:var( --e-global-color-text );font-size:3rem;font-weight:700;line-height:1.1lh;}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:2.25rem;font-weight:600;line-height:1.16lh;}.elementor-kit-5 h3{color:var( --e-global-color-text );font-size:1.75rem;font-weight:600;line-height:1.2lh;}.elementor-kit-5 h4{color:var( --e-global-color-text );font-size:1.375rem;font-weight:500;line-height:1.25lh;}.elementor-kit-5 h5{color:var( --e-global-color-text );font-size:1.125rem;font-weight:500;line-height:1.3lh;}.elementor-kit-5 h6{color:var( --e-global-color-text );font-size:1rem;font-weight:500;line-height:1.35lh;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-kit-5 p{margin-block-end:2.3px;}.elementor-kit-5 h1{font-size:2.3rem;}.elementor-kit-5 h2{font-size:2px;line-height:1.16lh;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:2px;}.elementor-kit-5 h2{font-size:1.625rem;}.elementor-kit-5 h3{font-size:1.35rem;}.elementor-kit-5 h4{font-size:1.125rem;}.elementor-kit-5 h5{font-size:1rem;}.elementor-kit-5 h6{font-size:0.875rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   CRAVE GEAR — MASTER CSS (Clean + Non-conflicting)
   Includes:
   - Confidence bar (Woo only)
   - Global Woo styling (buttons/fields/notices/tables)
   - Cart polish + shortcode cart spacing
   - My Account layout
   - Contact form styling
   - Legal pages styling
   - SINGLE PRODUCT (Woo Default) FINAL layout cleanup:
       1) Fix button spacing (Add to cart + Customize + GPay)
       2) Space between main image + thumbnail gallery
       3) Align gallery top with summary
       4) Clean description padding + tabs
   ========================================================= */


/* =========================================================
   TOKENS
   ========================================================= */
:root{
  --cg-orange: #ff7a28;
  --cg-navy: #1A365D;
  --cg-text: #0b1220;
  --cg-muted: rgba(11,18,32,.65);
  --cg-line: rgba(11,18,32,.10);
  --cg-card: #ffffff;
  --cg-soft: #F9FAFB;
  --cg-radius: 18px;
  --cg-font: 'Inter', sans-serif;
}


/* =========================================================
   CONFIDENCE BAR (Woo only)
   ========================================================= */
.cg-confidence-bar.woocommerce-only { display: none; }

.woocommerce .cg-confidence-bar.woocommerce-only,
.woocommerce-page .cg-confidence-bar.woocommerce-only { display: block; }

.cg-confidence-bar{
  width: 100%;
  background: var(--cg-soft);
  border-bottom: 1px solid #E5E7EB;
  padding: 8px 0;
  font-family: var(--cg-font);
}

.cg-confidence-inner{
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  gap: 36px;
  font-size: .80rem;
  color: var(--cg-navy);
  letter-spacing: .02em;
  font-weight: 500;
}

.cg-confidence-inner span{
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

@media (max-width: 768px){
  .cg-confidence-inner{
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    text-align: center;
  }
}


/* =========================================================
   GLOBAL WOOCOMMERCE: inputs / labels
   ========================================================= */
.woocommerce input,
.woocommerce select,
.woocommerce textarea{
  font-family: var(--cg-font);
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 12px !important;
  font-size: .95rem !important;
  background: #fff;
  transition: all .2s ease;
}

.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus{
  border-color: var(--cg-orange) !important;
  box-shadow: 0 0 0 3px rgba(255,122,40,.25) !important;
  outline: none !important;
}

.woocommerce label{
  font-weight: 600;
  color: var(--cg-navy);
  margin-bottom: 6px;
}


/* =========================================================
   GLOBAL WOOCOMMERCE: primary buttons
   ========================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce .checkout-button,
.woocommerce-cart .button.checkout{
  background: var(--cg-navy) !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .82rem;
  border: none !important;
  transition: background .2s ease, transform .12s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover{
  background: var(--cg-orange) !important;
  transform: translateY(-1px);
}


/* Coupon & small buttons */
.woocommerce form.checkout_coupon .button,
.woocommerce-cart table.cart td.actions .button{
  border-radius: 999px !important;
  padding: 10px 20px !important;
}


/* Woo notices */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  border-radius: 12px !important;
  padding: 14px 18px !important;
  border-left: 4px solid var(--cg-orange) !important;
  background: #fffaf5 !important;
}


/* Tables */
.woocommerce table.shop_table{
  border-radius: 14px;
  overflow: hidden;
  border: none !important;
  background: #fff;
  box-shadow: 0 12px 35px rgba(15,23,42,.07);
}

.woocommerce table.shop_table th{
  background: #f8fafc !important;
  font-weight: 600;
  color: var(--cg-navy);
  padding: 12px;
}

.woocommerce table.shop_table td{
  padding: 16px 12px !important;
  vertical-align: middle !important;
}


/* Quantity */
.woocommerce .quantity input.qty{
  border-radius: 999px !important;
  width: 70px !important;
  text-align: center;
  border: 1px solid #e5e7eb;
  padding: 8px 10px;
}


/* =========================================================
   CART POLISH
   ========================================================= */
.woocommerce-cart .cart-collaterals .cart_totals{
  background: #fff;
  border-radius: 18px;
  padding: 24px 22px;
  box-shadow: 0 18px 45px rgba(15,23,42,.06);
}

.woocommerce-cart .cart_totals h2{
  font-size: 1rem !important;
  margin-bottom: 16px;
}

.woocommerce-cart .cart_totals table th{
  font-weight: 600;
  color: #4B5563;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  font-weight: 700;
  color: var(--cg-navy);
}

.woocommerce-cart table.cart td.actions .button[name="update_cart"]{
  background: #fff !important;
  color: var(--cg-navy) !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

.woocommerce-cart table.cart td.actions .button[name="update_cart"]:hover{
  background: var(--cg-orange) !important;
  color: #fff !important;
  border-color: var(--cg-orange) !important;
}


/* =========================================================
   CART (DEFAULT SHORTCODE PAGE) spacing fix
   ========================================================= */
body.woocommerce-cart .woocommerce{
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 18px 32px;
}

body.woocommerce-cart .site-main{
  padding-top: 24px !important;
  padding-bottom: 32px !important;
}

body.woocommerce-cart .woocommerce-cart-form{
  margin: 0 !important;
  padding-right: 24px;
}

body.woocommerce-cart .cart-collaterals{
  margin: 0 !important;
  padding-left: 24px;
}

body.woocommerce-cart .cart_totals{ margin-top: 0 !important; }

body.woocommerce-cart .wc-proceed-to-checkout{
  margin-top: 12px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  margin-bottom: 10px !important;
}

@media (max-width: 980px){
  body.woocommerce-cart .woocommerce{ padding: 16px 14px 24px; }
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals{ padding: 0 !important; }
  body.woocommerce-cart .cart-collaterals{ margin-top: 20px !important; }
}


/* =========================================================
   MY ACCOUNT LAYOUT (only inside .cg-my-account-wrap)
   ========================================================= */
.cg-my-account-wrap .woocommerce-MyAccount{
  display: flex;
  flex-wrap: nowrap;
  gap: 32px;
}

.cg-my-account-wrap .woocommerce-MyAccount-navigation{
  flex: 0 0 260px;
}

.cg-my-account-wrap .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 16px 0;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(15,23,42,.08);
}

.cg-my-account-wrap .woocommerce-MyAccount-navigation a{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all .18s ease-out;
}

.cg-my-account-wrap .woocommerce-MyAccount-navigation a:hover{
  background: #f9fafb;
  border-left-color: var(--cg-orange);
  color: #0f172a;
}

.cg-my-account-wrap .woocommerce-MyAccount-navigation .is-active a{
  background: #fff7f0;
  border-left-color: var(--cg-orange);
  color: #0f172a;
}

.cg-my-account-wrap .woocommerce-MyAccount-content{
  flex: 1;
  background: #fff;
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 14px 30px rgba(15,23,42,.08);
  min-height: 320px;
}

@media (max-width: 768px){
  .cg-my-account-wrap .woocommerce-MyAccount{ flex-direction: column; }
  .cg-my-account-wrap .woocommerce-MyAccount-navigation,
  .cg-my-account-wrap .woocommerce-MyAccount-content{ width: 100%; }
}


/* =========================================================
   CONTACT FORM – RDV styling (use .crave-form wrapper)
   ========================================================= */
.crave-form input,
.crave-form textarea,
.crave-form select{
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  padding: 12px 14px;
  font-size: 1rem;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.crave-form input:focus,
.crave-form textarea:focus,
.crave-form select:focus{
  border-color: var(--cg-navy);
  box-shadow: 0 0 0 2px rgba(26,54,93,.18);
}

.crave-form button{
  background: var(--cg-orange);
  color: #fff;
  border-radius: 8px;
  padding: 14px 26px;
  font-weight: 600;
  letter-spacing: .02em;
  transition: background .2s ease, transform .1s ease;
}

.crave-form button:hover{
  background: #ff8c42;
  transform: translateY(-1px);
}


/* =========================================================
   LEGAL PAGES (use .legal-page wrapper)
   ========================================================= */
.legal-page{
  max-width: 900px;
  margin: 0 auto 4rem;
  padding: 2rem 1.5rem 4rem;
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.legal-page__meta{
  font-size: .875rem;
  color: #6b7280;
  margin-bottom: 1.75rem;
}

.legal-section{
  padding: 1.75rem 0;
  border-top: 1px solid #e5e7eb;
}
.legal-section:first-of-type{ border-top: none; }

.legal-section__title{
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--cg-navy);
  margin-bottom: .75rem;
}

.legal-body{
  font-size: .95rem;
  line-height: 1.7;
  color: #1f2933;
}

.legal-body p{ margin: 0 0 .9rem; }
.legal-body ul,
.legal-body ol{ margin: 0 0 1rem 1.2rem; padding: 0; }
.legal-body li{ margin: 0 0 .35rem; }
.legal-body strong{ font-weight: 600; }


/* =========================================================
   SINGLE PRODUCT (Woo Default) — FINAL CLEANUP (NO CONFLICTS)
   ========================================================= */

/* Page padding */
.woocommerce.single-product .site-main{
  padding-top: clamp(18px, 2vw, 34px);
  padding-bottom: clamp(28px, 3vw, 64px);
}

/* Product container: clean grid (no floats) */
.woocommerce.single-product div.product{
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(360px, 440px);
  gap: clamp(22px, 3.5vw, 52px);
  align-items: start;
}

/* Kill float layout from theme */
.woocommerce.single-product div.product .woocommerce-product-gallery,
.woocommerce.single-product div.product .summary{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* Gallery alignment + spacing */
.woocommerce.single-product .woocommerce-product-gallery{
  margin-top: 0 !important;
  align-self: start;
}

/* Main image wrapper + space before thumbs */
.woocommerce.single-product .woocommerce-product-gallery__wrapper{
  margin: 0 0 18px 0 !important;
  border-radius: var(--cg-radius);
  overflow: hidden;
  background: rgba(255,255,255,.7);
  border: 1px solid var(--cg-line);
  padding: 14px;
}

/* Thumbnails row */
.woocommerce.single-product .flex-control-thumbs{
  display: flex !important;
  flex-wrap: nowrap;
  gap: 12px;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce.single-product .flex-control-thumbs li{
  width: auto !important;
  margin: 0 !important;
}

.woocommerce.single-product .flex-control-thumbs img{
  border-radius: 12px;
  border: 1px solid var(--cg-line);
  padding: 6px;
  background: #fff;
  opacity: .88;
  transition: .18s ease;
}
.woocommerce.single-product .flex-control-thumbs img:hover,
.woocommerce.single-product .flex-control-thumbs img.flex-active{
  opacity: 1;
  border-color: rgba(255,122,40,.50);
}

/* Summary card */
.woocommerce.single-product .summary{
  background: var(--cg-card);
  border: 1px solid var(--cg-line);
  border-radius: var(--cg-radius);
  padding: clamp(18px, 2.2vw, 34px);
  box-shadow: 0 20px 45px rgba(0,0,0,.04);
}

.woocommerce.single-product .summary .product_title{
  margin: 0 0 10px;
  color: var(--cg-text);
  line-height: 1.08;
}

.woocommerce.single-product .summary .price{
  margin: 0 0 14px;
  color: var(--cg-orange);
  font-weight: 800;
}

.woocommerce.single-product .summary .woocommerce-product-details__short-description{
  margin: 0 0 18px;
  color: var(--cg-muted);
  line-height: 1.65;
  max-width: 52ch;
}

/* Variations box */
.woocommerce.single-product form.variations_form{
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid var(--cg-line);
  border-radius: var(--cg-radius);
  background: #fff;
}

/* ===== BUTTON / CART AREA FIX (Woo + Lumise safe) ===== */
/* IMPORTANT: Woo uses .woocommerce-variation-add-to-cart wrapper */
.woocommerce.single-product div.product .summary form.cart,
.woocommerce.single-product div.product .summary form.cart .woocommerce-variation-add-to-cart{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Qty row */
.woocommerce.single-product div.product .summary form.cart .quantity{
  margin: 0 0 10px 0 !important;
}

.woocommerce.single-product div.product .summary form.cart .quantity input.qty{
  width: 86px !important;
  height: 46px;
  border-radius: 999px;
  border: 1px solid var(--cg-line);
  padding: 0 12px !important;
}

/* Add to cart — REAL button ONLY (exclude lumise customize) */
.woocommerce.single-product div.product .summary form.cart
button.single_add_to_cart_button:not(.lumise-customize-button){
  width: 100% !important;
  height: 46px !important;
  border-radius: 999px !important;
  background: var(--cg-navy) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
  box-shadow: 0 12px 26px rgba(31,47,69,.18);
  margin: 0 0 14px 0 !important; /* ✅ your requested gap */
}

/* Customize button (Lumise) */
.woocommerce.single-product div.product .summary form.cart .lumise-customize-button{
  width: 100% !important;
  height: 46px !important;
  border-radius: 999px !important;
  margin: 0 0 12px 0 !important;
}

/* Any other secondary button in summary */
.woocommerce.single-product div.product .summary .button:not(.single_add_to_cart_button){
  width: 100% !important;
}

/* Express buttons (Google Pay) */
.woocommerce.single-product div.product .summary .payment_request_button,
.woocommerce.single-product div.product .summary .wc-stripe-payment-request-button,
.woocommerce.single-product div.product .summary .wcpay-payment-request-button{
  width: 100% !important;
  border-radius: 999px !important;
  overflow: hidden;
  margin-top: 10px !important;
}

/* Meta spacing */
.woocommerce.single-product .product_meta{
  margin-top: 16px;
  color: rgba(11,18,32,.55);
}

/* Tabs */
.woocommerce.single-product .woocommerce-tabs{
  margin-top: clamp(26px, 3vw, 48px);
}

.woocommerce.single-product .woocommerce-tabs ul.tabs{
  padding-left: 0 !important;
  border-bottom: 1px solid var(--cg-line);
  margin-bottom: 18px !important;
}

.woocommerce.single-product .woocommerce-tabs ul.tabs li{
  border: 0 !important;
  background: transparent !important;
  margin: 0 22px 0 0 !important;
}

.woocommerce.single-product .woocommerce-tabs ul.tabs li a{
  color: rgba(11,18,32,.65);
  font-weight: 800;
  padding: 10px 0 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8rem;
}

.woocommerce.single-product .woocommerce-tabs ul.tabs li.active a{
  color: var(--cg-text);
  border-bottom: 2px solid var(--cg-orange);
}

/* Panel padding fix (covers both theme outputs) */
.woocommerce.single-product .woocommerce-Tabs-panel,
.woocommerce.single-product .woocommerce-tabs .panel{
  max-width: 760px;
  background: #fff;
  border: 1px solid var(--cg-line);
  border-radius: var(--cg-radius);
  padding: 32px !important; /* ✅ your requested description padding fix */
  box-shadow: 0 20px 45px rgba(0,0,0,.04);
  margin-top: 14px;
}

.woocommerce.single-product .woocommerce-Tabs-panel p,
.woocommerce.single-product .woocommerce-Tabs-panel li{
  line-height: 1.7;
  color: rgba(11,18,32,.82);
}

/* Mobile */
@media (max-width: 980px){
  .woocommerce.single-product div.product{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .woocommerce.single-product .flex-control-thumbs{
    flex-wrap: wrap !important;
  }

  .woocommerce.single-product div.product .summary form.cart .quantity input.qty{
    width: 100% !important;
  }
}


/* =========================================================
   RDV FINAL PATCH — Single Product Gallery + Spacing Polish
   Put this at the VERY BOTTOM of your CSS
   ========================================================= */

/* 1) FORCE REAL SPACE between main image + thumbnails */
.woocommerce.single-product .woocommerce-product-gallery__wrapper{
  padding-bottom: 18px !important;   /* creates real internal breathing room */
  margin-bottom: 0 !important;       /* prevent “fake” spacing that collapses */
}

.woocommerce.single-product .flex-control-thumbs{
  margin-top: 18px !important;       /* real separation from main image */
  padding-top: 18px !important;      /* keeps thumbs from hugging the image */
  border-top: 1px solid rgba(11,18,32,.08) !important; /* subtle RDV divider */
}

/* 2) Make thumbs feel premium + evenly spaced */
.woocommerce.single-product .flex-control-thumbs{
  display: flex !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.woocommerce.single-product .flex-control-thumbs li{
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.woocommerce.single-product .flex-control-thumbs li img{
  background: #fff !important;
  border: 1px solid rgba(11,18,32,.10) !important;
  border-radius: 14px !important;
  padding: 8px !important;
  opacity: .9 !important;
  transition: transform .15s ease, opacity .15s ease, border-color .15s ease !important;
}

.woocommerce.single-product .flex-control-thumbs li img:hover{
  transform: translateY(-1px);
  opacity: 1 !important;
  border-color: rgba(255,122,40,.45) !important;
}

/* 3) Mobile: allow wrapping so thumbs don’t crush */
@media (max-width: 980px){
  .woocommerce.single-product .flex-control-thumbs{
    flex-wrap: wrap !important;
  }
}

/* 4) Small extra RDV cleanups you may not notice until later */
.woocommerce.single-product .woocommerce-product-gallery{
  padding-top: 0 !important;         /* keeps top aligned with summary card */
  margin-top: 0 !important;
}

.woocommerce.single-product .woocommerce-tabs .panel,
.woocommerce.single-product .woocommerce-Tabs-panel{
  margin-left: 0 !important;         /* prevents weird indent from some themes */
}/* End custom CSS */