/*
Theme Name: Basel Child
Template: basel
Author: Your Name
Version: 1.0
Description: Child theme for the Basel WordPress theme.
*/

/* Sidebar Styles */
#contact-sidebar {
    position: fixed;
    top: 0;
    right: -350px; /* Hidden initially */
    max-width: 700px;
    height: 100vh; /* Full height */
    background: #fff;
    box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2);
    padding: 50px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: right 0.4s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
    overflow-y: auto; /* ENABLE SCROLLING */
}

/* Ensure the sidebar content is scrollable */
#contact-sidebar::-webkit-scrollbar {
    width: 6px; /* Small scrollbar */
}

#contact-sidebar::-webkit-scrollbar-thumb {
    background: #888; /* Scrollbar color */
    border-radius: 3px;
}

#contact-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* When sidebar is active, make it visible */
#contact-sidebar.active {
    right: 0; /* Slide into view */
    opacity: 1;
    visibility: visible;
}

/* Close Button */
#close-sidebar {
    background: none;
    border: none;
    font-size: 24px;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    color:black;
}

/*#page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    z-index: 999;
}

#page-overlay.active {
    opacity: 1;
    visibility: visible;
}*/
/* Full-page overlay (blurs everything except sidebar) */
#page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3); /* Dark overlay */
    backdrop-filter: blur(8px); /* Blur effect */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    z-index: 998; /* Below sidebar, above content */
}

/* Show overlay when sidebar is active */
#page-overlay.active {
    opacity: 1;
    visibility: visible;
}


/* Disable scrolling on the body when sidebar is open */
body.no-scroll {
    overflow: hidden;
}

/*.privacy_policy{
	text-decoration: underline!important;
}*/

.title_sidebar{
	text-align:center;
}

.footer-att{
	cursor:pointer;
}

.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-right], .iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right]{
	display:none!Important;
}

fieldset.hidden-fields-container {
    display: none;
}