/* VintageLens Custom Styles */

/* Global */
:root {
    --vl-black: #1A1A1A;
    --vl-brown: #8B5E3C;
    --vl-cream: #F5F0EB;
    --vl-leather: #C4A882;
    --vl-espresso: #2C2118;
    --vl-gray: #6B6B6B;
    --vl-white: #FFFCF7;
    --vl-parchment: #D4C5B2;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Header */
.wp-block-template-part[data-type="header"],
header.wp-block-template-part {
    border-bottom: 1px solid var(--vl-parchment);
}

/* Navigation */
.wp-block-navigation a {
    transition: color 0.3s ease;
}

.wp-block-navigation a:hover {
    color: var(--vl-brown) !important;
}

/* Buttons */
.wp-element-button,
.wp-block-button__link,
.wc-block-components-button,
button.single_add_to_cart_button,
.added_to_cart {
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

/* Product Cards */
.wc-block-grid__product,
.products .product {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wc-block-grid__product:hover,
.products .product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

.wc-block-grid__product-image img,
.products .product img {
    border-radius: 4px;
}

.wc-block-grid__product-title,
.woocommerce-loop-product__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--vl-espresso);
}

.wc-block-grid__product-price,
.price {
    color: var(--vl-brown);
    font-weight: 600;
}

/* Product Single */
.single-product .product .summary {
    font-family: 'Inter', sans-serif;
}

.single-product .product_title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    color: var(--vl-espresso);
}

/* WooCommerce tabs */
.woocommerce-tabs .tabs li.active a {
    color: var(--vl-brown);
    border-bottom-color: var(--vl-brown);
}

/* Footer */
footer.wp-block-template-part {
    border-top: 1px solid var(--vl-parchment);
}

/* Blog/Journal */
.wp-block-post-title a {
    text-decoration: none;
    color: var(--vl-espresso);
    transition: color 0.3s ease;
}

.wp-block-post-title a:hover {
    color: var(--vl-brown);
}

/* Breadcrumbs */
.woocommerce-breadcrumb,
.yoast-breadcrumb {
    font-size: 0.85rem;
    color: var(--vl-gray);
    letter-spacing: 0.03em;
}

.woocommerce-breadcrumb a,
.yoast-breadcrumb a {
    color: var(--vl-brown);
}

/* Responsive */
@media (max-width: 768px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--vl-cream) !important;
    }
}

/* Selections */
::selection {
    background-color: var(--vl-leather);
    color: var(--vl-white);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--vl-cream);
}

::-webkit-scrollbar-thumb {
    background: var(--vl-leather);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--vl-brown);
}

/* Add to cart button specific */
.add_to_cart_button,
.single_add_to_cart_button {
    background-color: var(--vl-brown) !important;
    color: var(--vl-white) !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 2px !important;
}

.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background-color: var(--vl-espresso) !important;
}

/* Star rating */
.star-rating span::before {
    color: var(--vl-brown) !important;
}

/* Sale badge */
.onsale {
    background-color: var(--vl-brown) !important;
    color: var(--vl-white) !important;
}