/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.elementor-465 .elementor-element.elementor-element-c88a42f .wpr-grid-slider-arrow svg {
  margin-left: -205px;
}

.elementor-465 .elementor-element.elementor-element-c88a42f .wpr-grid-slider-dot {
    display: none !important;
}

/* Empêche tout débordement horizontal */
html, body {
    overflow-x: hidden;
}

/* Slider Royal Elementor - s'assurer que chaque slide ne dépasse pas */
.re-carousel .swiper-wrapper,
.re-carousel .swiper-slide {
    max-width: 100%;
    box-sizing: border-box;
}

/* Images et vidéos à l'intérieur du slider ou autres sections */
img, iframe, .elementor-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Conteneurs avec padding négatif ou marges excessives */
.elementor-section, .elementor-column {
    box-sizing: border-box;
}

/* Pour les slides qui ont margin-right/left */
.re-carousel .swiper-slide {
    margin: 0 !important; /* ou ajuste la marge si tu veux un espacement */
}

/* Bonus : s'assurer que toutes les sections respectent la largeur */
section, .elementor-container {
    max-width: 100vw;
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .elementor-465 .elementor-element.elementor-element-c88a42f .wpr-grid-slider-arrow svg {
        display:none;
    }
}


#site-header {
  position: fixed !important;
  top: 0;
  z-index: 9999;
}
/* =============================
   HEADER GLOBAL
============================= */

/* Transition smooth pour tous les changements */
#site-header {
    transition: all 0.3s ease;
}

/* =======================================
   BLOG : fond gris avant scroll
======================================= */
body.blog #site-header:not(.scrolled) {
    background-color: #1C1C1C; /* gris foncé */
}

/* Liens du menu avant scroll */
body.blog #site-header:not(.scrolled) .main-header-menu li a,
body.blog #site-header:not(.scrolled) .menu-link {
    color: #ffffff !important;
}

/* Hover avant scroll */
body.blog #site-header:not(.scrolled) .main-header-menu li a:hover,
body.blog #site-header:not(.scrolled) .menu-link:hover {
    color: #dddddd !important;
}

/* =======================================
   HEADER GLOBAL APRES SCROLL
======================================= */
#site-header.scrolled,
#site-header.is-sticky,
#site-header.sticky-header,
#site-header.fixed-scroll {
    background-color: #ffffff !important;
}

/* Liens du menu après scroll */
#site-header.scrolled .main-header-menu li a,
#site-header.scrolled .menu-link,
#site-header.is-sticky .main-header-menu li a,
#site-header.is-sticky .menu-link {
    color: #1C1C1C !important;
}

/* Hover après scroll */
#site-header.scrolled .main-header-menu li a:hover,
#site-header.scrolled .menu-link:hover,
#site-header.is-sticky .main-header-menu li a:hover,
#site-header.is-sticky .menu-link:hover {
    color: #000000 !important;
}

/* =======================================
   ICONES (recherche, panier, etc.)
======================================= */
#site-header .site-search-toggle i {
    color: #ffffff !important;
}

#site-header.scrolled .site-search-toggle i {
    color: #1C1C1C !important;
}

@media (max-width: 768px) {
    #site-header.scrolled .oceanwp-mobile-menu-icon a,
    #site-header.is-sticky .oceanwp-mobile-menu-icon a,
    #site-header.sticky-header .oceanwp-mobile-menu-icon a,
    #site-header.fixed-scroll .oceanwp-mobile-menu-icon a {
        color: #1c1c1c !important;
    }
}


/* FORMULAIRE CONTACT */

form textarea, form input[type="text"], .wpcf7 input[type="email"] {
  background-color: black !important;
  border: none !important;
  margin: 10px 0px 10px 0px !important;
  line-height: 2 !important;
  font-size: 15px !important;
  padding: 12px 12px !important;
}

.wpcf7 label, .wpcf7-quiz-label, form textarea, form input[type="text"] {
  color: white !important;
  font-size: 15px !important;
  line-height: 2 !important;
}

.wpcf7 input[type="submit"] {
    width: 100%;
    display: block;
    background-color: #6e8fef !important;
   padding: 26px 16px 26px 16px !important;
   letter-spacing: 1px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
   border: none !important;
}

.wpcf7 input[type="submit"]:hover {
   background-color: #fff !important;
   color: #6E8FEF;
}


.page-header {
  position: relative !important;
  background-color: #1C1C1C !important;
  padding: 134px 0 !important;
}

.page-header-title{
font-family: Rubik !important;
  font-size: 36px !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: white !important;
  text-align: center !important;
  background-color: #1C1C1C !important;
}


.blog-entry.post .blog-entry-header, .blog-entry-readmore {
  text-align: center;
}

.meta {
    display: flex !important;
    justify-content: center !important;
    gap: 15px;
    flex-wrap: wrap;
}