/* Finitions mobiles de tous les thèmes, palette dark. */

@media (max-width: 1050px) {
    body #topbar { grid-template-columns: auto minmax(0,1fr); }
    body #topbar .center { grid-column: 1 / -1; grid-row: 2; width: 100%; }
    body #topbar .right { grid-column: 2; grid-row: 1; }
}

@media (max-width: 768px) {
    body #topbar { display: flex; flex-direction: column; gap: 9px; padding: 12px 15px; }
    body #topbar .left, body #topbar .center, body #topbar .right { width: 100%; justify-content: center; }
    body #menu-button {
        display: block;
        width: calc(100% - 24px);
        margin: 8px 12px;
        padding: 11px;
        border: 1px solid var(--v3-border);
        border-radius: 7px;
        background: #272421;
        color: var(--v3-gold);
        text-align: center;
    }
    body #menu { display: none; padding: 12px; }
    body #menu-toggle:checked + #menu { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
    body #menu a { width: 100%; padding: 11px 15px; text-align: left; }
    body #menu .vk-menu-enquetes { margin-left: 0; }
    body .admin-layout { flex-direction: column; padding: 12px; }
    body .admin-sidebar, body .vip-sidebar { width: 100%; margin: 0; }
    body .vk-home-hero { grid-template-columns: minmax(0,1fr); min-height: 0; }
    body .vk-home-cover { max-width: 270px; }
    .vk-home-enquetes { grid-template-columns: 1fr; gap: 14px; }
    .vk-home-enquetes-mark { width: 76px; font-size: 1.6rem; }
    body .vk-gallery-tile { width: min(270px,100%); }
}

@media(max-width:768px) {
    body.vk-theme-extreme #menu-button { border-color: var(--extreme-border); background: var(--extreme-nav); color: var(--extreme-ink); }
    body.vk-theme-extreme .vk-home-hero::after { opacity: .35; }
}

/* cendres */
@media(max-width:768px) {
    body.vk-theme-cendres.vk-mode-dark #menu .vk-menu-enquetes { margin-left: 0; }
    body.vk-theme-cendres.vk-mode-dark #menu-button { border-radius: 2px; background: #333537; }
    body.vk-theme-cendres.vk-mode-dark .vk-home-hero { border-left-width: 4px; box-shadow: 5px 7px 0 rgba(17,18,18,.35); }
}

/* nocturne */
@media(max-width:768px) {
    body.vk-theme-nocturne.vk-mode-dark .vk-home-hero { grid-template-columns: minmax(0,1fr); border-radius: 22px; }
    body.vk-theme-nocturne.vk-mode-dark #menu-button { background: #333537; color: #bdc4cc; }
}

/* reliquaire */
@media(max-width:768px) {
    body.vk-theme-reliquaire.vk-mode-dark .vk-home-hero { min-height: 0; }
    body.vk-theme-reliquaire.vk-mode-dark #menu-button { border-radius: 3px; background: #3b3632; }
}

/* carnage */
@media(max-width:768px) {
    body.vk-theme-carnage.vk-mode-dark #menu a { transform: none; }
    body.vk-theme-carnage.vk-mode-dark .vk-home-hero { border-left-width: 6px; }
}

/* aube-rouge */
@media(max-width:768px) { body.vk-theme-aube-rouge.vk-mode-dark #menu a { transform: none; } }



@media (max-width: 768px) {
    body.vk-appearance:not(.vk-theme-v2) #menu a { width: 100%; max-width: 100%; }
    body.vk-theme-nocturne :is(.btn,.admin-btn,.vk-home-btn) { padding-inline: 1em; }
    body.vk-theme-aube-rouge #menu a { transform: none; }
    body.vk-theme-morsure #menu a { clip-path: none; }
}