/*
Theme Name: GoChantier
Theme URI: https://gochantier.com/
Author: GoChantier & DeepMind Antigravity
Author URI: https://gochantier.com/
Description: Thème officiel sur-mesure GoChantier - Courtage en Travaux & Mise en relation Artisans certifiés en Isère (Grenoble Métropole). Conçu avec Tailwind CSS, Plus Jakarta Sans et Google Material Symbols.
Version: 1.0.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gochantier
Tags: two-columns, custom-menu, featured-images, full-width-template, translation-ready
*/

/* Base Styles & Normalization */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #0b1c30;
  background-color: #f8f9ff;
  scroll-behavior: smooth;
}

/* Material Symbols alignment */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Transitions & Micro-interactions */
.transition-smooth {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hide scrollbar for tabs/carousels */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Interactive Accordion Styles */
.faq-accordion-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.3s ease;
  opacity: 0;
}
.faq-accordion-item.active .faq-answer {
  max-height: 500px;
  opacity: 1;
}
.faq-accordion-item.active .faq-icon {
  transform: rotate(180deg);
}

/* Mobile Navigation Drawer */
#mobile-menu-drawer {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
#mobile-menu-drawer.open {
  transform: translateX(0);
}
#mobile-menu-backdrop {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
#mobile-menu-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}