/*
Theme Name: Omega Jewelry Store Child
Template: omega-jewelry-store
*/

/* === NAVIGATION: Bigger Titles + Better Mega Menu === */
body .site-navigation .primary-menu > li a {
    font-size: 25px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}
body .site-navigation .primary-menu > li {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
body .site-navigation .primary-menu > li.menu-item-has-children > a {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}
body .site-navigation .primary-menu ul.sub-menu {
    margin-top: 0 !important;
    padding-top: 10px !important;
}
body .site-navigation .primary-menu .sub-menu li a {
    padding: 14px 24px !important;
    font-size: 15px !important;
    display: block !important;
}
@media (max-width: 1024px) {
    body .site-navigation .primary-menu > li a {
        font-size: 20px !important;
    }
    body .site-navigation .primary-menu > li.menu-item-has-children > a {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    body .site-navigation .primary-menu > li {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
}

/* ============================================
   MIRAMETAL Product Archive - Full-Width 4-Column Grid
   Applies: Shop, Product Categories, Tags, Attribute Archives
   No sidebar, no WOOF filter, 4-col responsive grid
   ============================================ */

/* --- DESKTOP: Override theme layout widths --- */
body.archive .column-row,
body.post-type-archive-product .column-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.archive .content-area,
body.archive #primary,
body.post-type-archive-product .content-area,
body.post-type-archive-product #primary {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
body.archive .widget-area,
body.archive #secondary,
body.archive .widget-area-wrapper,
body.post-type-archive-product .widget-area,
body.post-type-archive-product #secondary,
body.post-type-archive-product .widget-area-wrapper {
    display: none !important;
}

/* --- Hide WOOF filter on archive pages --- */
body.archive .woof_autohide_wrapper,
body.archive [class*="woof_container"],
body.archive .woof_submit_search_form_container,
body.post-type-archive-product .woof_autohide_wrapper,
body.post-type-archive-product [class*="woof_container"],
body.post-type-archive-product .woof_submit_search_form_container {
    display: none !important;
}

/* --- Product grid: 4 columns desktop --- */
body.archive ul.products,
body.post-type-archive-product ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    gap: 0 !important;
}
body.archive ul.products::before,
body.archive ul.products::after,
body.post-type-archive-product ul.products::before,
body.post-type-archive-product ul.products::after {
    display: none !important;
}
body.archive ul.products li.product,
body.post-type-archive-product ul.products li.product {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    margin: 0 !important;
    padding: 20px !important;
    border-right: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    box-sizing: border-box !important;
    clear: none !important;
    float: none !important;
}

/* Product images */
body.archive ul.products li.product a img,
body.post-type-archive-product ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
}

/* Page title */
body.archive .woocommerce-products-header__title,
body.post-type-archive-product .woocommerce-products-header__title {
    font-size: 28px !important;
    margin-bottom: 10px !important;
}

/* Breadcrumb spacing */
body.archive .woocommerce-breadcrumb,
body.post-type-archive-product .woocommerce-breadcrumb {
    padding: 15px 0 !important;
}

/* Pagination */
body.archive .woocommerce-pagination,
body.post-type-archive-product .woocommerce-pagination {
    width: 100% !important;
    text-align: center !important;
    padding: 20px 0 !important;
}

/* ============================================
   RESPONSIVE: 1024px and below = 3 columns
   ============================================ */
@media (max-width: 1024px) {
    body.archive .wrapper,
    body.post-type-archive-product .wrapper {
        padding: 0 10px !important;
    }
    body.archive ul.products li.product,
    body.post-type-archive-product ul.products li.product {
        flex: 0 0 33.33% !important;
        width: 33.33% !important;
        max-width: 33.33% !important;
        padding: 15px !important;
    }
}

/* ============================================
   RESPONSIVE: 768px and below = 2 columns
   ============================================ */
@media (max-width: 768px) {
    body.archive ul.products li.product,
    body.post-type-archive-product ul.products li.product {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 10px !important;
    }
    body.archive .woocommerce-products-header__title,
    body.post-type-archive-product .woocommerce-products-header__title {
        font-size: 22px !important;
    }
}