/**
 * MOBILE
 * 
 * Contains styling overrides for mobile.
 */


/* Sticky container
---------------------------------------------------------*/

.jor-sticky-container {
    position: initial;
}

.jor-sticky-container>* {
    position: initial;
    top: initial;
}

/* News list
---------------------------------------------------------*/

.jor-theme-news-list>.sv-row {
    margin: 0 0 var(--env-spacing-x-large) 0;
}

/* Theme header
---------------------------------------------------------*/
.jor-theme-header .sv-fixed-fluid-grid > .sv-layout {
    gap: 0.5rem;
}

.jor-theme-header .sv-fixed-fluid-grid > .sv-layout > .sv-layout:last-child {
    flex-shrink: 0;
}

/* Theme Navigation
---------------------------------------------------------*/

.jor-theme-navigation__nav--is-small-device .jor-theme-navigation__link {
    padding: 1.5rem .75rem !important;
}

.jor-theme-navigation__nav--is-small-device .env-button {
    padding: 1.5rem .5rem !important;
}

/* Theme footer
---------------------------------------------------------*/

.jor-footer-shortcut-links ul {
    display: flex;
    flex-direction: column;
}

.jor-theme-footer > .sv-layout .sv-fluid-grid .sv-row:last-child {
    display: flex;
    flex-direction: column-reverse;
}

.jor-social-media-links {
    flex-direction: column;
    margin-bottom: 3rem;
}

.jor-theme-footer > .sv-layout:last-child .sv-fixed-fluid-grid > .sv-vertical {
    align-items: flex-start;
    flex-direction: column;
}

/* News Archive
---------------------------------------------------------*/

.jor-theme-news-archive .sv-channel {
    grid-template-columns: 1fr;
}

/* Teaser Menu
---------------------------------------------------------*/

.sv-marketplace-sitevision-teaser-menu {
}

.sv-marketplace-sitevision-teaser-menu nav > ul {
    --env-cardholder-grid-gap: 0.5rem !important;

    grid-auto-rows: auto;
}

.sv-marketplace-sitevision-teaser-menu div {
    padding: var(--sv-subpagenav-padding);
}

.sv-marketplace-sitevision-teaser-menu h2 {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.sv-marketplace-sitevision-teaser-menu h2 > svg {
    position: static;
}