/*!
Theme Name: musterpge
Theme URI: http://www.musterpage.ch
Author: RESIGN.
Description: musterpage 11-2025 Custom WordPress Theme
Version: 2.025.v01.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
 */


/*  Basics   */ 

html {
	position: relative;
}
body {
	font-family: arial , sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 21px;
	line-height: 180%;
	color: #000;
	background-color: #fff;
}


/* NAV WALKER Bootstrap 5 Dropdowns  */

/* --- Grund-Reset für Dropdown Toggle Icons --- */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .35rem;
}

/* --- Struktur Submenu --- */
.dropdown-submenu {
    position: relative;
    display: block;
}

/* Sub-Submenu – immer im Flow statt rechts daneben */
.dropdown-submenu > .dropdown-menu {
    position: static !important;
    display: none;
    margin: 0;
    padding-left: 1.25rem;
    transform: none !important;
}

/* Submenu sichtbar, wenn JS-Class .show gesetzt wird */
.dropdown-submenu.show > .dropdown-menu {
    display: block;
}

/* MOBILE NAVIGATION  */

#resMainNavMobile {
    background: #fff;
    width: 100%;
    padding: 1rem 0;
    border-top: 1px solid #eee;
}

#resMainNavMobile .navbar-nav .nav-link {
    padding: 0.75rem 1.25rem;
    font-size: 1.2rem;
}

#resMainNavMobile .dropdown-menu {
    position: static;
    float: none;
    background: #f8f9fa;
    border: none;
    padding-left: 2rem;
}

/* CHEVRON ICON statt Bootstrap Caret */

/* Grund-Chevron */
.navbar .dropdown-toggle::after {
    border: none;
    margin-left: .35rem;

    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
    transition: transform .2s ease;
    vertical-align: middle;
}

/* MAIN NAV – Chevron drehen */
.navbar-nav .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

/* SUBMENU – Chevron drehen */
.dropdown-submenu.show > a.dropdown-toggle::after {
    transform: rotate(180deg);
}

/* Dropdown Animation (CSS-only)  */

/* Ausgangsstil – Dropdown unsichtbar */
.navbar .dropdown-menu {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .4s ease, transform .4s ease;
    display: block;       /* wichtig wegen Animation, trotzdem JS kontrolliert sichtbar */
    visibility: hidden;   /* unsichtbar statt display:none */
    pointer-events: none; /* nicht anklickbar */
}

/* Wenn Bootstrap .show setzt → Animation läuft */
.navbar .dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

/*  Animation für SUB-SUBMENUS (Level 1+)  */

/* Ausgangszustand */
.dropdown-submenu > .dropdown-menu {
    display: none;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .25s ease, transform .25s ease;
    visibility: hidden;
}

/* Wenn geöffnet (über deine JS-Klasse .show) */
.dropdown-submenu.show > .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}