.elementor-2961 .elementor-element.elementor-element-072369e{--display:flex;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2961 .elementor-element.elementor-element-bf6e415{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2961 .elementor-element.elementor-element-bf6e415 .elementor-heading-title{font-family:"Big Shoulders Display", Sans-serif;font-size:25px;font-weight:800;font-style:normal;line-height:14px;}.elementor-2961 .elementor-element.elementor-element-3e198dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2961 .elementor-element.elementor-element-d84fbb1{--display:flex;--min-height:0px;}.elementor-2961 .elementor-element.elementor-element-58c20b3{--display:flex;--margin-top:00px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2961 .elementor-element.elementor-element-8ed65c4{text-align:start;}.elementor-2961 .elementor-element.elementor-element-0fcb444{--display:flex;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2961 .elementor-element.elementor-element-1f57560{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2961 .elementor-element.elementor-element-1f57560 .cart button, .elementor-2961 .elementor-element.elementor-element-1f57560 .cart .button{transition:all 0.2s;}.elementor-2961 .elementor-element.elementor-element-1f57560 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-2961 .elementor-element.elementor-element-1f57560 form.cart .variations{width:0%;margin-bottom:0px;}.woocommerce .elementor-2961 .elementor-element.elementor-element-1f57560 form.cart table.variations tr th, .woocommerce .elementor-2961 .elementor-element.elementor-element-1f57560 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.elementor-2961 .elementor-element.elementor-element-5817571{--display:flex;}@media(max-width:1024px){.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-1f57560 *//* ==========================================================================
   Urban Event — Single Product Page  ·  Premium Custom CSS  (v3)
   Paste into: Appearance → Customize → Additional CSS
   ========================================================================== */

/* ── CSS Variables ──────────────────────────────────────────────────────── */
:root {
  /* Brand palette */
  --ue-bg: #F9F8F3;
  --ue-primary: #FF8F00;
  --ue-primary-dark: #e07e00;
  --ue-primary-light: #fff4e0;
  --ue-primary-glow: rgba(255, 143, 0, .22);
  --ue-text: #1D191C;
  --ue-text-muted: #7a7468;
  --ue-white: #ffffff;
  --ue-off-white: #fdfcf8;
  --ue-border: #ddd8ce;
  --ue-border-light: #eae6de;

  /* Dropdown palette — warm amber interior */
  --ue-dd-bg: linear-gradient(180deg, #fffdf7 0%, #fef9ed 100%);
  --ue-dd-hover-bg: linear-gradient(90deg, #fff3d6 0%, #fff9ea 100%);
  --ue-dd-hover-border: #ffd97a;
  --ue-dd-active-bg: #ffe8be;
  --ue-dd-separator: #f0ece3;

  /* Radii */
  --ue-radius: 10px;
  --ue-radius-sm: 7px;
  --ue-radius-xs: 5px;

  /* Shadows */
  --ue-shadow-xs: 0 1px 2px rgba(29, 25, 28, .04);
  --ue-shadow-sm: 0 2px 8px rgba(29, 25, 28, .06);
  --ue-shadow: 0 6px 24px rgba(29, 25, 28, .10);
  --ue-shadow-lg: 0 14px 44px rgba(29, 25, 28, .14);
  --ue-shadow-focus: 0 0 0 3px var(--ue-primary-glow);
  --ue-shadow-btn: 0 4px 18px rgba(255, 143, 0, .30);

  /* Motion */
  --ue-ease: cubic-bezier(.4, 0, .2, 1);
  --ue-speed: .2s;
  --ue-speed-slow: .35s;

  /* Z-index for dropdowns (above sticky headers) */
  --ue-z-dropdown: 100010;
}


/* ═══════════════════════════════════════════════════════════════════════════
   1.  GLOBAL PAGE BACKGROUND
   ═══════════════════════════════════════════════════════════════════════════ */
body.single-product,
body.single-product .elementor-page {
  background-color: var(--ue-bg) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   1b. STACKED LAYOUT — Image on top, all options below
       Overrides the default Elementor 2-column layout so that the
       dropdown menus appear BELOW the product image, not beside it.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Force the product container to stack vertically */
body.single-product div.product,
body.single-product .product.type-product {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Image gallery — Wide landscape layout with Right Sidebar */
body.single-product .woocommerce-product-gallery,
body.single-product div.product>.images,
body.single-product div.product .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 1000px !important; /* Increased for landscape balanced look */
  float: none !important;
  margin: 0 auto 40px !important;
  order: 1 !important;
  display: flex !important;
  flex-direction: row !important; /* Thumbnails on the right */
  gap: 20px !important;
  align-items: flex-start !important;
}

/* Ensure the main image viewport takes up the primary space */
.woocommerce-product-gallery .flex-viewport {
  flex: 1 !important;
  order: 1 !important;
}

/* Make the product image a landscape profile */
body.single-product .woocommerce-product-gallery img,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 480px !important; /* Capped height for landscape look */
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
  transition: transform 0.3s var(--ue-ease);
}

/* ── Thumbnail Navigation (Vertical Sidebar on the Right) ───────────── */
.flex-control-nav.flex-control-thumbs {
  width: 130px !important; /* Sidebar width */
  order: 2 !important; /* Move to right side */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  position: static !important;
}

.flex-control-nav.flex-control-thumbs li {
  width: 100% !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.flex-control-nav.flex-control-thumbs li img {
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  border: 2px solid transparent !important;
  opacity: 0.6 !important;
  display: block !important;
  width: 100% !important;
  height: 100px !important; /* Fixed height for consistent thumbnails */
  object-fit: cover !important;
}

.flex-control-nav.flex-control-thumbs li img:hover {
  transform: translateX(4px) !important; /* Hover effect moves right towards the main image */
  opacity: 1 !important;
}

.flex-control-nav.flex-control-thumbs li img.flex-active {
  border-color: var(--ue-primary) !important;
  opacity: 1 !important;
  box-shadow: 0 4px 12px var(--ue-primary-glow) !important;
  transform: scale(1.05) !important;
}

/* The Elementor content section as a nice card */
body.single-product .elementor-widget-woocommerce-product-content,
body.single-product .elementor-widget-theme-post-content {
  background: linear-gradient(135deg, var(--ue-off-white) 0%, var(--ue-white) 60%, var(--ue-primary-light) 100%) !important;
  border-radius: var(--ue-radius) !important;
  padding: 30px !important;
  box-shadow: var(--ue-shadow-sm) !important;
  margin-bottom: 30px !important;
}

/* Summary section — matched to gallery width */
body.single-product .summary.entry-summary,
body.single-product div.product>.summary {
  width: 100% !important;
  max-width: 1000px !important; /* Same as gallery for alignment */
  float: none !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  order: 2 !important;
}

/* Elementor columns — override the 2-column flex layout */
body.single-product .elementor-widget-woocommerce-product-content .elementor-container,
body.single-product .elementor-widget-theme-post-content .elementor-container,
body.single-product .product .elementor-container {
  flex-wrap: wrap !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.single-product .elementor-widget-woocommerce-product-content .elementor-column,
body.single-product .elementor-widget-theme-post-content .elementor-column,
body.single-product .product .elementor-column {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* WooCommerce tabs and related products also full width */
body.single-product .woocommerce-tabs,
body.single-product .related.products {
  width: 100% !important;
  order: 3 !important;
}

/* Product meta — full width */
body.single-product .product_meta {
  width: 100% !important;
  order: 3 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   2.  TYPOGRAPHY — Product Title & Description
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .product_title,
.single-product .elementor-widget-woocommerce-product-title .product_title {
  color: var(--ue-primary) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
  text-shadow: 0 1px 2px rgba(255, 143, 0, .08);
}

.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
  color: #3d3630 !important;
  font-size: 16px;
  line-height: 1.85;
  font-weight: 400;
  letter-spacing: .01em;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3.  GRAVITY FORMS — Labels & Field Spacing
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Labels ------------------------------------------------------------ */
.single-product .gform_wrapper label.gfield_label,
.single-product .gform_wrapper .gform-field-label {
  color: var(--ue-text) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* --- Multi-column grid: 2 options per row to reduce scrolling ---------- */
/* Override Gravity Forms' own grid-template-columns on the <ul> */
body.single-product .gform_wrapper.gravity-theme .gform_fields,
body.single-product .gform_wrapper .gform_fields,
.gform_wrapper.gravity-theme .gform_fields,
.gform_wrapper.gravity-theme ul.gform_fields,
ul.gform_fields {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-row-gap: 32px !important;
  grid-column-gap: 24px !important;
  row-gap: 32px !important;
  column-gap: 24px !important;
  align-items: start !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Reset Gravity Forms' own column span on each field */
body.single-product .gform_wrapper.gravity-theme .gfield,
body.single-product .gform_wrapper .gfield,
.gform_wrapper.gravity-theme .gfield,
ul.gform_fields>li.gfield {
  grid-column: span 1 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Remove separator lines between fields (grid gap handles spacing) */
body.single-product .gform_wrapper .gfield+.gfield,
.gform_wrapper.gravity-theme .gfield+.gfield {
  border-top: none !important;
  padding-top: 0 !important;
}

/* Price field, Total field, Product field — always span full width */
body.single-product .gform_wrapper .gfield--type-total,
body.single-product .gform_wrapper .gfield--type-product,
body.single-product .gform_wrapper .gfield.gfield--type-htmlblock,
body.single-product .gform_wrapper .gfield[class*="total"],
.gform_wrapper.gravity-theme .gfield--type-total,
.gform_wrapper.gravity-theme .gfield--type-product {
  grid-column: 1 / -1 !important;
}

/* Form footer (price box + submit) spans full width */
body.single-product .gform_wrapper .gform_footer,
body.single-product .gform_wrapper .gform_page_footer,
.gform_wrapper.gravity-theme .gform_footer {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 20px !important;
}

/* The product info table (subtotal/options/total) spans full width */
body.single-product .gform_wrapper .gform_product_info,
.gform_wrapper.gravity-theme .gform_product_info {
  width: 100% !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   3b. WEDDING FORM SPECIFIC LAYOUT (Form ID 2)
       Sub Events full width, Guest Counts stay paired with Dates
   ═══════════════════════════════════════════════════════════════════════════ */

/* Row 1: Select Sub Events — Full width */
body.single-product #field_2_11 {
  grid-column: 1 / -1 !important;
  margin-bottom: 15px !important;
}

/* Ensure the checkboxes inside Sub Events flex nicely */
#field_2_11 .gfield_checkbox {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

/* Force specific field types (like long radio lists or checkboxes) to span full width to avoid awkward gaps, 
   except if they follow a Date field (like the Guests radio buttons) */
body.single-product .gform_wrapper .gfield--type-checkbox,
body.single-product .gform_wrapper .gfield--type-radio {
  grid-column: 1 / -1 !important;
}

/* Override the rule above for Guest Counts (radios) so they sit next to Dates */
body.single-product #field_2_3,
body.single-product #field_2_6,
body.single-product #field_2_7,
body.single-product #field_2_36,
body.single-product #field_2_44 {
  grid-column: span 1 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   4.  HIDE QUANTITY FIELD
   ═══════════════════════════════════════════════════════════════════════════ */
.woocommerce div.product form.cart div.quantity,
.elementor-widget-woocommerce-product-add-to-cart .quantity {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   5.  CHOSEN DROPDOWN — CLOSED STATE  (the select box)
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .gform_wrapper .chosen-container {
  width: 100% !important;
  max-width: 460px;
}

.single-product .gform_wrapper .chosen-container-single .chosen-single {
  background: var(--ue-white) !important;
  background-image: none !important;
  border: 1.5px solid var(--ue-border) !important;
  border-radius: var(--ue-radius-sm) !important;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 40px 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ue-text) !important;
  box-shadow: var(--ue-shadow-xs) !important;
  transition: border-color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease) !important;
}

.single-product .gform_wrapper .chosen-single span {
  color: var(--ue-text) !important;
}

/* Dropdown arrow */
.single-product .gform_wrapper .chosen-single div {
  width: 36px !important;
}

.single-product .gform_wrapper .chosen-single div b {
  background-position: 0 6px !important;
}

/* Hover */
.single-product .gform_wrapper .chosen-container:hover .chosen-single {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-sm) !important;
}

/* Open / active */
.single-product .gform_wrapper .chosen-container-active .chosen-single,
.single-product .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-focus) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   6.  CHOSEN DROPDOWN — OPEN PANEL  (the dropdown body)
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .gform_wrapper .chosen-container .chosen-drop,
.chosen-container .chosen-drop {
  background: var(--ue-dd-bg) !important;
  border: 1.5px solid var(--ue-primary) !important;
  border-top: none !important;
  border-radius: 0 0 var(--ue-radius-sm) var(--ue-radius-sm) !important;
  box-shadow: var(--ue-shadow) !important;
  margin-top: 0 !important;
  z-index: var(--ue-z-dropdown) !important;
  overflow: hidden !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7.  CHOSEN SEARCH INPUT — FIX ugly repeating icons
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .gform_wrapper .chosen-container .chosen-search,
.chosen-container .chosen-search {
  padding: 10px 12px !important;
  background: var(--ue-off-white) !important;
  border-bottom: 1px solid var(--ue-dd-separator) !important;
}

.single-product .gform_wrapper .chosen-container .chosen-search input[type="text"],
.chosen-container .chosen-search input[type="text"],
.chosen-container .chosen-search .chosen-search-input {
  /* Kill the repeating sprite icon completely */
  background-image: none !important;
  background: var(--ue-white) !important;
  /* Visual styling */
  width: 100% !important;
  padding: 10px 14px 10px 38px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ue-text) !important;
  border: 1.5px solid var(--ue-border) !important;
  border-radius: var(--ue-radius-xs) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .04) !important;
  outline: none !important;
  transition: border-color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease) !important;
  /* Clean search icon via CSS (single, non-repeating) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237a7468' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cline x1='11' y1='11' x2='14' y2='14'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 16px 16px !important;
}

.single-product .gform_wrapper .chosen-container .chosen-search input[type="text"]:focus,
.chosen-container .chosen-search input[type="text"]:focus {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-focus), inset 0 1px 3px rgba(0, 0, 0, .04) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   8.  CHOSEN DROPDOWN — OPTION ITEMS  (the premium part)
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .gform_wrapper .chosen-container .chosen-results,
.chosen-container .chosen-results {
  padding: 4px 0 !important;
  margin: 0 !important;
  max-height: 280px !important;
}

/* Individual option */
.single-product .gform_wrapper .chosen-container .chosen-results li,
.chosen-container .chosen-results li {
  padding: 12px 18px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ue-text) !important;
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid var(--ue-dd-separator) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  position: relative !important;
  transition: all var(--ue-speed) var(--ue-ease) !important;
}

.single-product .gform_wrapper .chosen-container .chosen-results li:last-child,
.chosen-container .chosen-results li:last-child {
  border-bottom: none !important;
}

/* ── Hover / Highlighted — warm gradient with left accent ────────────── */
.single-product .gform_wrapper .chosen-container .chosen-results li.highlighted,
.single-product .gform_wrapper .chosen-container .chosen-results li.active-result:hover,
.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.active-result:hover {
  background: var(--ue-dd-hover-bg) !important;
  color: var(--ue-text) !important;
  padding-left: 24px !important;
  box-shadow: inset 3px 0 0 var(--ue-primary) !important;
}

/* ── Currently selected option — golden tint with checkmark ──────────── */
.single-product .gform_wrapper .chosen-container .chosen-results li.result-selected,
.chosen-container .chosen-results li.result-selected {
  background: var(--ue-dd-active-bg) !important;
  color: var(--ue-text) !important;
  font-weight: 700 !important;
  box-shadow: inset 3px 0 0 var(--ue-primary-dark) !important;
}

.single-product .gform_wrapper .chosen-container .chosen-results li.result-selected::after,
.chosen-container .chosen-results li.result-selected::after {
  content: "✓";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: var(--ue-primary-dark);
  font-weight: 800;
}

/* "No results" */
.single-product .gform_wrapper .chosen-container .chosen-results li.no-results,
.chosen-container .chosen-results li.no-results {
  color: var(--ue-text-muted) !important;
  font-style: italic !important;
  background: var(--ue-off-white) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   9.  HIDE NATIVE <select> WHEN CHOSEN IS ACTIVE
       When Enhanced UI is on, Chosen hides the original select and replaces
       it with .chosen-container.  Our previous `display:block !important`
       was forcing the hidden select to reappear.  Fix: hide it explicitly.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide the original native select when Chosen has taken over */
.single-product .gform_wrapper .ginput_container_select select.chzn-done,
.single-product .gform_wrapper select.chzn-done,
.gform_wrapper select.chzn-done {
  display: none !important;
  position: absolute !important;
  visibility: hidden !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   9b. NATIVE <select> STYLING  (only visible if Chosen is NOT active)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Style native selects — but do NOT force display:block */
.single-product .gform_wrapper select,
.single-product .gform_wrapper.gravity-theme select,
.single-product .gform_wrapper select.gfield_select,
.single-product .gform_wrapper .ginput_container_select select,
.single-product .gform_wrapper select.large,
.single-product .variations select,
.woocommerce div.product select {
  width: 100% !important;
  max-width: 460px !important;
  height: 46px !important;
  padding: 0 42px 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ue-text) !important;
  background-color: var(--ue-white) !important;
  border: 1.5px solid var(--ue-border) !important;
  border-radius: var(--ue-radius-sm) !important;
  box-shadow: var(--ue-shadow-xs) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237a7468' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  transition: border-color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease) !important;
  cursor: pointer !important;
  line-height: 46px !important;
}

/* Hover */
.single-product .gform_wrapper select:hover,
.single-product .gform_wrapper.gravity-theme select:hover,
.single-product .gform_wrapper select.gfield_select:hover,
.single-product .gform_wrapper .ginput_container_select select:hover,
.single-product .variations select:hover,
.woocommerce div.product select:hover {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-sm) !important;
}

/* Focus / open */
.single-product .gform_wrapper select:focus,
.single-product .gform_wrapper.gravity-theme select:focus,
.single-product .gform_wrapper select.gfield_select:focus,
.single-product .gform_wrapper .ginput_container_select select:focus,
.single-product .variations select:focus,
.woocommerce div.product select:focus {
  outline: none !important;
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-focus) !important;
}

/* Container that wraps selects in Gravity Forms */
.single-product .gform_wrapper .ginput_container_select {
  position: relative !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   10. TEXT INPUTS INSIDE GRAVITY FORMS
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .gform_wrapper input[type="text"],
.single-product .gform_wrapper input[type="number"],
.single-product .gform_wrapper input[type="email"],
.single-product .gform_wrapper textarea {
  width: 100%;
  max-width: 460px;
  padding: 12px 16px;
  font-size: 14px;
  border: 1.5px solid var(--ue-border);
  border-radius: var(--ue-radius-sm);
  box-shadow: var(--ue-shadow-xs);
  transition: border-color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease);
  background: var(--ue-white);
  color: var(--ue-text);
}

.single-product .gform_wrapper input:focus,
.single-product .gform_wrapper textarea:focus {
  outline: none;
  border-color: var(--ue-primary);
  box-shadow: var(--ue-shadow-focus);
}


/* ═══════════════════════════════════════════════════════════════════════════
   11. SELECT2 / SELECTWOO  (WooCommerce variation dropdowns)
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .select2-container--default .select2-selection--single {
  height: 46px !important;
  border: 1.5px solid var(--ue-border) !important;
  border-radius: var(--ue-radius-sm) !important;
  background: var(--ue-white) !important;
  box-shadow: var(--ue-shadow-xs) !important;
  transition: border-color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease) !important;
}

.single-product .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px !important;
  padding: 0 16px !important;
  color: var(--ue-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.single-product .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
  right: 8px !important;
}

.single-product .select2-container--default:hover .select2-selection--single,
.single-product .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-focus) !important;
}

/* Select2 dropdown panel */
.select2-container--default .select2-dropdown {
  border: 1.5px solid var(--ue-primary) !important;
  border-radius: 0 0 var(--ue-radius-sm) var(--ue-radius-sm) !important;
  box-shadow: var(--ue-shadow) !important;
  background: var(--ue-off-white) !important;
  z-index: var(--ue-z-dropdown) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 10px 14px !important;
  font-size: 13px !important;
  border: 1.5px solid var(--ue-border) !important;
  border-radius: var(--ue-radius-xs) !important;
  background: var(--ue-white) !important;
  outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-focus) !important;
}

.select2-container--default .select2-results__option {
  padding: 12px 18px !important;
  font-size: 14px !important;
  color: var(--ue-text) !important;
  border-bottom: 1px solid var(--ue-dd-separator) !important;
  transition: all var(--ue-speed) var(--ue-ease) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
  background: var(--ue-dd-hover-bg) !important;
  color: var(--ue-text) !important;
  box-shadow: inset 3px 0 0 var(--ue-primary) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: var(--ue-dd-active-bg) !important;
  color: var(--ue-text) !important;
  font-weight: 700 !important;
  box-shadow: inset 3px 0 0 var(--ue-primary-dark) !important;
}

/* Price amounts inside Select2 */
.select2-container--default .select2-results__option .amount,
.select2-container--default .select2-results__option bdi,
.select2-container--default .select2-selection__rendered .amount,
.select2-container--default .select2-selection__rendered bdi {
  font-weight: 700;
  color: var(--ue-primary-dark);
}


/* ═══════════════════════════════════════════════════════════════════════════
   12. PRICE BOX — Subtotal / Options / Total
       Structure: <table class="gform_product_info">
                    <tr><th>Label</th><td>Amount</td></tr>
   ═══════════════════════════════════════════════════════════════════════════ */

/* The table container itself */
.gform_wrapper.gravity-theme .gform_product_info,
body.single-product .gform_wrapper .gform_product_info,
table.gform_product_info {
  background: var(--ue-white) !important;
  border: 1.5px solid var(--ue-border) !important;
  border-left: 4px solid var(--ue-primary) !important;
  border-radius: var(--ue-radius-sm) !important;
  margin-top: 16px !important;
  box-shadow: var(--ue-shadow-sm) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-collapse: collapse !important;
}

/* ── Rows ─────────────────────────────────────────────────────────────── */
.gform_wrapper.gravity-theme .gform_product_info tr,
table.gform_product_info tr {
  border-bottom: 1px solid var(--ue-dd-separator) !important;
}

.gform_wrapper.gravity-theme .gform_product_info tr:last-child,
table.gform_product_info tr:last-child {
  border-bottom: none !important;
}

/* ── TH cells = Labels (Subtotal, Options, Total) ────────────────────── */
.gform_wrapper.gravity-theme .gform_product_info th,
body.single-product .gform_product_info th,
table.gform_product_info th {
  border: none !important;
  padding: 14px 16px 14px 24px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: var(--ue-text-muted) !important;
  text-align: left !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* ── TD cells = Amounts (₹25,000.00) ─────────────────────────────────── */
.gform_wrapper.gravity-theme .gform_product_info td,
body.single-product .gform_product_info td,
table.gform_product_info td {
  border: none !important;
  padding: 14px 24px 14px 16px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: var(--ue-text) !important;
  text-align: right !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* ── Total row — prominent separator ─────────────────────────────────── */
.gform_wrapper.gravity-theme .gform_product_info .gform_product_info_total,
table.gform_product_info .gform_product_info_total {
  border-top: 2px solid var(--ue-border) !important;
  border-bottom: none !important;
}

/* Total label (TH) */
.gform_wrapper.gravity-theme .gform_product_info .gform_product_info_total th,
table.gform_product_info .gform_product_info_total th {
  font-weight: 800 !important;
  font-size: 15px !important;
  color: var(--ue-text) !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Total amount (TD) */
.gform_wrapper.gravity-theme .gform_product_info .gform_product_info_total td,
table.gform_product_info .gform_product_info_total td,
.gform_wrapper.gravity-theme .gform_product_info .ginput_total,
.gform_product_info .ginput_total {
  font-weight: 800 !important;
  font-size: 20px !important;
  color: var(--ue-primary) !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Gravity Forms total field (if rendered separately) - Stripped to prevent empty ghost box */
.single-product .gform_wrapper .gfield--type-total,
.single-product .gform_wrapper .ginput_container_total {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* WooCommerce add-on totals (fallback) - Stripped to prevent double-box */
.single-product .product-addon-totals,
.single-product .product_totals,
.single-product .ue-price-box {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* All price amounts throughout the page */
.single-product .product-addon-totals .amount,
.single-product .product_totals .amount,
.single-product .woocommerce-Price-amount,
.single-product .ginput_total,
.single-product .gform_product_info .ginput_total {
  font-weight: 700 !important;
  color: var(--ue-primary) !important;
}

/* "Price" field above the form (₹0.00 display) */
.single-product .gform_wrapper .ginput_product_price_label,
.single-product .gform_wrapper .ginput_product_price {
  font-size: 14px !important;
  color: var(--ue-text-muted) !important;
}

/* Displayed price above form */
.single-product .summary .price {
  font-size: 22px;
  font-weight: 800;
  color: var(--ue-primary);
}

.single-product .summary .price del {
  color: var(--ue-text-muted);
  font-weight: 400;
  font-size: 15px;
  margin-right: 6px;
}

.single-product .summary .price ins {
  text-decoration: none;
}


/* ═══════════════════════════════════════════════════════════════════════════
   13. ADD TO CART BUTTON — Flat orange (exact original style)
   ═══════════════════════════════════════════════════════════════════════════ */
.woocommerce div.product form.cart .button.single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart .cart button,
.single-product .gform_button,
.single-product .ue-add-to-cart {
  background-color: var(--ue-primary) !important;
  color: var(--ue-white) !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  padding: 0 35px !important;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 16px !important;
  border: none !important;
  letter-spacing: .05em;
  cursor: pointer;
  box-shadow: var(--ue-shadow-btn) !important;
  transition: color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease),
    transform var(--ue-speed) var(--ue-ease) !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:hover,
.elementor-widget-woocommerce-product-add-to-cart .cart button:hover,
.single-product .gform_button:hover,
.single-product .ue-add-to-cart:hover {
  background-color: var(--ue-primary) !important;
  color: #000000 !important;
  box-shadow: 0 6px 24px rgba(255, 143, 0, .40) !important;
  transform: translateY(-1px) !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:active,
.elementor-widget-woocommerce-product-add-to-cart .cart button:active,
.single-product .gform_button:active {
  transform: translateY(0) scale(.99) !important;
  box-shadow: var(--ue-shadow-sm) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   14. WOOCOMMERCE VARIATIONS TABLE — Spacing
   ═══════════════════════════════════════════════════════════════════════════ */
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.elementor-widget-woocommerce-product-add-to-cart table.variations {
  display: block !important;
  border: none !important;
}

.woocommerce div.product form.cart table.variations tr,
.elementor-widget-woocommerce-product-add-to-cart table.variations tr {
  display: block !important;
  margin-bottom: 20px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--ue-dd-separator) !important;
}

.woocommerce div.product form.cart table.variations th.label,
.woocommerce div.product form.cart table.variations td.label,
.elementor-widget-woocommerce-product-add-to-cart .variations label {
  color: var(--ue-text) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  display: block !important;
  margin-bottom: 8px !important;
  padding-top: 6px !important;
  text-align: left !important;
  width: 100% !important;
}

.woocommerce div.product form.cart table.variations td.value,
.elementor-widget-woocommerce-product-add-to-cart .variations td.value {
  display: block !important;
  width: 100% !important;
}

.woocommerce div.product form.cart table.variations td.value select,
.elementor-widget-woocommerce-product-add-to-cart .variations select {
  background-color: var(--ue-white) !important;
  border: 1.5px solid var(--ue-border) !important;
  border-radius: var(--ue-radius-sm) !important;
  color: var(--ue-text) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 0 16px !important;
  width: 100% !important;
  max-width: 460px !important;
  height: 46px !important;
  box-shadow: var(--ue-shadow-xs) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: border-color var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease) !important;
}

.woocommerce div.product form.cart table.variations td.value select:focus,
.elementor-widget-woocommerce-product-add-to-cart .variations select:focus {
  border-color: var(--ue-primary) !important;
  box-shadow: var(--ue-shadow-focus) !important;
  outline: none !important;
}

/* Clear link */
.woocommerce div.product form.cart .reset_variations {
  display: inline-block !important;
  margin-top: 12px !important;
  margin-bottom: 16px !important;
  color: var(--ue-text-muted) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: .04em !important;
  transition: color var(--ue-speed) var(--ue-ease) !important;
}

.woocommerce div.product form.cart .reset_variations:hover {
  color: var(--ue-primary) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   15. PRODUCT IMAGE — Subtle polish
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .woocommerce-product-gallery img,
.single-product .images img {
  border-radius: var(--ue-radius);
  box-shadow: var(--ue-shadow-sm);
  transition: transform var(--ue-speed-slow) var(--ue-ease),
    box-shadow var(--ue-speed-slow) var(--ue-ease);
}

.single-product .woocommerce-product-gallery img:hover,
.single-product .images img:hover {
  transform: scale(1.02);
  box-shadow: var(--ue-shadow);
}

/* Gallery thumbnails */
.single-product .woocommerce-product-gallery .flex-control-thumbs {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  list-style: none;
  padding: 0;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  flex: 1;
  border-radius: 6px;
  overflow: hidden;
  opacity: .5;
  transition: opacity var(--ue-speed) var(--ue-ease),
    box-shadow var(--ue-speed) var(--ue-ease);
  cursor: pointer;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active,
.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover {
  opacity: 1;
  box-shadow: 0 0 0 2px var(--ue-primary);
}


/* ═══════════════════════════════════════════════════════════════════════════
   16. PRODUCT META & CATEGORIES
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .product_meta {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--ue-border-light);
  font-size: 12px;
  color: var(--ue-text-muted);
}

.single-product .product_meta a {
  color: var(--ue-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--ue-speed) var(--ue-ease);
}

.single-product .product_meta a:hover {
  color: var(--ue-primary-dark);
}


/* ═══════════════════════════════════════════════════════════════════════════
   17. WOOCOMMERCE NOTICES  (Added to Cart / Errors / Info)
   ═══════════════════════════════════════════════════════════════════════════ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background-color: var(--ue-white) !important;
  border: 2px solid var(--ue-primary) !important;
  border-top-color: var(--ue-primary) !important;
  color: var(--ue-text) !important;
  border-radius: var(--ue-radius-sm) !important;
  box-shadow: var(--ue-shadow-sm) !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: var(--ue-primary) !important;
}

.woocommerce-message .button {
  background-color: var(--ue-primary) !important;
  color: var(--ue-white) !important;
  border-radius: 0px !important;
  border: none !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.woocommerce-message .button:hover {
  background-color: var(--ue-primary) !important;
  color: #000000 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   18. WOOCOMMERCE TABS
   ═══════════════════════════════════════════════════════════════════════════ */
.single-product .woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 0;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  border-bottom: 2px solid var(--ue-border) !important;
}

.single-product .woocommerce-tabs ul.tabs li {
  margin: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
  display: block;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--ue-text-muted);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color var(--ue-speed) var(--ue-ease),
    border-color var(--ue-speed) var(--ue-ease);
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--ue-primary);
  border-bottom-color: var(--ue-primary);
}

.single-product .woocommerce-tabs .panel {
  padding: 18px 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--ue-text);
}


/* ═══════════════════════════════════════════════════════════════════════════
   19. RESPONSIVE RULES
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tablet ≤ 900px */
@media (max-width: 900px) {

  /* Switch to 2-column grid on tablet */
  body.single-product .gform_wrapper.gravity-theme .gform_fields,
  body.single-product .gform_wrapper .gform_fields,
  ul.gform_fields,
  .single-product .gform_wrapper.gravity-theme .gform_fields,
  .single-product .gform_wrapper .gform_fields {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-column-gap: 16px !important;
    column-gap: 16px !important;
  }

  .single-product .gform_wrapper .chosen-container {
    max-width: 100% !important;
  }

  .single-product .gform_wrapper select,
  .single-product .gform_wrapper select.gfield_select,
  .single-product .gform_wrapper .ginput_container_select select,
  .single-product .variations select {
    max-width: 100% !important;
  }
}

/* Mobile ≤ 600px */
@media (max-width: 600px) {

  /* Switch to 1-column on mobile */
  body.single-product .gform_wrapper.gravity-theme .gform_fields,
  body.single-product .gform_wrapper .gform_fields,
  ul.gform_fields,
  .single-product .gform_wrapper.gravity-theme .gform_fields,
  .single-product .gform_wrapper .gform_fields {
    grid-template-columns: 1fr !important;
    grid-row-gap: 14px !important;
    row-gap: 14px !important;
  }

  .single-product .gform_wrapper label.gfield_label,
  .single-product .gform_wrapper .gform-field-label {
    font-size: 12px !important;
  }

  .single-product .gform_wrapper .chosen-container-single .chosen-single {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 13px !important;
  }

  /* Native selects on mobile */
  .single-product .gform_wrapper select,
  .single-product .gform_wrapper select.gfield_select,
  .single-product .gform_wrapper .ginput_container_select select {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 13px !important;
  }

  .woocommerce div.product form.cart .button.single_add_to_cart_button,
  .elementor-widget-woocommerce-product-add-to-cart .cart button,
  .single-product .gform_button {
    font-size: 14px !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 24px !important;
  }

  .single-product .woocommerce-tabs ul.tabs {
    flex-wrap: wrap !important;
  }

  .single-product .woocommerce-tabs ul.tabs li a {
    padding: 10px 14px;
    font-size: 12px;
  }
}

/* Small phone ≤ 400px */
@media (max-width: 400px) {
  .single-product .gform_wrapper .chosen-container-single .chosen-single {
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .single-product .gform_wrapper select {
    padding: 0 36px 0 12px !important;
    font-size: 12px !important;
  }
}

@media (pointer: coarse) {

  .single-product .gform_wrapper .chosen-container-single .chosen-single,
  .single-product .gform_wrapper select,
  .chosen-results li {
    min-height: 44px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   HIDE SUBTOTAL ROW & ZERO PRICE FIELD
   ═══════════════════════════════════════════════════════════════════════════ */

/* Move WCGFA subtotal hide to bottom for specificity */

/* Hide the Event Name label, Base Price display, Price Section & Options Field */
body.single-product .gform_wrapper .gfield_label_product,
.single-product .gform_wrapper .ginput_product_price_label,
.single-product .gform_wrapper .ginput_product_price,
.single-product .gform_wrapper .ginput_quantity_label,
.single-product .gform_wrapper .ginput_quantity,
.single-product .gform_wrapper .ginput_container_singleproduct,
.single-product .summary .price {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   PRICE BOX — WooCommerce GF Product Addons (WCGFA)
   Structure: <ul id="gform_totals_X"> <li> <label> <div><span> </li> </ul>
   ═══════════════════════════════════════════════════════════════════════════ */

/* Container (ul) — Ultra High Specificity to override global grid */
body.single-product .gform_wrapper ul[id^="gform_totals_"].gform_fields {
  background: rgba(255, 143, 0, 0.05) !important; /* Move light orange background to parent container to eliminate all gaps */
  border: 1.5px solid var(--ue-border) !important;
  border-top: none !important; /* REMOVE TOP BORDER to fix white gap above subtotal */
  border-left: 4px solid var(--ue-primary) !important;
  border-radius: var(--ue-radius-sm) !important;
  margin-top: 40px !important;
  margin-bottom: 24px !important;
  box-shadow: var(--ue-shadow-sm) !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
  clear: both !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important; /* Ensure inner backgrounds don't bleed out of rounded corners */
}

/* Rows (li) */
body.single-product ul[id^="gform_totals_"] li.gfield {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px 24px 16px 24px !important; /* Increased top padding slightly to balance removal of border */
  border-bottom: 2px solid rgba(255, 143, 0, 0.4) !important; /* Highlighting line between rows */
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important; /* Transparent so parent background shows through */
}

body.single-product ul[id^="gform_totals_"] li.gfield:last-child {
  border-bottom: none !important;
}

/* Hide the Subtotal row (always ₹0.00) — Ultra High Specificity */
body.single-product .gform_wrapper ul[id^="gform_totals_"].gform_fields li.gfield.wcgfpa_subtotal {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  border: none !important;
}

/* Labels */
body.single-product .gform_wrapper ul[id^="gform_totals_"].gform_fields li.gfield label.gfield_label {
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: var(--ue-text-muted) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Rename "Options" to "Subtotal" visually using CSS */
body.single-product .gform_wrapper ul[id^="gform_totals_"].gform_fields li.wcgfpa_options_total label.gfield_label {
  font-size: 0 !important; /* Hide original text */
}
body.single-product .gform_wrapper ul[id^="gform_totals_"].gform_fields li.wcgfpa_options_total label.gfield_label::before {
  content: "SUBTOTAL" !important; /* Inject custom text */
  font-size: 13px !important;
  color: #3d3630 !important; /* Make "SUBTOTAL" text a richer dark brown */
}

/* Amounts (Subtotal value) */
body.single-product ul[id^="gform_totals_"] li.gfield .ginput_container span {
  font-weight: 800 !important;
  font-size: 16px !important;
  color: #3d3630 !important; /* Richer dark brown for better contrast */
}

/* Grand Total Row */
body.single-product ul[id^="gform_totals_"] li.wcgfpa_grand_total {
  /* No top border needed; the li.gfield bottom border acts as the divider */
  border-top: none !important; 
  margin-top: 0 !important; /* Relaxed back to 0 since parent handles background */
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  display: flex !important;
  justify-content: space-between !important; /* Align label left, amount right just like Subtotal */
  align-items: center !important;
  background: transparent !important; /* Transparent so parent background shows through */
}

/* Grand Total Paragraph (it uses <p> instead of label/container) */
body.single-product ul[id^="gform_totals_"] li.wcgfpa_grand_total p.price {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 800 !important;
  font-size: 18px !important; /* Increased from 15px */
  color: #000000 !important; /* Make text perfectly black */
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important; /* Force p.price to take full width so its flex spaces out */
  align-items: center !important;
}

/* Grand Total Amount — bold orange */
body.single-product ul[id^="gform_totals_"] li.wcgfpa_grand_total span.formattedTotalPrice {
  font-weight: 800 !important;
  font-size: 24px !important; /* Increased from 20px */
  color: var(--ue-primary) !important;
}/* End custom CSS */