/*
Theme Name: Elessi Child
Description: Child theme for Elessi with XADO.AM customizations
Template: elessi-theme
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../elessi-theme/style.css");

/* Custom fixes for XADO.AM */

/* ==========================================================================
   Checkout Page - Hide Mini Cart
   ========================================================================== */

/* Hide only mini-cart popup/dropdown on checkout page - keep checkout cart table */
body.woocommerce-checkout .nasa-mini-cart-wrap .nasa-mini-cart,
body.woocommerce-checkout .mini-cart-wrap .mini-cart-dropdown,
body.woocommerce-checkout .cart-dropdown,
body.woocommerce-checkout .nasa-cart-sidebar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide cart icon/link in header on checkout */
body.checkout .nasa-header .cart-link,
body.checkout .nasa-header .mini-cart-link,
body.checkout .nasa-header .cart-icon,
body.checkout .nasa-header .nasa-cart-count,
body.checkout .header-cart {
    display: none !important;
}

/* Hide cart sidebar toggle on checkout */
body.checkout .nasa-cart-sidebar-toggle,
body.checkout .cart-sidebar-toggle {
    display: none !important;
}

/* Ensure checkout form styling */
body.checkout #main-content {
    width: 100% !important;
    max-width: 100% !important;
}

body.checkout .woocommerce-checkout {
    width: 100%;
}

/* ==========================================================================
   Product Page - Reviews Tab Enhancement
   ========================================================================== */

/* Ensure product tabs are visible */
.woocommerce-tabs ul.tabs {
    display: flex !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-tabs ul.tabs li {
    margin: 0 5px 0 0;
    padding: 0;
}

.woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 10px 20px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

.woocommerce-tabs ul.tabs li.active a {
    background: #fff;
    border-bottom-color: #fff;
    color: #000;
}

/* Reviews tab content */
.woocommerce-tabs .panel {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
}

.woocommerce-tabs .panel.active {
    display: block !important;
}

/* Review form styling */
.comment-form-rating {
    margin-bottom: 20px;
}

.comment-form-rating label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.stars {
    font-size: 16px;
}

.stars a {
    color: #ddd;
    text-decoration: none;
}

.stars a:hover,
.stars a.active {
    color: #ffd700;
}

/* ==========================================================================
   Mini Cart Buttons Styling
   ========================================================================== */

.nasa-mini-cart-buttons {
    display: flex;
    gap: 10px;
    padding: 10px;
}

.nasa-mini-cart-buttons .button {
    flex: 1;
    text-align: center;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.nasa-view-cart-btn {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

.nasa-view-cart-btn:hover {
    background-color: #e5e5e5;
}

.nasa-checkout-btn {
    background-color: #0073aa;
    color: #fff;
    border: 1px solid #0073aa;
}

.nasa-checkout-btn:hover {
    background-color: #005a87;
    border-color: #005a87;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
    body.checkout .nasa-header .cart-link,
    body.checkout .nasa-header .mini-cart-link {
        display: none !important;
    }
    
    .nasa-mini-cart-buttons {
        flex-direction: column;
    }
    
    .nasa-mini-cart-buttons .button {
        margin-bottom: 5px;
    }
}

/* ==========================================================================
   Checkout Form Enhancements
   ========================================================================== */

.woocommerce-checkout .form-row {
    margin-bottom: 20px;
}

.woocommerce-checkout .form-row label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

/* Required field asterisk */
.woocommerce-checkout .required {
    color: #ff0000;
}

/* Hide state/region fields */
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #shipping_state_field {
    display: none !important;
}

/* ==========================================================================
   Additional Fixes
   ========================================================================== */

/* Ensure proper z-index for checkout elements */
body.checkout .woocommerce-checkout {
    position: relative;
    z-index: 10;
}

/* Hide any floating cart widgets on checkout */
body.checkout .floating-cart,
body.checkout .sticky-cart {
    display: none !important;
}