/* =========================================================================================================================== */
/*                                            📱 LAYOUT MOBILE (FIXED)                                                        */
/*                                            📍 static/css/base/layout_mobile.css                                             */
/* =========================================================================================================================== */

@media (max-width: 1024px) {

/* =========================================================================================================================== */
/* GLOBAL – VIEWPORT LOCK                                                                                                     */
/* =========================================================================================================================== */

/* ❗ verhindert, dass sich die ganze Seite horizontal verschiebt */
html,
body {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Background vereinfachen (Performance + Klarheit) */
body {
    background: #000;
    background-image: none;
}


/* =========================================================================================================================== */
/* PAGE CONTENT                                                                                                               */
/* =========================================================================================================================== */

.page-content {
    padding: 0 0.5rem;
    max-width: 100vw;
    overflow-x: hidden;
}


/* =========================================================================================================================== */
/* SUBTAB SECTION                                                                                                             */
/* =========================================================================================================================== */

.subtab-section {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;

    max-width: 100%;
}

/* Hover entfernen (Mobile hat kein Hover) */
.subtab-section:hover {
    background: rgba(15, 15, 15, 0.7);
    transition: none;
}


/* =========================================================================================================================== */
/* LISTEN                                                                                                                     */
/* =========================================================================================================================== */

.subtab-section ul {
    margin-left: 1rem;
}


/* =========================================================================================================================== */
/* SAFETY – MEDIA / TABLE / CARD OVERFLOW                                                                                     */
/* =========================================================================================================================== */

/* verhindert, dass einzelne Elemente das Layout sprengen */
img,
canvas,
table,
.card {
    max-width: 100%;
}

/* Tabellen bleiben innerhalb */
table {
    width: 100%;
}


/* =========================================================================================================================== */
/* NAV SAFETY (wichtig!)                                                                                                      */
/* =========================================================================================================================== */

/* 👉 Nav darf scrollen – aber nur sie */
nav,
.subnav {
    max-width: 100vw;
}

}