/* 
Theme Name: Auditorium
Theme URI: https://www.auditorium-paie.fr/
Description: Official theme for auditorium-paie.fr
Author: Parker & Lewis
Author URI: https://www.parker-lewis.fr
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ====== CD Menu Mobile Off-Canvas (Right) ====== */
:root{
  --cd-menu-mobile-width: 320px;
  --cd-menu-mobile-overlay-opacity: 0.45;
  --cd-menu-mobile-z: 99999;
}

/* Panel */
.cd-menu-mobile-panel{
  position: fixed;
  top: 0;
  right: 0;
  width: var(--cd-menu-mobile-width);
  max-width: 86vw;
  height: 100vh;
  z-index: var(--cd-menu-mobile-z);
  transform: translateX(110%);
  transition: transform 280ms ease;
  will-change: transform;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.cd-menu-mobile-panel .elementor-nav-menu .menu-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Overlay */
.cd-menu-mobile-overlay{
  position: fixed;
  inset: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  z-index: calc(var(--cd-menu-mobile-z) - 1);
  transition: opacity 280ms ease;
}

/* Content push target */
.cd-menu-mobile-content{
  transition: transform 280ms ease;
  will-change: transform;
}

/* Active state (added by JS) */
html.cd-menu-mobile-active .cd-menu-mobile-panel{
  transform: translateX(0);
}

html.cd-menu-mobile-active .cd-menu-mobile-overlay{
  opacity: var(--cd-menu-mobile-overlay-opacity);
  pointer-events: auto;
}

html.cd-menu-mobile-active .cd-menu-mobile-content{
  transform: translateX(calc(-1 * var(--cd-menu-mobile-width)));
}

/* Optional: lock scroll when menu open */
html.cd-menu-mobile-active,
html.cd-menu-mobile-active body{
  overflow: hidden;
  touch-action: none;
}

/* Toggle visible by default */
.cd-menu-mobile-toggle{
  transition: opacity 200ms ease, visibility 0s linear 200ms;
}

/* Hide ONLY the open toggle when menu is active */
html.cd-menu-mobile-active .cd-menu-mobile-toggle[data-cd-menu-action="open"]{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 200ms ease, visibility 0s linear 0s;
}


/* Desktop (>= 1024px) : on masque complètement le off-canvas */
@media (min-width: 1025px){
  .cd-menu-mobile-panel{
    display: none !important;
  }
  .cd-menu-mobile-overlay{
    display: none !important;
  }
  .cd-menu-mobile-content{
    transform: none !important;
  }
  html.cd-menu-mobile-active,
  html.cd-menu-mobile-active body{
    overflow: auto;
    touch-action: auto;
  }
}

/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 120px;
    --header-mobile-height: 80px;
	--shrink-header-to: 0.64;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	/*-webkit-backdrop-filter: saturate(180%) blur(20px);*/
	/*backdrop-filter: saturate(180%) blur(20px);*/
}
header.sticky-header > .e-con-inner {
    /*height: 120px;*/
	min-height: var(--header-mobile-height);
	transition: min-height var(--transition);
}

@media only screen and (min-width: 1025px) {
  
  header.sticky-header > .e-con-inner {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
    
    header.sticky-header.elementor-sticky--effects > .e-con-inner {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
    
    header.sticky-header .logo {
        transition: transform var(--transition);
    }
    header.sticky-header.elementor-sticky--effects .logo {
        margin: 0;
        padding: 0;
        transform: scale(.6);
    }
/*
    header.sticky-header.elementor-sticky--effects .logo img {
        transform: scale(.8);
    }
*/
    /*
    header.sticky-header.elementor-sticky--effects .elementor-nav-menu .menu-item > a.elementor-item {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    */
}