.elementor-18194 .elementor-element.elementor-element-3a27db4a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-3a27db4a *//* Coupon row - Desktop view */
.woocommerce .coupon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px; /* space between items */
}

/* Coupon input */
.woocommerce .coupon input#coupon_code {
  flex: 1;
  min-width: 200px;
  border: 2px solid #000;
  border-radius: 25px;
  padding: 8px 15px;
}

/* Buttons (apply, view, update) */
.woocommerce .coupon .button,
.woocommerce .wpccl-btn-wrapper .wpccl-btn,
.woocommerce button[name="update_cart"] {
  background: #ff4b3e;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s;
}

.woocommerce .coupon .button:hover,
.woocommerce .wpccl-btn-wrapper .wpccl-btn:hover,
.woocommerce button[name="update_cart"]:hover {
  background: #e63c2f;
}

/* Mobile view fix for cart buttons */
@media (max-width: 768px) {
    /* Ensure the action section stacks properly */
    .woocommerce-cart .cart .actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px; /* space between buttons */
        width: 100%;
    }

    /* Make buttons full width */
    .woocommerce-cart .cart .actions .button,
    .woocommerce-cart .cart .actions .coupon button {
        width: 100% !important;
        max-width: 350px; /* optional: keep a nice max width */
    }

    /* Coupon section styling */
    .woocommerce-cart .cart .actions .coupon {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .woocommerce-cart .cart .actions .coupon input {
        width: 100% !important;
        max-width: 350px;
        text-align: center;
    }
}/* End custom CSS */