/* ===== FOCUS INDICATORS ===== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #c9a96e;
    outline-offset: 3px;
    border-radius: 2px;
}

/* ===== MENU BUTTON (dots) ===== */
/* style.css solo tiene selectores "a" dentro de .menu-area; el botón necesita sus propios estilos */
.header-four .header-main-wrapper .menu-area button {
    padding: 0;
    background: transparent;
    border: none;
    max-width: 28px;
    width: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
}

.header-four .header-main-wrapper .menu-area button span {
    background: #FFFFFF;
    border-radius: 50%;
    display: block;
    width: 5px;
    height: 5px;
    margin: 2px;
    padding: 3px;
}

/* ===== NAV ===== */
/* Dropdown accesible con teclado: :focus-within abre el submenu cuando cualquier hijo recibe foco */
.main-nav-desk nav ul li.has-droupdown:focus-within .submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}


.header-four .header-main-wrapper .rts-header-mid .main-nav-desk nav ul li .nav-link,
.header-four .header-main-wrapper .rts-header-mid .main-nav-desk nav ul li .nav-item {
    text-transform: none;
}

.main-nav-desk nav ul li.has-droupdown .submenu {
    background: rgba(17, 17, 17, 0.92);
}