/* Menu Apparence en onglets (assets/js/appearance-tabs.js) */
/* Méga-menu : deux colonnes, tout est visible d'un coup */
.bg-dropdown.ap-menu.ap-tabbed { width: 760px; max-width: calc(100vw - 16px); padding: 4px 14px 12px; }
.ap-mega { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 22px; align-items: start; }
.ap-col { min-width: 0; }
.ap-menu.ap-tabbed .ap-sec { display: block; }
.ap-menu.ap-tabbed .ap-col:first-child { border-right: 1px solid var(--glass-border, rgba(128,128,128,.22)); padding-right: 22px; margin-right: -11px; }
.ap-menu.ap-tabbed .ap-col .ap-sec:last-child { border-bottom: none; }
@media (max-width: 880px) {
    .ap-mega { grid-template-columns: 1fr; }
    .ap-menu.ap-tabbed .ap-col:first-child { border-right: 0; padding-right: 0; margin-right: 0; }
}
.ap-lay-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.ap-lay {
    display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 7px 2px 6px; border: 2px solid transparent; border-radius: 12px; cursor: pointer;
    background: rgba(128,128,128,.12); color: inherit; font: 700 .7rem/1.15 inherit; text-align: center; transition: transform .15s, border-color .15s, background .15s;
}
.ap-lay[hidden] { display: none; }
.ap-lay svg { width: 100%; max-width: 74px; height: auto; }
.ap-lay:hover { transform: translateY(-2px); background: rgba(128,128,128,.2); }
.ap-lay.active { border-color: var(--accent-primary, #6d5efc); background: rgba(109,94,252,.15); --ap-dot: var(--accent-primary, #6d5efc); }
.ap-lay-hint { margin-top: 8px; font-size: .74rem; opacity: .7; min-height: 1.1em; }
.ap-row-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.ap-row-3 .ap-btn { padding: 8px 4px; font-size: .74rem; white-space: nowrap; }