/*
Theme Name: OilSealThai Custom Theme V37.5 (Dedicated Model & Material Cards)
Theme URI: https://oilsealthai.com
Description: Production Theme for OilSealThai.com featuring separate cards for TC NBR, TC VITON, SC NBR, SC VITON, TB NBR, TB VITON, SB NBR, SB VITON, TA, SA, VC, VB, BABSL, TCN, TCV, End Cover.
Author: OilSealThai Team
Author URI: https://oilsealthai.com
Template: astra
Version: 37.5.0
*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&family=Prompt:wght@300;400;500;600;700&display=swap');

:root {
    --brand-red: #B91C1C;
    --brand-red-dark: #991B1B;
    --brand-dark: #0F172A;
    --brand-navy: #1E293B;
}

body {
    font-family: 'Poppins', 'Prompt', sans-serif;
    color: #1E293B;
    background-color: #F8FAFC;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Poppins', 'Kanit', 'Prompt', sans-serif;
}

/* Hide Astra default elements */
.ast-container, #content, .site-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header, .site-footer, #masthead, #colophon, .ast-breadcrumbs-wrapper {
    display: none !important;
}

/* HIDE EXACT STOCK NUMBER */
.stock, .stock.in-stock, .stock.out-of-stock, p.stock {
    display: none !important;
}


/* WooCommerce & WordPress Pagination Styles */
.woocommerce-pagination, .page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-numbers li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: inline-block !important;
}

.page-numbers a, .page-numbers span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.5rem !important;
    height: 2.5rem !important;
    padding: 0 0.875rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1px solid #E2E8F0 !important;
    background-color: #FFFFFF !important;
    color: #1E293B !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    transition: all 0.15s ease !important;
}

.page-numbers a:hover {
    background-color: #FEF2F2 !important;
    border-color: #EF4444 !important;
    color: #B91C1C !important;
}

.page-numbers .current {
    background-color: #B91C1C !important;
    border-color: #B91C1C !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 6px -1px rgba(185, 28, 28, 0.2) !important;
}

.page-numbers .dots {
    border: none !important;
    background: transparent !important;
    color: #94A3B8 !important;
    box-shadow: none !important;
}

/* Custom WooCommerce Overrides */
.woocommerce-cart-form-wrapper form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin: 0 !important;
}

.woocommerce-cart-form-wrapper .quantity input.qty {
    width: 4rem !important;
    height: 3rem !important;
    border-radius: 0.75rem !important;
    border: 2px solid #E2E8F0 !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

.woocommerce-cart-form-wrapper button.single_add_to_cart_button {
    flex: 1 !important;
    height: 3rem !important;
    background: #B91C1C !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-radius: 0.75rem !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px -1px rgba(185, 28, 28, 0.2) !important;
    transition: all 0.2s ease !important;
}

.woocommerce-cart-form-wrapper button.single_add_to_cart_button:hover {
    background: #991B1B !important;
    transform: translateY(-1px) !important;
}

/* WooCommerce Cart & Checkout Responsive Thumbnail Styling */
.woocommerce-cart table.cart .product-thumbnail img,
.woocommerce-checkout table.shop_table .product-thumbnail img,
.wc-block-components-product-image img,
.wc-block-components-product-image,
.wc-block-cart-items .wc-block-components-product-image,
.wc-block-components-order-summary-item__image,
.wc-block-components-order-summary-item__image img,
.woocommerce-mini-cart-item img,
.product-thumbnail img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    object-fit: contain !important;
    background-color: #F8FAFC !important;
    padding: 4px !important;
    border-radius: 10px !important;
    border: 1px solid #E2E8F0 !important;
    display: inline-block !important;
}

/* Prominent BACS and Checkout Bank Box */
.woocommerce-bacs-bank-details, .wc-bacs-bank-details {
    background: linear-gradient(135deg, #064E3B 0%, #022C22 100%) !important;
    color: #FFFFFF !important;
    padding: 1.5rem !important;
    border-radius: 1.25rem !important;
    border: 2px solid #10B981 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    margin: 1.5rem 0 !important;
    list-style: none !important;
}

.woocommerce-bacs-bank-details li, .wc-bacs-bank-details li {
    font-size: 1rem !important;
    margin-bottom: 0.75rem !important;
    color: #ECFDF5 !important;
}

.woocommerce-bacs-bank-details li strong, .wc-bacs-bank-details li strong {
    color: #34D399 !important;
    font-size: 1.25rem !important;
    font-family: monospace !important;
    letter-spacing: 0.05em !important;
}

.woocommerce-order-overview {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 1rem !important;
    padding: 1.25rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
    list-style: none !important;
    margin-bottom: 2rem !important;
}

.woocommerce-order-overview li {
    font-size: 0.875rem !important;
    color: #64748B !important;
    border-right: 1px solid #E2E8F0 !important;
    padding-right: 1.5rem !important;
}

.woocommerce-order-overview li strong {
    color: #0F172A !important;
    font-size: 1.125rem !important;
    display: block !important;
    margin-top: 0.25rem !important;
}

.woocommerce-order-overview li.total strong {
    color: #B91C1C !important;
    font-weight: 900 !important;
}