/*
Theme Name: Enfold Child
Description: A child theme of Enfold multipurpose theme for Wassermahen
Version: 1.0
Author: Wassermahen
Template: enfold
*/

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

/* Global Reset and Body Background */
body, #wrap_all, #main, .main_color, .header_color, .footer_color, .socket_color {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    font-family: 'Inter', sans-serif !important;
}


/* Typography styling */
h1, h2, h3, h4, h5, h6, .main-title a, .mega_menu_title {
    font-family: 'Outfit', sans-serif !important;
    color: #f8fafc !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* Header & Glassmorphism Navigation */
#header {
    background-color: rgba(11, 15, 25, 0.8) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.header_bg {
    background: transparent !important;
    background-color: transparent !important;
}

/* Active & Hover Main Menu Link Styling */
#top #header .av-main-nav > li > a {
    color: #94a3b8 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: color 0.3s ease;
}

#top #header .av-main-nav > li:hover > a, 
#top #header .av-main-nav > li.current-menu-item > a,
#top #header .av-main-nav > li.current-menu-ancestor > a {
    color: #10b981 !important;
}

#top #header .av-main-nav > li > a .avia-menu-fx {
    background-color: #10b981 !important;
    height: 3px !important;
}

/* Mega Menu & Submenu Dropdown Styling (High Specificity Overrides) */
#top #header .avia_mega_div,
#top #header .sub-menu {
    background-color: rgba(11, 15, 25, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
    padding: 15px !important;
}

/* Force all sub-lists and list items inside dropdowns to have transparent backgrounds */
#top #header .avia_mega_div ul,
#top #header .avia_mega_div li,
#top #header .sub-menu ul,
#top #header .sub-menu li {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

/* Style submenu links */
#top #header .avia_mega_div a,
#top #header .sub-menu a {
    color: #94a3b8 !important;
    background-color: transparent !important;
    background: transparent !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    display: block !important;
    border: none !important;
}

/* Hover state for submenu links */
#top #header .avia_mega_div a:hover,
#top #header .sub-menu a:hover {
    color: #10b981 !important;
    background-color: rgba(16, 185, 129, 0.08) !important;
    padding-left: 16px !important;
}

/* Mega menu column headers */
#top #header .mega_menu_title {
    color: #10b981 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 6px !important;
    background: transparent !important;
    font-weight: 700 !important;
}

/* Align bullets inside the menu */
#top #header .avia-bullet {
    border-color: #10b981 !important;
    background: transparent !important;
}

/* Title Bar & Breadcrumbs Layout */
.title_container {
    background: radial-gradient(circle at top right, rgba(16, 185, 129, 0.08), transparent 60%), #0b0f19 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-top: 50px !important;
    padding-bottom: 25px !important;
}

.title_container .main-title {
    color: #f8fafc !important;
    font-size: 2rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800 !important;
}

.title_container .main-title a {
    color: #f8fafc !important;
}

.breadcrumb, .breadcrumb a, .breadcrumb span {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.breadcrumb a:hover {
    color: #10b981 !important;
    text-decoration: none !important;
}

/* Footer Section Styling */
#footer, .footer_color {
    background-color: #070a11 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

#footer a {
    color: #94a3b8 !important;
    transition: color 0.3s ease;
}

#footer a:hover {
    color: #10b981 !important;
}

#footer .widgettitle {
    color: #f8fafc !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 1.15rem !important;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Socket (Copyright Bar) Styling */
#socket, .socket_color {
    background-color: #04060b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #64748b !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

#socket a {
    color: #64748b !important;
}

#socket a:hover {
    color: #10b981 !important;
}

/* Miscellaneous Layout Enhancements for Inner Pages */
#main .container {
    background: transparent !important;
}

.main_color table, .main_color tr, .main_color td, .main_color th {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.main_color th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: #f8fafc !important;
}

/* 
   ==========================================================================
   High Contrast & Visibility Fix for Inner Page Grid Boxes
   Force light-background columns from builder to be dark slate cards with 
   emerald highlights and readable white/light-gray text.
   ==========================================================================
*/

/* Static overrides for all identified light background columns across pages */
.flex_column.av-a8gblb-e0ffde7ea7a89999bdf280ee0590502c,
.flex_column.av-9ijoqv-2517bab109a74fde45b673bfcdb7ca98,
.flex_column.av-8x2jev-5247f103cd448fa88faa42f6f21c01ea,
.flex_column.av-86o6g7-939d6b457f84aa69117000cdc0fb05b9,
.flex_column.av-7kgn9r-f2f51c3f8ec3d48a07f650992533c9d2,
.flex_column.av-6vsve7-18658ca7baead29386a4b5ce4a78219d,
.flex_column.av-mk0ev-45825882efdea8cf881bef1f87b3fdee,
.flex_column.av-2aqnn3-bc0f754dbfb64c4d02d31bd6a6afa25d,
.flex_column.av-1olybb-88840f648caee16461dd244d26233174,
.flex_column.av-1b9buf-eaf8c812d45437ed93becfc5c6b9682c,
.flex_column.av-2wg6v-d2482fc8826d3d94245304e75e786602,
.flex_column.av-agpvz-b12b4d56b229b1fba8446c402eace0c4,
.flex_column.av-4u12lj-52801a4458166e8f42599c2010c85ea8,
.flex_column.av-3ja5pz-3bfd9e7da8a2f324cce30fc674843076,
.flex_column.av-29cztz-bb818199f46eac49a8e3f9b42a4dbf17,
.flex_column.av-ldlos0v2-d2e0898683b4e693aa712ec9cb6c557c,
.flex_column.av-4mnpcx-805e493bd30baace082904b46f745620,
.flex_column.av-40aih5-d43607f0725a93abe93d7606d852b721,
.flex_column.av-3lss2h-8207b39c3d9fc3564992032e46c09018,
.flex_column.av-31jodt-365d051abaa6096e085f4c81d2cda00d,
.flex_column.av-2n5sv5-bd919b9b0d2be72d2ef5a2d3cfcc9089,
.flex_column.av-ldlp88ea-4f79401ba7f5cae291be568f2e0ad50b,
.flex_column.av-ldlp8l6r-2b5f527f80c03aef7ccfa3411256743c,
.flex_column.av-3gsg1-2263c305dc9b5404a1c7909e6015d98d,
.flex_column.av-9j5nn8-5bb65fc05f037fab70b9fa0295d94453,
.flex_column.av-8wztf8-7da39c79f5c4747379409fb7348c170f,
.flex_column.av-84k398-6bd7c423906be58d0776a124e9370e84,
.flex_column.av-7jvqyk-cde74d514f0b3459e773fcfb9aa59997,
.flex_column.av-6t9fqc-a2d38365f3d3ff6ad4215eca6b70216f,
.flex_column.av-6a7ngk-be759020e3022d24f9a06f494b2b2475,
.flex_column.av-t31u4-19ef3aa44c72bad878cfba8482e6eb92,
.flex_column.av-4vdmac-e83c9bffeaa4f76b4b8a5c6db3745e8c,
.flex_column.av-3modf0-6aed723950604dab1367957a17082505,
.flex_column.av-27hlws-dbaf71c161f9f6dd2c8556585cb448eb,
.flex_column.av-a7h3um-73be825d7cc973998d41eae61b6a9147,
.flex_column.av-9kyd4e-45dad3dd42b0558e0b0f80710c371b0a,
.flex_column.av-8vc7la-43c827268477f4ec29b5ae98718db00c,
.flex_column.av-84fl7y-c8fc4cc2f75b348febd1c9eb7c6f4ee0,
.flex_column.av-7jacwe-6e12ae67896512c46ba818bccc992281,
.flex_column.av-ogyo6-7d1fef98998587e5b6f67c16070837a3,
.flex_column.av-69uqye-4860d85ec45241d38fdacb7c4116c28e,
.flex_column.av-4u4tmu-7a89595b2cac208490ae13dc056827ca,
.flex_column.av-3mmp8e-86fffaf21ae8a120485a7ee7839d1837,
.flex_column.av-26t372-c1f6f63edc2ed465fa8621d9a6964524 {
    background-color: #111827 !important; /* Premium dark slate */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
    padding: 20px !important;
}

/* Ensure text inside overridden light columns has high visibility */
.flex_column.av-ldlos0v2-d2e0898683b4e693aa712ec9cb6c557c *,
.flex_column.av-4mnpcx-805e493bd30baace082904b46f745620 *,
.flex_column.av-40aih5-d43607f0725a93abe93d7606d852b721 *,
.flex_column.av-3lss2h-8207b39c3d9fc3564992032e46c09018 *,
.flex_column.av-31jodt-365d051abaa6096e085f4c81d2cda00d *,
.flex_column.av-2n5sv5-bd919b9b0d2be72d2ef5a2d3cfcc9089 *,
.flex_column.av-ldlp88ea-4f79401ba7f5cae291be568f2e0ad50b *,
.flex_column.av-ldlp8l6r-2b5f527f80c03aef7ccfa3411256743c *,
.flex_column.av-3gsg1-2263c305dc9b5404a1c7909e6015d98d * {
    color: #f8fafc !important;
}

/* Subtle styling enhancement for checklist links if any exist */
.flex_column.av-ldlos0v2-d2e0898683b4e693aa712ec9cb6c557c a,
.flex_column.av-4mnpcx-805e493bd30baace082904b46f745620 a {
    color: #10b981 !important;
    text-decoration: underline !important;
}

/* 
   ==========================================================================
   High Contrast / Visibility Override for Faint Text across all pages
   Forces light-gray/white color on text blocks where color is hardcoded to dark.
   ==========================================================================
*/
#main .avia_textblock,
#main .avia_textblock p, 
#main .avia_textblock span,
#main .avia_textblock li,
#main .avia_textblock strong,
#main .avia_textblock b,
#main .avia_textblock i,
#main .avia-icon-list * {
    color: #f8fafc !important;
}

#main .avia_textblock a {
    color: #10b981 !important;
}

#main .avia_textblock a:hover {
    color: #34d399 !important;
}

/* 
   ==========================================================================
   Breadcrumbs & Title Container Theme Alignment
   Ensures the header page title area integrates cleanly with the dark theme
   ==========================================================================
*/
.title_container {
    background: radial-gradient(circle at top right, rgba(16, 185, 129, 0.08), transparent 60%), #1e293b !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

.title_container .container {
    background: transparent !important;
}

.title_container .main-title a, 
.title_container .breadcrumb, 
.title_container .breadcrumb a, 
.title_container .breadcrumb span {
    color: #f8fafc !important;
}

.title_container .breadcrumb a:hover {
    color: #10b981 !important;
    text-decoration: none !important;
}

/* 
   ==========================================================================
   Elevator Monitoring Page Theme Customizations
   Forces the yellow/orange #bilgi-al section to match the soft slate-800 theme.
   ==========================================================================
*/
#bilgi-al.avia-section {
    background-color: #1e293b !important;
    background-image: none !important;
}

/* 
   ==========================================================================
   Mobile Hamburger Menu Styling & Visibility Fixes
   ==========================================================================
*/

/* Make the hamburger lines white and highly visible */
.html_header_transparency .header_color .av-hamburger-inner,
.html_header_transparency .header_color .av-hamburger-inner::before,
.html_header_transparency .header_color .av-hamburger-inner::after,
.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
    background-color: #ffffff !important;
}

/* Hover state for hamburger menu */
.av-burger-menu-main:hover .av-hamburger-inner,
.av-burger-menu-main:hover .av-hamburger-inner::before,
.av-burger-menu-main:hover .av-hamburger-inner::after {
    background-color: #10b981 !important; /* Emerald hover */
}

/* Burger menu overlay container background overrides */
html.html_av-overlay-side .av-burger-overlay-scroll,
.html_av-overlay-side .av-burger-overlay-scroll,
#top .av-burger-overlay-scroll,
#top .av-burger-overlay-inner {
    background-color: #0b0f19 !important; /* Premium deep dark slate */
    background: #0b0f19 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Back-overlay backdrop styling */
html.html_av-overlay-side .av-burger-overlay-bg,
.html_av-overlay-side .av-burger-overlay-bg,
#top .av-burger-overlay-bg {
    background-color: rgba(11, 15, 25, 0.8) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Ensure mobile menu links are white/light-gray and readable */
html.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a,
.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a,
#top #wrap_all #av-burger-menu-ul a {
    color: #f8fafc !important;
}

/* Styling for mobile menu items */
html.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li a,
.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li a,
#top #wrap_all #av-burger-menu-ul li a {
    color: #f8fafc !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
    text-align: left !important;
    padding: 15px 30px !important;
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Hover and active states for mobile menu items */
html.html_av-overlay-side #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover,
.html_av-overlay-side #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover,
#top #wrap_all #av-burger-menu-ul li a:hover {
    color: #10b981 !important;
    background-color: rgba(16, 185, 129, 0.05) !important;
}

/* Force mobile menu list items to be visible (prevents opacity:0 bugs) */
html.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul > li,
.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul > li,
#top #wrap_all #av-burger-menu-ul > li {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Mobile sub-menu link visibility */
html.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.menu-item-has-children ul.sub-menu li a,
.html_av-overlay-side #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.menu-item-has-children ul.sub-menu li a,
#top #wrap_all #av-burger-menu-ul li.menu-item-has-children ul.sub-menu li a {
    font-size: 1.05rem !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    padding-left: 45px !important;
}

/* Force z-index stacking to keep mobile menu overlay on top of 3D models and page content */
#header {
    z-index: 9999 !important;
}
.av-burger-overlay {
    z-index: 99999 !important;
}
.av-burger-overlay-scroll {
    z-index: 100000 !important;
}
.av-burger-overlay-bg {
    z-index: 99998 !important;
}