.elementor-10 .elementor-element.elementor-element-1e93fe4b{--display:flex;}.elementor-widget-text-editor{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-1e93fe4b *//* ===== PRIMARY BRAND COLOR UPDATE ===== */
:root {
    --primary-green: #1e5a2e;
}

/* ===== GENERAL CART & SIDEBAR STYLES ===== */
.wc-block-cart__sidebar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 0;
}

.wc-block-cart {
    background: transparent !important;
}

.wp-block-woocommerce-cart-order-summary-block {
    background: transparent;
    border: none;
}

/* ===== TEXT & PRICE COLORS ===== */
.wc-block-components-product-price__value {
    color: var(--primary-green);
}

.wc-block-components-totals-item__value {
    color: #1a1a1a;
}

.wc-block-cart__totals-title {
    font-weight: 500;
}

/* ===== BADGES ===== */
.wc-block-components-sale-badge {
    background: rgba(30, 90, 46, 0.08);
    color: var(--primary-green);
    border-radius: 4px;
}

/* ===== CHECKOUT BUTTON ===== */
.wc-block-cart__submit-button {
    background: var(--primary-green) !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 14px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.wc-block-cart__submit-button:hover {
    background: #174824 !important;
}

/* ===== APPLY COUPON SUBMIT BUTTON ===== */
.wc-block-components-totals-coupon button {
    background: var(--primary-green) !important;
    color: #fff !important;
    border-radius: 6px;
    transition: background 0.3s ease;
}

.wc-block-components-totals-coupon button:hover {
    background: #174824 !important;
}

/* ==================================================== */
/* ===== COUPON ACCORDION BUTTON (BULLETPROOF FIX) ==== */
/* ==================================================== */

/* Main Container */
.wc-block-components-panel__button {
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-start !important;
    width: 100%;
    padding: 16px 20px !important; /* Guaranteed 20px gap from left/right edges */
    border-radius: 8px;
    border: 1px solid #c2d1c9;
    background: #fdfdfd;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-green);
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box !important;
    min-height: 54px !important;
}

/* LEFT TEXT - Overrides WooCommerce spans */
.wc-block-components-panel__button > span {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1 !important;
}

/* RIGHT TEXT ("Apply & Save") */
.wc-block-components-panel__button::after {
    content: "Apply & Save";
    font-size: 12px;
    color: #7a9c8e;
    font-weight: 400;
    margin: 0 12px 0 auto !important; /* Auto pushes it right, 12px gap from arrow */
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

/* ARROW ICON FIX */
.wc-block-components-panel__button svg {
    flex-shrink: 0;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: var(--primary-green);
    transition: transform 0.3s ease;
    height: 24px !important; /* Standardizes icon size */
    width: 24px !important;
}

/* HOVER & OPEN STATES */
.wc-block-components-panel__button:hover,
.wc-block-components-panel__button[aria-expanded="true"] {
    background: #f4f8f5;
    border-color: var(--primary-green);
}

/* THE FIX: ROTATE ARROW WHEN OPEN */
.wc-block-components-panel__button[aria-expanded="true"] svg {
    /* Using rotateX flips the SVG in 3D space. 
       This prevents the bounding box from shifting downwards. */
    transform: rotateX(180deg) !important; 
}/* End custom CSS */