/*
Theme Name: Thème Matree Conseil
Description: Thème Matree Conseil Personnalisé
Author: LumiCode
Version: 1.0.0
Text Domain: matree-theme
*/

/* Fichier requis par WordPress - Les styles seront gérés par Tailwind */

/* For the navbar appearing on scroll */
.sticky-navbar {
  position: fixed;
  top: 0;
  z-index: 999;
  pointer-events: auto;
  margin-top: 20px;

  transition: all 0.3s ease-in-out;
}

.sticky-navbar .navbar-text {
  color: #fff
}

.sticky-navbar.scrolled {
  background: #FFFFFF;
  margin-top: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.sticky-navbar.scrolled .navbar-text {
  color: #1C1C1A !important;
}

.sticky-navbar.scrolled .cta-btn {
  border-color: #1C1C1A !important;
  color: #1C1C1A !important;
}

.sticky-navbar.scrolled .cta-btn:hover {
  background-color: #1C1C1A !important;
  color: #FFFFFF !important;
}

/* Mobile navbar */
#navbar-mobile {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

#navbar-mobile.open {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease-in-out;
}

/* Hamburger menu for mobile navbar */
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}

.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #FFFFFF;
  stroke-width:3;
  stroke-linecap:round;
}
.ham6 .top {
  stroke-dasharray: 40 172;
}
.ham6 .middle {
  stroke-dasharray: 40 111;
}
.ham6 .bottom {
  stroke-dasharray: 40 172;
}
.ham6.active .top {
  stroke-dashoffset: -132px;
}
.ham6.active .middle {
  stroke-dashoffset: -71px;
}
.ham6.active .bottom {
  stroke-dashoffset: -132px;
}

/* Overlay pour navbar mobile */
#navbar-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: none;
}

#navbar-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
 /* * { outline: 1px solid red; } */