/**
 * Cart Page Specific Styles
 * Additional styles for cart page without header
 * 
 * @package Skill
 */

/* Ensure proper font loading */
.wc-cart-page {
    font-family: 'iranyekan', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
    background: #f8fafc !important;
    min-height: 100vh !important;
}

/* Override any conflicting styles */
.wc-cart-page * {
    box-sizing: border-box;
}

/* Ensure WooCommerce elements are properly styled */
.wc-cart-page .woocommerce {
    margin: 0;
    padding: 0;
}

.wc-cart-page .woocommerce-cart-form {
    margin: 0;
    padding: 0;
}

/* Fix any potential layout issues */
.wc-cart-page .wc-myacc-layout {
    display: flex !important;
    min-height: 100vh !important;
    background: #f8fafc !important;
}

/* Ensure responsive behavior */
@media (max-width: 768px) {
    .wc-cart-page .wc-myacc-sidebar {
        width: 100% !important;
        position: relative !important;
        height: auto !important;
    }
    
    .wc-cart-page .wc-myacc-main {
        margin-right: 0 !important;
        padding: 16px !important;
    }
    
    .wc-cart-page .wc-myacc-layout {
        flex-direction: column !important;
    }
}


/* Ensure proper button styling */
.wc-cart-page .button,
.wc-cart-page button[type="submit"] {
    display: inline-block !important;
    padding: 12px 24px !important;
    background: #0e59f2 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    font-family: inherit !important;
}

.wc-cart-page .button:hover,
.wc-cart-page button[type="submit"]:hover {
    background: #0c4fd1 !important;
    color: #fff !important;
}

/* Ensure proper input styling */
.wc-cart-page input[type="text"],
.wc-cart-page input[type="number"],
.wc-cart-page input[type="email"] {
    padding: 12px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    background: #fff !important;
    color: #0f172a !important;
}

.wc-cart-page input:focus {
    outline: none !important;
    border-color: #0e59f2 !important;
    box-shadow: 0 0 0 3px rgba(14, 89, 242, 0.1) !important;
}