/**
 * LaNoira — Archive & Product Card Luxury Refinement
 *
 * Overrides components.css and category-hero.css
 * Dark obsidian product cards, gold accents, sharp corners
 *
 * @package Commerce_Elite
 */

/* ============================================
   PAGE BACKGROUND
   ============================================ */

body.woocommerce-page:not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout),
body.tax-product_cat,
body.post-type-archive-product {
    background: #0D0D0D !important;
}

.woocommerce-main,
.site-main.woocommerce-main {
    background: transparent !important;
}

/* ============================================
   CATEGORY HERO
   ============================================ */

.category-hero-section {
    background: #141414 !important;
    border-bottom: 1px solid #1F1F1F !important;
}

.category-hero-title {
    font-family: 'Playfair Display', serif !important;
    color: #F5F5F5 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
}

.category-hero-intro,
.category-hero-intro p {
    color: #BDBDBD !important;
    text-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
}

/* ============================================
   SHOP LOOP — TOOLBAR (result count + ordering)
   ============================================ */

.woocommerce-result-count {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    color: #666666 !important;
}

.woocommerce-ordering select {
    background: #141414 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 0 !important;
    color: #A6A6A6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    padding: 0.5rem 1rem !important;
    transition: border-color 0.2s ease !important;
}

.woocommerce-ordering select:focus {
    border-color: #C5A059 !important;
    outline: none !important;
}

/* ============================================
   PRODUCT CARD — DARK LUXURY
   ============================================ */

.product-card {
    background: #141414 !important;
    border: 1px solid #1F1F1F !important;
    border-radius: 0 !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.product-card:hover {
    transform: none !important;
    border-color: rgba(197, 160, 89, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Image area */
.product-card-image {
    background: #0D0D0D !important;
    border-radius: 0 !important;
}

/* Image zoom on hover — keep but subtle */
.product-card:hover .product-image-main {
    transform: scale(1.04) !important;
    opacity: 1 !important;
}

.product-card:hover .product-image-hover {
    opacity: 1 !important;
}

/* ============================================
   PRODUCT CARD CONTENT
   ============================================ */

.product-card-content {
    background: #141414 !important;
    padding: 1.25rem !important;
}

/* Brand */
.product-brand,
.product-brand a,
.product-brand span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #C5A059 !important;
}

.product-brand a:hover {
    color: #D4B577 !important;
}

/* Title */
.product-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #F5F5F5 !important;
    line-height: 1.35 !important;
}

.product-title a {
    color: #F5F5F5 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.product-title a:hover {
    color: #C5A059 !important;
}

/* Rating */
.rating-count {
    color: #555555 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Price */
.product-price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #F5F5F5 !important;
}

.product-price del {
    color: #444444 !important;
    font-weight: 400 !important;
}

.product-price ins {
    text-decoration: none !important;
    color: #C5A059 !important;
}

/* Short description */
.product-short-description {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    color: #666666 !important;
    line-height: 1.6 !important;
}

/* ============================================
   PRODUCT CARD FOOTER — ADD TO CART
   ============================================ */

.product-card-footer {
    background: #141414 !important;
    padding: 0 1.25rem 1.25rem !important;
}

.product-card-footer .add-to-cart-button,
.product-card-footer .button {
    background: transparent !important;
    border: 1px solid rgba(197, 160, 89, 0.4) !important;
    color: #C5A059 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 0.75rem 1rem !important;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

.product-card-footer .add-to-cart-button:hover,
.product-card-footer .button:hover {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #0D0D0D !important;
}

.product-card-footer .add-to-cart-button .button-icon {
    width: 14px !important;
    height: 14px !important;
    transition: color 0.25s ease !important;
}

/* Out of stock */
.product-card-footer .product-out-of-stock {
    border-color: #2a2a2a !important;
    color: #555555 !important;
    cursor: not-allowed !important;
}

.product-card-footer .product-out-of-stock:hover {
    background: transparent !important;
    border-color: #2a2a2a !important;
    color: #555555 !important;
}

/* ============================================
   BADGE ANIMATIONS — KILL THEM
   ============================================ */

.product-badge[data-type="discount"],
.product-badge[data-type="sale"] {
    animation: none !important;
    background: #4a0e0e !important;
    border-radius: 0 !important;
}

.product-badge[data-type="custom"] {
    animation: none !important;
    border-radius: 0 !important;
}

.product-badge[data-type="stock"] {
    animation: none !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.woocommerce-pagination ul {
    display: flex !important;
    gap: 0.25rem !important;
    list-style: none !important;
    padding: 0 !important;
    justify-content: center !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #141414 !important;
    border: 1px solid #1F1F1F !important;
    color: #A6A6A6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
}

.woocommerce-pagination ul li a:hover {
    border-color: rgba(197, 160, 89, 0.4) !important;
    color: #C5A059 !important;
}

.woocommerce-pagination ul li span.current {
    background: rgba(197, 160, 89, 0.1) !important;
    border-color: rgba(197, 160, 89, 0.4) !important;
    color: #C5A059 !important;
    font-weight: 600 !important;
}

/* ============================================
   NO PRODUCTS FOUND
   ============================================ */

.woocommerce-info {
    background: #141414 !important;
    border-top-color: #C5A059 !important;
    color: #A6A6A6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    border-radius: 0 !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.category-breadcrumbs-wrapper {
    border-bottom: 1px solid #1F1F1F !important;
}

.category-breadcrumbs-wrapper .woocommerce-breadcrumb {
    color: #555555 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
}

.category-breadcrumbs-wrapper .woocommerce-breadcrumb a {
    color: #666666 !important;
    transition: color 0.2s ease !important;
}

.category-breadcrumbs-wrapper .woocommerce-breadcrumb a:hover {
    color: #C5A059 !important;
}

/* ============================================
   LONG-FORM SEO CONTENT
   ============================================ */

.category-long-content {
    background: #0D0D0D;
    padding: 4rem 2rem;
    max-width: 900px;
    margin: 0 auto;
}

.category-long-content h1,
.category-long-content h2,
.category-long-content h3,
.category-long-content h4,
.category-long-content h5,
.category-long-content h6 {
    font-family: 'Playfair Display', serif !important;
    color: #F5F5F5 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.875rem !important;
}

.category-long-content h2 {
    font-size: 1.5rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid #1F1F1F !important;
}

.category-long-content h3 {
    font-size: 1.2rem !important;
    color: #BDBDBD !important;
}

.category-long-content p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.85 !important;
    color: #BDBDBD !important;
    margin-bottom: 1.25rem !important;
}

.category-long-content strong,
.category-long-content b {
    font-weight: 600 !important;
    color: #F5F5F5 !important;
}

.category-long-content a {
    color: #C5A059 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(197, 160, 89, 0.4) !important;
    transition: text-decoration-color 0.2s ease !important;
}

.category-long-content a:hover {
    text-decoration-color: #C5A059 !important;
}

.category-long-content ul,
.category-long-content ol {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.85 !important;
    color: #BDBDBD !important;
    padding-left: 1.5rem !important;
    margin-bottom: 1.25rem !important;
}

.category-long-content li {
    margin-bottom: 0.5rem !important;
    color: #BDBDBD !important;
}

.category-long-content li::marker {
    color: #C5A059 !important;
}