/**
 * VojvodinaMeteo — Mobile Overrides
 * Učitava se SAMO na ekranima <=768px (media atribut na link tagu)
 * Sva pravila imaju !important jer moraju da pobede desktop CSS
 * @version 1.0
 */

/* ─── ARTICLE FULL-WIDTH ─── */
body.single-post .ct-container,
body.single .ct-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.single-post .vm-hero-card {
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.single-post .entry-content,
body.single .entry-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* ─── MOBILE MENU: ACCORDION (ne flyout) ─── */
.vm-header__mobile-list .menu-item-has-children > .vm-header__dropdown,
.vm-header__mobile-list .menu-item-has-children > .sub-menu {
    position: static !important;
    width: 100% !important;
    transform: none !important;
    min-width: 0 !important;
    top: auto !important;
    left: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.vm-header__mobile-list .menu-item-has-children {
    position: static !important;
}

/* ─── MOBILE PANEL FULL-HEIGHT ─── */
.vm-header__mobile-panel {
    height: 100vh !important;
    height: 100dvh !important;
    overflow-y: auto !important;
}

/* ─── MEGA-MENU NESTED SUBMENUS NA MOBILNOM ─── */
.vm-header__mobile-list .vm-header__dropdown .vm-header__dropdown,
.vm-header__mobile-list .vm-header__dropdown .sub-menu {
    display: block !important;
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
