/*
Theme Name: Novelty Exclusive Custom
Theme URI: https://noveltyexclusive.com/
Description: A high-performance, minimalist modern Tailwind CSS wrapper theme built for WooCommerce and Elementor integration.
Author: Muhammad Ahmed
Author URI: https://github.com/muhammadahmed
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: novelty-exclusive
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #fdfcf7; 
    color: #111318;
    scroll-behavior: smooth;
}
.font-editorial { font-family: 'Cormorant Garamond', serif; }
.glass-header {
    background: rgba(253, 252, 247, 0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(146, 26, 50, 0.08);
}
.linen-pattern {
    background-color: #111318;
    background-image: 
        linear-gradient(rgba(210, 183, 132, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(210, 183, 132, 0.04) 1px, transparent 1px);
    background-size: 24px 24px;
}
.light-linen-pattern {
    background-color: #fdfcf7;
    background-image: 
        linear-gradient(rgba(146, 26, 50, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(146, 26, 50, 0.02) 1px, transparent 1px);
    background-size: 30px 30px;
}

/* WordPress Native Menu Targeting Custom Native Styles */
.primary-menu-container ul {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (min-width: 1024px) {
    .primary-menu-container ul { gap: 2rem; }
}
.primary-menu-container ul li a {
    color: #111318;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    padding-bottom: 0.5rem;
    display: inline-block;
    border-bottom: 2px solid transparent;
}
.primary-menu-container ul li a:hover {
    color: #921a32;
}
.primary-menu-container ul li.current-menu-item > a {
    border-bottom: 2px solid #921a32;
}
/* Mobile drawer variant: stack vertically instead of in a row. */
.primary-menu-container--mobile ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

/* WooCommerce product card (shop grid + bestsellers shortcode) */
.product-card {
    background-color: transparent;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.product-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08);
}
.product-card .novelty-add-to-cart,
.product-card a.button,
.product-card a.add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    text-decoration: none;
    text-align: center;
}

/* Generic call-to-action button reset (colors/spacing come from the
   Tailwind utility classes applied alongside this class in markup). */
.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
}

/* FAQ accordion chevron rotation (see assets/js/navigation.js) */
.novelty-faq-toggle i {
    transition: transform 0.2s ease;
}
.rotate-180 {
    transform: rotate(180deg);
}

/* WooCommerce's native shop/category loop wrapper — content-product.php
   already renders our pixel-matched .product-card markup inside each
   <li class="product">; this just arranges them in the same grid as the
   homepage bestsellers shortcode. */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.5rem 1.5rem;
    list-style: none;
    margin: 0 0 3rem;
    padding: 0;
}
@media (min-width: 640px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 2rem; }
}
.woocommerce ul.products li.product {
    list-style: none;
    margin: 0;
}
.w-16 { width: 4rem; }
.h-16 { height: 4rem; }

/* ==========================================================================
   WooCommerce native page re-skin (Cart, Checkout, My Account).
   These pages intentionally keep WooCommerce's own templates/markup (see
   README) — recoloring is done here by targeting WooCommerce's own class
   names rather than duplicating its cart/checkout/account logic. ========================================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button {
    background-color: #d2b784;
    color: #111318;
    border: none;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #921a32;
    color: #fdfcf7;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #payment #place_order {
    background-color: #921a32;
    color: #fdfcf7;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #payment #place_order:hover {
    background-color: #114232;
    color: #fdfcf7;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row select,
.woocommerce form .form-row select {
    border: 1px solid #e3dac9;
    border-radius: 0.5rem;
    padding: 0.625rem 1rem;
    background-color: #fdfcf7;
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e3dac9;
    border-radius: 0.75rem;
    overflow: hidden;
}
.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #e3dac9;
}
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 0.875rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #111318;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #111318;
    color: #d2b784;
}
.woocommerce table.shop_table {
    border: 1px solid #e3dac9;
    border-radius: 0.75rem;
    border-collapse: separate;
    overflow: hidden;
}
.woocommerce table.shop_table th {
    background-color: #111318;
    color: #fdfcf7;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}
.woocommerce span.onsale {
    background-color: #921a32;
    color: #fdfcf7;
}
.woocommerce .star-rating span::before,
.woocommerce .woocommerce-product-rating .star-rating::before {
    color: #d2b784;
}