/* Dark theme overrides - full black background with readable text colors */
/* Keep selectors specific and minimal to avoid breaking layout */

/* Base page */
html, body, .page, .site-main {
    background-color: #000 !important;
    color: #e6e6e6 !important;
}

/* Ensure all section background containers default to transparent/black */
[class*="ttm-bgcolor"],
.ttm-row,
.spacing-1,
.spacing-2,
.spacing-3,
.section-title,
.featured-content,
.box-shadow,
.featured-imagebox,
.ttm-post-thumbnail,
.ttm-bg-layer,
.ttm-col-wrapper-bg-layer-inner {
    background-color: transparent !important;
    background-image: none !important;
}

/* Headings and paragraphs */
h1,h2,h3,h4,h5,h6 {
    color: #ffffff !important;
}
p, a, li, span, label, input, button {
    color: #e6e6e6 !important;
}

/* Links and buttons */
a {
    color: #ffd27a !important; /* warm accent for links */
}
a:hover {
    color: #fff !important;
}

/* Header logo area - make header transparent black background if present */
header.header, #masthead, .ttm-header-wrap, .site-header-menu {
    background-color: rgba(0,0,0,0.95) !important;
}

/* Navigation menu */
.site-navigation a, .menu a, .dropdown li a {
    color: #ffd27a !important;
}
.menu li.active > a {
    color: #ffd27a !important;
}

/* Buttons accent */
.ttm-btn, .btn, button {
    background-color: transparent !important;
    color: #ffd27a !important;
    border-color: rgba(255,210,122,0.15) !important;
}
.ttm-btn:hover, .btn:hover, button:hover {
    background-color: #ffd27a !important;
    color: #000 !important;
}

/* Footer and copyright */
footer, .footer-widgets, .copyright {
    background-color: #000 !important;
    color: #bfbfbf !important;
}

/* Images: add subtle border so they don't blend into black */
img {
    border: 1px solid rgba(255,255,255,0.03);
}

/* Forms and inputs */
.form-control, input, textarea, select {
    background-color: rgba(255,255,255,0.03) !important;
    color: #e6e6e6 !important;
    border-color: rgba(255,255,255,0.06) !important;
}

/* Make sure sliders/hero text remains readable */
.rev_slider .rs-layer, .rev-slidebg, .rev_slider .tp-caption, .slider-heding-title-font {
    color: #fff !important;
}

/* Cards and panels with white backgrounds: invert to dark */
.ttm-bgcolor-white, .box-shadow2, .featured-content.box-shadow {
    background-color: rgba(255,255,255,0.03) !important;
    color: #e6e6e6 !important;
}

/* Utility: ensure high contrast for small text */
.ttm-textcolor-skincolor, .ttm-textcolor-skincolor * {
    color: #ffd27a !important;
}

/* Ensure overlays (modals, tooltips) are dark */
.modal-content, .ttm-popup, .tooltip, .ttm-tooltip {
    background-color: #0b0b0b !important;
    color: #e6e6e6 !important;
}

/* ==================================================
   Header dropdown fix — force first-level submenu to drop down
   Keep nested (third-level) menus opening to the right as usual
   ==================================================*/
#site-header-menu #site-navigation .menu > ul > li {
    position: relative; /* ensure children positioned relative to parent */
}

#site-header-menu #site-navigation .menu ul > li > ul {
    /* first-level submenu: appear below parent */
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    visibility: hidden;
    opacity: 0;
    display: block !important; /* keep block for layout but hide via opacity/visibility */
    transition: opacity .18s ease, visibility .18s ease;
    z-index: 9999;
}

#site-header-menu #site-navigation .menu ul li:hover > ul,
#site-header-menu #site-navigation .menu ul li:focus-within > ul,
.menu ul li.active > ul {
    visibility: visible !important;
    opacity: 1 !important;
}

/* keep deeper-level submenus opening to the right (unchanged behavior) */
#site-header-menu #site-navigation .menu ul ul ul {
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
}

/* Improve accessibility for inputs focus */
input:focus, textarea:focus, select:focus {
    outline: 2px solid rgba(255,210,122,0.25) !important;
}

/* End of dark-theme.css */