@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* Global Custom Styles for Levina */

body {
    background-color: #f6fafe;
    color: #171c1f;
    overflow-x: hidden;
}

.grain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.02;
    background-image: url("../assets/images/natural-paper.webp");
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
}

/* Page Specific and Utility Styles */
.text-shadow-subtle {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.halo-shadow {
    box-shadow: 0 20px 40px rgba(47, 52, 55, 0.04);
}

.glass-panel {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.noise-bg {
    position: relative;
}

.noise-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../assets/images/natural-paper.webp");
    opacity: 0.03;
    pointer-events: none;
    z-index: 0;
}

.text-glow {
    text-shadow: 0 0 20px rgba(112, 88, 91, 0.1);
}

/* Navigation Menu Font Customization */
header nav a,
#mobile-drawer a {
    font-family: "Outfit", sans-serif !important;
}

/* WooCommerce Cart Count Badge Fallback Styling */
.duk-cart-count,
.levina-cart-count {
    position: absolute !important;
    top: -6px !important;
    right: -8px !important;
    background-color: #e8d7a5 !important;
    color: #0a0a0a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-family: 'Outfit', sans-serif !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
}

/* Hide badge if count is 0 or empty */
.duk-cart-count:empty,
.levina-cart-count:empty,
.duk-cart-count[data-count="0"],
.levina-cart-count[data-count="0"] {
    display: none !important;
}