/*
 Theme Name:    Hello Elementor Child
 Description:   Custom Editorial Theme for #Lookbook
 Author:        Hashtag Lookbook
 Template:      hello-elementor
 Version:       1.0.0
*/

:root {
    --bg-dark: #0a0a0a;
    --text-main: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.6);
}

/* Base Body Background */
body, #page, #content {
    background-color: var(--bg-dark) !important;
    color: var(--text-main);
    margin: 0;
    padding: 0;
}

/* Elementor Editor Fix: Taaki editor ke andar background issue na ho */
.elementor-editor-active .elementor-section {
    background-color: transparent !important; /* Editor mein sections ko transparent rakhein */
}

/* Global Typography */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-main);
    font-family: 'Playfair Display', serif; /* Fashion aesthetic ke liye */
}

p, span {
    color: var(--text-muted); /* Reading experience ke liye secondary text ko halka rakha hai */
}

/* Manual Navigation Active State Fix */
.nav-link-active {
    color: #ffffff !important;
    font-weight: 700;
}

/* HTML Widget Reset */
.elementor-widget-html, 
.elementor-widget-html .elementor-widget-container {
    all: unset !important;
    display: block !important;
    background: transparent !important;
}

/* Horizontal Menu Overlap Fix (Just in case) */
.nav-link {
    white-space: nowrap !important;
}