/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("//meldeanlagenbau.de/wp-content/themes/bridge/style.css");

/*===== New Style =====*/
@media(min-width:768px) and (max-width:1024px) {
	section.parallax_section_holder.in_content_menu { background-position: top right !important; background-size: cover; }
}
@media(max-width:767px) {
	section.parallax_section_holder.in_content_menu { ; }
}

/*===== New Style =====*/
section.parallax_section_holder { background-attachment: scroll !important; }
@media (max-width:992px) {
	section.parallax_section_holder { background-image: url(https://meldeanlagenbau.de/wp-content/uploads/2022/07/parallax-222-1.jpg) !important; background-size: contain !important; background-attachment: scroll !important; }
}


/* Skip to Content Link */
#skip-to-content { position: absolute; top: -60px; left: 10px; background: #000; color: #fff; padding: 10px 20px; z-index: 999999; border-radius: 4px; text-decoration: none; font-weight: 600; transition: top 0.2s ease; font-size: 14px; }
#skip-to-content:focus { top: 10px; outline: 3px solid #fff; outline-offset: 2px; }

/* Focus Indicators for Menu Items */
.qodef-main-menu a:focus,
.main_menu a:focus,
nav[role="menubar"] a:focus { outline: 3px solid var(--wp--preset--color--luminous-vivid-orange) !important; outline-offset: 2px !important; position: relative; z-index: 10; border-radius: 2px; }

/* Top-level menu items focus */
.qodef-main-menu > ul > li > a:focus,
.main_menu > ul > li > a:focus { outline: 3px solid var(--wp--preset--color--luminous-vivid-orange) !important; outline-offset: 2px !important; }

/* Submenu items focus (second level) */
.qodef-main-menu .second > .inner > ul > li > a:focus,
.main_menu .second > .inner > ul > li > a:focus { outline: 3px solid var(--wp--preset--color--luminous-vivid-orange) !important; outline-offset: -3px !important; }

/* Third-level submenu items focus */
.qodef-main-menu .second > .inner > ul > li > ul > li > a:focus,
.main_menu .second > .inner > ul > li > ul > li > a:focus { outline: 3px solid var(--wp--preset--color--luminous-vivid-orange) !important; outline-offset: -2px !important; }

/* Remove default focus outline only when using :focus-visible (modern browsers) */
.qodef-main-menu a:focus:not(:focus-visible),
.main_menu a:focus:not(:focus-visible) { outline: none; background-color: transparent; }

/* Ensure focus is visible even with theme styles */
.qodef-main-menu a:focus,
.main_menu a:focus { }

/* High contrast mode support */
@media (prefers-contrast:high) {
	.qodef-main-menu a:focus,
	.main_menu a:focus { outline: 4px solid currentColor !important; outline-offset: 2px !important; }
}

/* Submenu visibility management */
.second[aria-hidden="true"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; }
.second[aria-hidden="false"] { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; }

/* Third-level submenu visibility */
.second > .inner > ul > li > ul[aria-hidden="true"] { display: none !important; visibility: hidden !important; opacity: 0 !important; }
.second > .inner > ul > li > ul[aria-hidden="false"] { display: block !important; visibility: visible !important; opacity: 1 !important; }

/* Ensure keyboard navigation works properly */
li.hover > .second[aria-hidden="false"],
li.qodef-hover > .second[aria-hidden="false"] { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; }

/* Third-level hover state */
.second > .inner > ul > li.hover > ul[aria-hidden="false"],
.second > .inner > ul > li.qodef-hover > ul[aria-hidden="false"] { display: block !important; visibility: visible !important; opacity: 1 !important; }

/* Screen reader only text */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

/* Improve contrast for better accessibility */
.qodef-main-menu a,
.main_menu a { position: relative; }








/*nav.main_menu > ul > li > a:focus { outline: 2px solid #FF8800 !important; }
nav.main_menu > ul > li > a:focus:not(:focus-visible) { outline: none !important; }*/

/*.drop_down .narrow .second .inner ul li a:focus-visible,
.menu-item-has-children .menu-item > *:focus-visible { outline: 5px solid #FF8800 !important; }*/

/*.drop_down .narrow .second .inner ul li a:focus:not(:focus-visible),
.menu-item-has-children .menu-item > *:focus:not(:focus-visible) { outline: none !important; }*/

/*.skip-link { position: absolute; top: -70px; left: 10px; background: #2352a7; color: #ffffff; padding: 10px 15px; font-size: 16px; text-decoration: none; z-index: 999; transition: top 0.3s; }
.skip-link:focus { top: 10px; outline: 2px dotted #2352a7; box-shadow: 0 0 5px #2352a7; }*/