/*
Theme Name: Hello Child WCAG
Template: hello-elementor
Version: 1.0
Description: Hello Theme child with accessible Mega Menu (WCAG 2.0 AA) for Elementor.
Author: Generated by ChatGPT
*/

@import url("../hello-elementor/style.css");

/* Basic accessible focus styles */
:focus { outline: 3px solid #005fcc; outline-offset: 3px; }
.skip-link { position: absolute; left: -9999px; top: 10px; background: #000; color: #fff; padding: 8px 12px; z-index:9999; }
.skip-link:focus { left: 10px; }

/* Mega Menu overrides */
.mega-menu { position: relative; }
.mega-menu .menu { list-style: none; display: flex; gap: 32px; margin:0; padding:0; }
.mega-menu a { text-decoration: none; padding: 8px 4px; display: inline-block; color: #222; }
.mega-menu a:focus { outline: 3px solid #005fcc; outline-offset: 3px; }

/* sub menu */
.mega-menu .sub-menu { display: none; position: absolute; background: #fff; padding: 16px; list-style: none; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,.1); min-width: 220px; z-index:1000; }
.mega-menu .menu-item.open > .sub-menu { display: block; }

/* RWD */
@media (max-width: 768px) {
  .mega-menu .menu { flex-direction: column; }
  .mega-menu .sub-menu { position: static; box-shadow: none; border: none; padding-left: 20px; }
}