/*
 * Light Gallery — extra CSS layer.
 * Small refinements on top of style.css. Keeps style.css focused on core tokens.
 */

/* Kadence header overrides — hide the parent theme's default header so ours renders cleanly */
body.light-gallery > #masthead { display: none !important; }
body.light-gallery > footer#colophon { display: none !important; }

/* WooCommerce shop archive — editorial grid */
.woocommerce-page.light-gallery .site,
.woocommerce-page.light-gallery .content-container.site-container { background: var(--lg-bg-ivory); }

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    text-align: left;
}
.woocommerce ul.products li.product a img {
    aspect-ratio: 4/5;
    object-fit: cover;
    margin-bottom: 1rem !important;
}
@media (max-width: 900px) { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .woocommerce ul.products { grid-template-columns: 1fr !important; } }

/* Breadcrumbs subtle */
.woocommerce-breadcrumb {
    font-size: 0.72rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--lg-text-muted) !important;
    margin-bottom: 2rem !important;
}