/* ==========================================================================
   1. GLOBAL PRODUCT & CORE WOOCOMMERCE STYLING
   ========================================================================== */

.woocommerce-SavedPaymentMethods-saveNew {
    display: flex !important;
}

h1.product_title.entry-title {
    font-family: 'Assistant', 'Heebo', sans-serif !important;
    text-align: center !important;
    direction: rtl !important;
}

.summary.entry-summary p.price,
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p,
.woocommerce-product-details__short-description ul,
.woocommerce-product-details__short-description li {
    text-align: center !important;
    direction: rtl !important;
}

.woocommerce-product-details__short-description ul {
    list-style-position: inside !important;
    padding: 0 !important;
}

/* ==========================================================================
   2. GLOBAL TYPOGRAPHY & BUTTONS (DESKTOP & MOBILE)
   ========================================================================== */

.woocommerce-cart-form, 
.cart-collaterals,
.woocommerce-checkout,
.bottle-meta-display {
    font-family: 'Assistant', sans-serif !important;
}

/* Soften all input entry boxes */
.woocommerce input.input-text, 
.woocommerce textarea, 
.woocommerce select {
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    font-family: 'Assistant', sans-serif !important;
}

/* Fix main submission button text visibility (White text on Black button) */
.woocommerce-checkout #place_order,
.woocommerce-checkout button[type="submit"],
.woocommerce-checkout .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    text-align: center !important;
}

/* ==========================================================================
   3. UNIFIED CLEAN CHECKOUT LAYOUT (DESKTOP & MOBILE)
   ========================================================================== */

/* Hide default checkout page titles */
.page-id-30 .entry-title, 
.page-id-30 h1 {
    display: none !important;
}

/* Force clean RTL reading flow layout rules globally */
.woocommerce-checkout {
    direction: rtl !important;
    text-align: right !important;
}

/* Clean Full-Width stacked structure preventing side-by-side squeezing */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    max-width: 100% !important;
}

.woocommerce-checkout .col2-set .col-1, 
.woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-checkout .form-row {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    text-align: right !important;
}

/* ==========================================================================
   4. CART PAGE COUPON STRUCTURE
   ========================================================================== */

.woocommerce-cart-form img {
    border-radius: 12px !important; 
    object-fit: cover;
}

.woocommerce-cart .woocommerce {
    position: relative !important;
    padding-bottom: 120px !important; 
}

.woocommerce-cart-form .coupon {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 8px !important;
    width: 380px !important; 
    margin: 0 !important;
    flex-wrap: wrap !important;
}

.woocommerce-cart-form .coupon::before {
    content: "יש לך קוד קופון?" !important;
    display: block !important;
    width: 100% !important;
    font-family: 'Assistant', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin-bottom: 6px !important;
    text-align: right !important;
}

.woocommerce-cart-form .coupon input#coupon_code {
    width: 60% !important;
    max-width: 220px !important;
    height: 45px !important;
    border-radius: 30px !important;
}

.woocommerce-cart-form .coupon .button {
    width: 38% !important;
    max-width: 140px !important;
    height: 45px !important;
    border-radius: 30px !important;
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 0 !important; 
}

.woocommerce-cart-form .coupon .button::before {
    content: "החל קוד" !important; 
    font-size: 14px !important;
    font-family: 'Assistant', sans-serif !important;
}

.woocommerce-cart-form .coupon .button * {
    display: none !important;
}

/* ==========================================================================
   5. ARCHIVE BLOG SETTINGS GRID RULES
   ========================================================================== */

@media (max-width: 767px) {
    .elementor-posts-container.elementor-posts--skin-classic,
    .elementor-loop-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .elementor-posts-container .elementor-post,
    .e-loop-item {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}
/* Change the checkout button text to 'לתשלום' */
.woocommerce-checkout #place_order {
    font-size: 0 !important;
}
.woocommerce-checkout #place_order::before {
    content: "לתשלום" !important;
    font-size: 18px !important;
    font-family: 'Assistant', sans-serif !important;
    font-weight: 700 !important;
}