/*
 Theme Name:   Regina Marti
 Template:     ORIGINALLY Minimal (Pagekit), now custom HTML
 Author:       innosolutions
 Description:  custom styling
 Version:      1.0.0 | 2026-01-12 / ER
*/

/* OFFCANVAS START */

/* 1. Globaler Fix gegen seitliches Scrollen */
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
}

.nav-toggle { display: none; }

/* 2. Hamburger rechtsbündig positionieren */
.menu-button {
    display: none;
    cursor: pointer;
    padding: 15px;
    z-index: 1001;
    position: fixed; /* Oder absolute, je nach Layout */
    top: 50px;
    right: 10px; 
}

/* 3. Offcanvas Bar (Sicher versteckt) */
.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    right: -300px; 
    width: 300px;
    height: 100%;
    background: white;
    z-index: 1000;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 80px 30px;
    visibility: hidden; /* Verhindert das "Hervorgucken" */
    box-shadow: none;
}

/* Wenn aktiv: Sichtbar machen und Schatten hinzufügen */
.nav-toggle:checked ~ .uk-offcanvas-bar {
    right: 0;
    visibility: visible;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
}

/* 4. Deine spezifischen Menü-Styles */
.uk-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uk-offcanvas-bar .uk-nav li {
    margin-bottom: 15px;
}

.uk-nav li a {
    text-decoration: none;
    display: block;
    
    /* Deine Vorgaben */
    color: #7c8881;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 11px; /* Überschreibt die 16px aus der Kurzschreibweise */
}

.uk-nav li.uk-active a {
    color: #000; /* Hervorhebung für aktive Seite */
}

/* 5. Hamburger Design (Schwarz) */
.hamburger, .hamburger::before, .hamburger::after {
    display: block;
    width: 25px;
    height: 2px;
    background: black;
    position: relative;
    transition: all 0.3s;
}
.hamburger::before, .hamburger::after { content: ''; position: absolute; left: 0; }
.hamburger::before { top: -8px; }
.hamburger::after { bottom: -8px; }

/* 6. Responsive Logic */
@media (max-width: 770px) {
    .menu-button {
        display: block;
    }
}

/* Overlay */
.offcanvas-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    z-index: 999;
}
.nav-toggle:checked ~ .offcanvas-overlay {
    opacity: 1;
    visibility: visible;
}

/* OFFCANVAS END */


/* Responsive START */
@media screen and (max-width: 767px) {
    aside {
        min-height: 145px !important;
    }
}
/* Responsive END */