/* ============================================
   LUXE BOUTIQUE — Custom Layout CSS
   No Elementor dependencies
   ============================================ */

/* Global reset */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
a { text-decoration: none; }

/* Page wrapper — full width, no container constraints */
.template-content,
.page-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* ── WooCommerce product card base styles ── */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform: translateY(-3px);
}
.woocommerce ul.products li.product img { width: 100%; display: block; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px 4px;
    color: #111;
}
.woocommerce ul.products li.product .price {
    padding: 0 12px 12px;
    color: #c84e22;
    font-weight: 700;
    font-size: 14px;
}
.woocommerce ul.products li.product .button {
    display: block;
    margin: 0 12px 12px;
    background: #111;
    color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    transition: background .2s;
}
.woocommerce ul.products li.product .button:hover { background: #c84e22; }

/* Sale badge */
.woocommerce span.onsale {
    background: #c84e22;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 3px;
    top: 8px;
    left: 8px;
}

/* ── Footer newsletter icon fallbacks ── */
.lx-socials .fab,
.follow-facebook:before, .follow-twitter:before,
.follow-instagram:before, .follow-pinterest:before, .follow-youtube:before {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}