.elementor-10 .elementor-element.elementor-element-3da4c17{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-3da4c17{--content-width:1450px;}}/* Start custom CSS for shortcode, class: .elementor-element-82aa87d *//* ---------------------------
   WooCommerce: Unified Button + Form Styles
   Primary color: #00174a
   --------------------------- */
:root{
  --wc-primary: #00174a;
  --wc-primary-contrast: #ffffff;
  --wc-radius: 8px;
  --wc-pad: 10px 16px;
}

/* Make all WC buttons use the primary color and full-width where appropriate */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.widget_shopping_cart .button,
.woocommerce-cart .actions .button,
.woocommerce .coupon .button {
  background: var(--wc-primary) !important;
  color: var(--wc-primary-contrast) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: var(--wc-radius) !important;
  padding: var(--wc-pad) !important;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  text-align: center;
  display: block;
  width: 100%;
  line-height: 1.25;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

/* Hover / focus for accessibility */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.widget_shopping_cart .button:hover,
.woocommerce-cart .actions .button:hover,
.woocommerce .coupon .button:hover {
  filter: brightness(0.92);
  transform: translateY(-1px);
}

/* Strong focus outline for keyboard users */
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce .button:focus {
  outline: 3px solid rgba(0, 23, 74, 0.18);
  outline-offset: 2px;
}

/* Coupon + Apply button: inline on wider screens, stacked on small screens */
.woocommerce .coupon {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
  flex-wrap: nowrap;
}
.woocommerce .coupon .input-text {
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px;
  border-radius: var(--wc-radius);
  border: 1px solid #ddd;
  box-shadow: none;
}

/* If the theme forces a fixed width on the apply button, make sure it's natural */
.woocommerce .coupon .button {
  flex: 0 0 auto;
  width: auto;
  min-width: 120px;
}

/* Update cart button style (cart page) */
.woocommerce-cart .actions .button {
  margin-top: 10px;
}

/* Mini cart (widget) specific tweaks */
.widget_shopping_cart .total,
.widget_shopping_cart .cart_list,
.widget_shopping_cart .woocommerce-Price-amount {
  width: 100%;
}
.widget_shopping_cart .quantity input[type="number"],
.woocommerce table.shop_table input.qty,
.woocommerce .quantity .qty {
  max-width: 80px;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  border: 1px solid #e6e6e6;
}

/* Cart table / mini-cart card visuals */
.woocommerce .widget_shopping_cart_content,
.woocommerce .cart-collaterals,
.woocommerce .woocommerce-cart-form {
  border: 1px solid rgba(0, 23, 74, 0.06);
  border-radius: 10px;
  padding: 12px;
  background: #fff;
}

/* Product title links in mini-cart: nicer color + wrap */
.widget_shopping_cart .woocommerce-mini-cart__product-name a,
.woocommerce .cart .product-name a {
  color: var(--wc-primary);
  text-decoration: none;
  word-break: break-word;
}

/* Subtotal / price alignment */
.widget_shopping_cart .total td,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  vertical-align: middle;
}

/* Reduce visual clutter on small screens & ensure no horizontal overflow */
.woocommerce .woocommerce {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

/* Fix for cart/checkout content shifting to the right on mobile:
   ensure elements do not have unwanted margins/transforms */
.woocommerce .woocommerce-cart,
.woocommerce .woocommerce-checkout,
.woocommerce .widget_shopping_cart {
  margin: 0 !important;
  transform: none !important;
  padding: 0 !important;
}

/* Responsive: stack coupon input + button on very small screens */
@media (max-width: 480px) {
  .woocommerce .coupon {
    flex-direction: column;
  }
  .woocommerce .coupon .button {
    width: 100%;
    min-width: 0;
  }
  /* Tighten padding for very small devices */
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce .button {
    padding: 10px;
  }
}

/* Optional: subtle small-button variant if theme uses plain links in mini cart */
.woocommerce .mini_cart_item .remove {
  color: rgba(0,0,0,0.55);
  background: transparent;
  padding: 4px 6px;
  border-radius: 6px;
}
.woocommerce .mini_cart_item .remove:hover { color: var(--wc-primary); }

/* End of WooCommerce button + cart UI overrides *//* End custom CSS */