/*
Theme Name: dolozistore
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* =======================================================
   HEADER: DARK MODE, GLASSMORPHISM & STICKY
   ======================================================= */

/* Main Header Background */
.header-wrapper, .header-main {
    background: rgba(18, 18, 18, 0.75) !important; /* Dark Grey/Pitch Black */
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Sticky Mode (When scrolling) */
.header-wrapper.stuck {
    background: rgba(10, 10, 10, 0.85) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Nav Link Typography (Extreme Specificity for Flatsome) */
#wrapper #masthead .header-nav > li > a,
#wrapper #masthead .header-nav > li > a *,
body.header-color-dark #wrapper #masthead .header-nav > li > a,
.header-wrapper .nav > li > a,
.header-main .nav > li > a,
#masthead .nav > li > a,
.header-wrapper .nav > li > a > span,
.header-main .nav > li > a > span,
#masthead .nav > li > a > span,
.header-bottom .nav > li > a {
    color: #f8f8f8 !important; /* Force light text */
    font-family: 'Inter', 'Roboto', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

/* Nav Link Hover & Active (Extreme Specificity) */
#wrapper #masthead .header-nav > li > a:hover,
#wrapper #masthead .header-nav > li.active > a,
#wrapper #masthead .header-nav > li.current-menu-item > a,
.header-wrapper .nav > li > a:hover,
.header-wrapper .nav > li.active > a,
.header-wrapper .nav > li.current-menu-item > a,
#masthead .nav > li:hover > a,
.header-wrapper .nav > li > a:hover > span,
.header-wrapper .nav > li.active > a > span,
.header-wrapper .nav > li.current-menu-item > a > span,
#masthead .nav > li:hover > a > span {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
}

/* Dropdown Menu (Sub-menu) Dark Mode */
.nav-dropdown {
    background: rgba(25, 25, 25, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    padding: 10px 0;
}

.nav-dropdown > li > a {
    color: #cccccc !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-size: 14px !important;
    padding: 10px 20px;
    transition: all 0.2s ease;
}

.nav-dropdown > li > a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    padding-left: 25px; /* Cinematic hover */
}

/* =======================================================
   FOOTER: DARK MODE CUSTOM DOLOZI
   ======================================================= */

.footer-wrapper, .absolute-footer {
    background-color: #111111 !important;
    color: #c4c4c4 !important;
    border-top: 1px solid #222;
}

.dolozi-dark-footer .widget-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #333;
    padding-bottom: 8px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dolozi-footer-col {
    font-family: 'Inter', 'Roboto', sans-serif;
}

.dolozi-footer-col p, 
.dolozi-footer-col li, 
.dolozi-footer-col a,
.dolozi-footer-col span {
    color: #bfbfbf !important;
    font-size: 14px;
    line-height: 1.7;
    transition: color 0.3s ease;
}

.dolozi-footer-col p { 
    margin-bottom: 12px; 
}

.dolozi-footer-col a {
    text-decoration: none;
}

.dolozi-footer-col a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.dolozi-footer-col ul.footer-links, 
.dolozi-footer-col ul.footer-stores {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dolozi-footer-col ul.footer-links li,
.dolozi-footer-col ul.footer-stores li {
    margin-bottom: 14px;
    position: relative;
    padding-left: 15px;
}

.dolozi-footer-col ul.footer-links li::before,
.dolozi-footer-col ul.footer-stores li::before {
    content: "›";
    position: absolute;
    left: 0;
    top: -2px;
    color: #666;
    font-size: 18px;
}

.dolozi-footer-col ul.footer-stores strong {
    color: #e5e5e5 !important;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 3px;
}

/* Social icons */
.dolozi-social-icons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dolozi-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #222 !important;
    color: #fff !important;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #333;
    transition: all 0.3s ease;
}

.dolozi-social-icons a:hover {
    background: #444 !important;
    border-color: #666;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}