:root, html, body, .ct-drawer-canvas {
    --scrollbar-width: 0px !important;
    padding-right: 0 !important;
}

html {
    scrollbar-gutter: stable !important;
}

.ct-header [data-device="desktop"] {
    display: none !important;
}

.ct-header [data-device="mobile"] {
    display: block !important;
}

.ct-panel-content[data-device="desktop"] {
    display: none !important;
}
.ct-panel-content[data-device="mobile"] {
    display: block !important;
}

#offcanvas.ct-panel {
    top: var(--header-height) !important; 
    height: fit-content !important; 
    width: 100% !important;
    max-width: 100% !important;
}

#offcanvas .ct-panel-content .ct-panel-inner {
    padding: 0 !important;
	max-width: 100% !important;
    width: 100% !important;
}

/* Match navigation width with .alignwide Gutenberg blocks */
#offcanvas .ct-panel-content {
    max-width: 1550px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Align background overlay below header */
.ct-drawer-canvas {
    top: var(--header-height) !important;
}

/* Hide close button (X) */
.ct-panel-actions {
    display: none !important;
}

/* Global off-canvas background color */
[data-header*="type-1"] #offcanvas {
    background-color: #EADBDB;
}

.admin-bar #offcanvas.ct-panel,
.admin-bar .ct-drawer-canvas {
    top: calc(var(--header-height) + 32px) !important;
}

.ct-header-socials {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 3rem !important;
}

.ct-social-box:after {
	content: "Folgen Sie uns für aktuelle Neuigkeiten";
	font-weight: bold;
    align-self: center;
}

.ct-panel-content-inner {
	padding: 70px var(--panel-padding, 35px) 70px var(--panel-padding, 35px) !important;
}

/* NAVIGATION */

#menu-hauptmenue-1 {
    display: grid !important;
    gap: 70px !important;
    width: 100% !important;
    
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Skip 3 columns: Jump from 4 straight to 2 columns */
@media (max-width: 1200px) {
    #menu-hauptmenue-1 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
	.ct-header-socials {
		justify-content: flex-start;
	}
}

/* Mobile view: 1 column */
@media (max-width: 600px) {
    #menu-hauptmenue-1 {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 40px !important; /* Optional: reduced gap for mobile screens */
    }
}

.mobile-menu[data-submenu-dots=yes] [class*=children]>ul {
	padding: 0 !important;
}

/* Disable pointer events for top-level parent menu links */
#menu-hauptmenue-1 > .menu-item-has-children > .ct-menu-link {
    pointer-events: none;
    cursor: default;
	color: var(--theme-palette-color-1);
	font-family: 'Funnel Display', Sans-Serif;
}