/* Electro World Checkout - CSS Principal */
/* wp-content/plugins/electro-world-checkout/assets/css/checkout.css */
/* Importation de tous les styles avec priorité maximale */

@import url('variables.css');
@import url('base.css');
@import url('header.css');
@import url('sections.css');
@import url('forms.css');
@import url('shipping-payment.css');
@import url('cart-sidebar.css');
@import url('coupons.css');
@import url('order-summary.css');
@import url('buttons.css');
@import url('messages.css');

/* Styles critiques pour surpasser WooCommerce */
body.woocommerce .ew-checkout-container,
body.woocommerce-page .ew-checkout-container,
.woocommerce .ew-checkout-container {
    all: initial !important;
    display: block !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    font-family: var(--ew-font) !important;
    color: var(--ew-text) !important;
    line-height: 1.6 !important;
    background: var(--ew-bg) !important;
    box-sizing: border-box !important;
}

/* Force la priorité sur tous les éléments enfants */
.ew-checkout-container *,
.ew-checkout-container *::before,
.ew-checkout-container *::after {
    box-sizing: border-box !important;
}

/* Masquer complètement les éléments WooCommerce dans notre container */
.ew-checkout-container .woocommerce-NoticeGroup,
.ew-checkout-container .woocommerce-notices-wrapper,
.ew-checkout-container .woocommerce-checkout-review-order,
.ew-checkout-container .col2-set,
.ew-checkout-container #customer_details,
.ew-checkout-container #order_review,
.ew-checkout-container .woocommerce-checkout-payment,
.ew-checkout-container .woocommerce-form-coupon-toggle,
.ew-checkout-container .woocommerce-form-login-toggle {
    display: none !important;
    visibility: hidden !important;
}

/* Priorité maximale pour notre design */
.ew-checkout-container {
    z-index: 999999 !important;
    position: relative !important;
}

/* Media queries pour responsive */
@media (max-width: 1024px) {
    .ew-checkout-container {
        padding: 15px !important;
    }
}

@media (max-width: 768px) {
    .ew-checkout-container {
        padding: 10px !important;
    }
}

@media (max-width: 480px) {
    .ew-checkout-container {
        padding: 5px !important;
    }
}