/*
Theme Name: LVA ART
Theme URI: https://lva-art.com
Author: Luc Van Acker
Description: High-end editorial theme with industrial monochromatic aesthetics, matching the Luc Van Acker art collection.
Version: 1.0
Text Domain: lva-art
*/

/* --- Global Design Resets --- */

/* * Applying the exact background and text color from the index.html and about.html templates.
 * Use of !important ensures WordPress core styles or block library styles do not override the dark aesthetic.
 */
body {
    background-color: #131313 !important; /* surface color */
    color: #e2e2e2 !important; /* on-surface color */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* * Material Symbols - Refined configuration.
 * Setting the specific weight (300) and fill (0) to match the "Material Symbols Outlined" 
 * requirements in the source files.
 */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* * Utility for hiding scrollbars while maintaining functionality,
 * specifically for the Cart Drawer and Horizontal Slider.
 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* * Selection colors matching the theme configuration: 
 * primary-fixed-dim (#c6c6c7) and on-primary (#2f3131).
 */
::selection {
    background-color: #c6c6c7;
    color: #2f3131;
}

/* * Global Transition: 
 * Ensuring all links (<a>) and buttons have the 400ms duration and ease 
 * defined in the original nav and CTA components.
 */
a, button {
    transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* * WordPress Core Alignment Classes 
 * Necessary to support Gutenberg and standard WP content blocks within the custom layout.
 */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignwide {
    margin-left: -10vw;
    margin-right: -10vw;
    max-width: 120vw;
    width: 120vw;
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
}

/* * Custom Text Effects 
 * Replicating the 'text-glow' from artwork-detail.html.
 */
.text-glow {
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

/* * WooCommerce Specific Mini-Cart Overrides 
 * Forces the cart drawer content to inherit the theme's secondary text color (#c4c7c8).
 */
.widget_shopping_cart_content {
    color: #c4c7c8; /* on-surface-variant */
}