.elementor-12 .elementor-element.elementor-element-58fc7421{--display:flex;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-58fc7421{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d00b2db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-d00b2db *//* ==========================================================================
   Checkout — Clean, Organized Styles (Poppins assumed loaded)
   Notes:
   - No functional changes; only re-ordered, grouped, and commented.
   - All original !important flags and values preserved.
   ========================================================================== */

/* ========== 1) Global Typography ========== */
.woocommerce-checkout,
.woocommerce-checkout * {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ==========================================================================
   2) Field Layout / Grid
   - Shared grid rules for billing & shipping wrappers
   - Column logic
   - Specific full-width rows
   - Sticky 3-column row for city/state/postcode (all devices)
   ========================================================================== */

/* Wrappers: flex grid with gaps */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Base row: 2 columns by default */
.woocommerce form .form-row {
  margin: 0;                 /* spacing is controlled by label + wrapper gaps */
  flex: 1 1 calc(50% - 12px);
  min-width: 260px;
}

/* Full-width rows */
#billing_address_1_field,
#billing_address_2_field,
#billing_phone_field,
#billing_email_field,
#billing_company_field,
#shipping_address_1_field,
#shipping_address_2_field,
#shipping_phone_field,
#shipping_company_field {
  flex: 1 1 100%;
}

/* Always 3-up row: City / District / Postcode (billing + shipping) */
#billing_city_field, #billing_state_field, #billing_postcode_field,
#shipping_city_field, #shipping_state_field, #shipping_postcode_field {
  flex: 1 1 calc(33.333% - 12px) !important;
  min-width: 0 !important; /* allow shrinking on small screens */
}

/* ==========================================================================
   3) Form Controls
   - Labels
   - Inputs / Selects / Textareas
   - Focus, validation, and native select arrow
   ========================================================================== */

/* Labels (tight 5px gap below) */
.woocommerce form .form-row label,
.woocommerce-checkout form .form-row label {
  display: block;
  margin: 0 0 5px !important;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 1.2;
}

/* Text inputs, selects, textareas */
.woocommerce-input-wrapper input.input-text,
.woocommerce-input-wrapper select,
.woocommerce-input-wrapper textarea {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #E6E9EF;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(16,24,40,.03) inset;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

/* Textarea size + resize behavior */
.woocommerce-input-wrapper textarea {
  min-height: 96px;
  resize: vertical;
}

/* Focus ring (match inputs & selects & textarea) */
.woocommerce-input-wrapper input:focus,
.woocommerce-input-wrapper select:focus,
.woocommerce-input-wrapper textarea:focus {
  border-color: #94C5FF;
  box-shadow: 0 0 0 4px rgba(72,123,255,.18);
  outline: 0;
}

/* Native select: custom arrow + right padding */
.woocommerce-input-wrapper select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #9CA3AF 50%),
    linear-gradient(135deg, #9CA3AF 50%, transparent 50%),
    linear-gradient(to right, #E6E9EF, #E6E9EF);
  background-position:
    calc(100% - 18px) 55%,
    calc(100% - 12px) 55%,
    calc(100% - 36px) 50%;
  background-size: 6px 6px, 6px 6px, 1px 60%;
  background-repeat: no-repeat;
  padding-right: 42px;
}

/* Checkbox rows alignment */
.woocommerce form .form-row .woocommerce-form__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #374151;
}

/* ==========================================================================
   4) Card Containers (mopc/opc)
   - Visual shell for sections
   - Heading tweaks
   ========================================================================== */

.mopc-card, .opc-card {
  border: 1px solid #E6E9EF;
  border-radius: 10px !important;
  background: #fff;
  box-shadow: 0 14px 32px rgba(2,8,23,.06);
  margin-bottom: 10px !important;           /* preserve original spacing */
}

.mopc-card h3, .opc-card h3 {
  font-size: 20px !important;
  font-weight: 600;
  color: #0F172A;
  margin: 2px 0 12px;
}

/* Override for smaller headings inside .opc-card */
.opc-card h3 {
  font-size: 17px !important;
  padding-bottom: 5px !important;
}

/* ==========================================================================
   5) Validation States
   - Invalid (red) and Valid (green)
   ========================================================================== */

.woocommerce-invalid .input-text,
.woocommerce-invalid select,
.woocommerce-invalid textarea {
  border-color: #FCA5A5 !important;
  box-shadow: 0 0 0 3px rgba(239,68,68,.15) !important;
}

.woocommerce-validated .input-text,
.woocommerce-validated select,
.woocommerce-validated textarea {
  border-color: #86EFAC !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,.12) !important;
}

/* ==========================================================================
   6) Select2 (WooCommerce enhanced select)
   - Make it visually identical to inputs
   - Dropdown panel styling
   - Full-width in grid cells
   ========================================================================== */

/* Control shell */
.opc-card .select2-container .select2-selection--single {
  border: 1px solid var(--opc-bd) !important;
  border-radius: 10px !important;
  height: 42px !important;                 /* match input height */
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
}

/* Text inside control */
.opc-card .select2-selection--single .select2-selection__rendered {
  padding-left: 12px !important;
  line-height: 42px !important;            /* vertical centering */
  color: #0f172a;
}

/* Arrow alignment */
.opc-card .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
  right: 8px !important;
}

/* Focus ring parity */
.opc-card .select2-container--default.select2-container--focus
.select2-selection--single,
.opc-card .select2-container--default .select2-selection--single:focus {
  outline: none !important;
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15) !important;
}

/* Error state */
.opc-card .woocommerce-invalid .select2-selection--single {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239,68,68,.12) !important;
}

/* Dropdown menu */
.opc-card .select2-container .select2-dropdown {
  border: 1px solid var(--opc-bd) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(2,8,20,.08) !important;
  overflow: hidden;
  z-index: 999999 !important;              /* ensure above all */
}

.opc-card .select2-results__option {
  padding: 10px 12px !important;
}

/* Force Select2 width to fill grid cells */
.opc-two .select2-container,
.opc-three .select2-container,
.opc-one .select2-container {
  width: 100% !important;
}

/* ==========================================================================
   7) Coupon / Payment / Misc UI Adjustments
   ========================================================================== */

/* Hide order review table & coupon toggle banner */
.shop_table.woocommerce-checkout-review-order-table { display: none; }
.woocommerce-form-coupon-toggle { display: none; }

/* Payment box background */
.woocommerce-checkout-payment { background: #f5f5f5 !important; }

/* Primary buttons inside OPC */
.opc-btn { font-weight: 500 !important; }

/* Elementor container spacing normalization */
.elementor-element.elementor-element-58fc7421.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
  padding: 0px !important;
  margin: 0px;
}

/* Coupon form layout */
.form-row.form-row-first { width: 60% !important; }
.form-row.form-row-last  { width: 40% !important; margin-right: 0px; }

/* Generic button sizing inside coupon row */
.button {
  font-size: 12px;
  padding-top: 12px !important;
  padding-bottom: 12px;
  margin-left: 5px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 10px;
  border: none;
  width: 100%;
}

/* Coupon card padding tweak */
.opc-card.opc-coupon { padding-bottom: 0px; }

/* Privacy text size */
.woocommerce-privacy-policy-text { font-size: 12px; }

/* ==========================================================================
   8) Container / Layout Tweaks (Mobile-friendly edges)
   ========================================================================== */

@media (max-width: 768px) {
  /* Wrapper spacing on mobile */
  .opc-grid-main {
    padding: 0px !important;
    border: none !important;
  }

  .opc-container {
    border: 0px !important;
    border-radius: 0px !important;
  }

  /* Tighter grid gap & stacked rows */
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper {
    gap: 8px;
  }

  .woocommerce form .form-row {
    flex: 1 1 100%;
    min-width: 100%;
  }

  /* Keep 3-up city/state/postcode row even on mobile */
  #billing_city_field, #billing_state_field, #billing_postcode_field,
  #shipping_city_field, #shipping_state_field, #shipping_postcode_field {
    
  }

  /* Slightly smaller inputs on mobile */
  .woocommerce-input-wrapper input.input-text,
  .woocommerce-input-wrapper select,
  .woocommerce-input-wrapper textarea {
    min-height: 40px;
    padding: 9px 10px;
    box-sizing: border-box;
  }
}

.woocommerce-terms-and-conditions-wrapper{
    display: none;
}





/* mobile issue */

/* ===== One‑Page Checkout — Thank You (targeted phone fixes) ===== */

/* Let cards shrink inside the grid */
.opc-thanks-wrap .opc-thanks-grid > .opc-card,
.opc-thanks-wrap .opc-items,
.opc-thanks-wrap .opc-item,
.opc-thanks-wrap .opc-totals { min-width: 0; }

/* Items row: middle column can shrink; price stays intact */
.opc-thanks-wrap .opc-item {
  grid-template-columns: 56px minmax(0,1fr) auto; /* allow shrink on phones */
}
.opc-thanks-wrap .opc-item .meta .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.opc-thanks-wrap .opc-item .price { white-space: nowrap; }

/* Make phone/email wrap instead of pushing container */
.opc-thanks-wrap .opc-info { flex-wrap: wrap; gap: 8px; }
.opc-thanks-wrap .opc-info > div { min-width: 0; }
.opc-thanks-wrap .opc-info > div:last-child { overflow-wrap: anywhere; }

/* Summary totals: allow long shipping text to wrap on small screens */
@media (max-width: 480px) {
  /* switch each row to a tiny grid so value can wrap to next line */
  .opc-thanks-wrap .opc-totals li {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
  }
  .opc-thanks-wrap .opc-totals li span { min-width: 0; }
  .opc-thanks-wrap .opc-totals li strong {
    min-width: 0;
    text-align: right;
    white-space: normal;          /* allow wrapping */
    overflow-wrap: anywhere;      /* break long words/phrases */
  }
}

.woocommerce-Price-amount.amount{
    display: flex !important;
    margin-top: 10px;

}

.shipped_via{
display: none !important

    
}
.woocommerce-Price-amount.amount{
    font-size: 17px;
    
    color: #0f172a;
    padding-top: 0px !important;
    margin-top: 0px !important;
}


/*   name full width */
.opc-two {
    grid-template-columns: 1fr !important;
}



/* district */

.opc-three {
    display: grid
;
    grid-template-columns: 1fr !important;
    
}



.woocommerce-Price-amount.amount{
    padding-left: 40px;
}/* End custom CSS */