/*
Theme Name: My Website Theme
Author: Thomas
Description: Mon premier thème enfant basé sur Twenty Twenty-Five
Version: 1.0
Template: twentytwentyfive
Text Domain: my-website-theme
*/

/* ========================================
   IMPORTS
   ======================================== */

/* Fonts */
@import url(https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i);

/* CSS Components */
@import url('css/header.css');
@import url('css/navigation.css');
@import url('css/mobile-menu.css');
@import url('css/icon-style.css');
@import url('css/button.css');
@import url('css/column-services.css');
@import url('css/card-list.css');
@import url('css/scroll.css');
@import url('css/detail-list.css');

/* ========================================
   GLOBAL STYLES
   ======================================== */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

body {
  overflow-x: hidden;
}

#wpwrap,
.wp-site-blocks {
  overflow-x: hidden;
}

/* Protection spécifique pour les containers avec scroll horizontal intentionnel */
.wp-block-group.card-list {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

header {
   padding: 0px !important;
   position: sticky;
   top: 0;
   z-index: 100;
   background-color: var(--wp--preset--color--accent-1);
   transition: all 0.3s ease;
}

/* Box-shadow uniquement quand nécessaire */
header.header-backdrop-effect {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Effet de transparence quand du contenu passe derrière */
header.header-scrolling {
   background-color: color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, transparent);
   backdrop-filter: blur(5px);
}