/*
Theme Name:     SSMOTOSCOUT
Theme URI:      https://exemple.com/twentytwentyfour-child
Description:    SSMOTOSCOUT | Thème enfant de Twenty Twenty-Four
Author:         Thierry Alarcon
Author URI:     https://exemple.com
Template:       twentytwentyfour
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    twentytwentyfour-child
*/

/* Tu peux ajouter tes styles personnalisés ici */


header {
  position: sticky;
  top: 0;
  z-index: 9999;
}

.swiper-pagination-bullet {
  z-index: 1 !important;
  position: relative;
}

circle.bg {
  z-index: 0;
  position: relative;
}

#hr-engagements {
  float: right !important;
  width: 70% !important;
  height: 3px !important;
}

.wp-image-309:hover {
  color: #ffffff !important;
}

.wp-block-search__button-inside.wp-block-search__inside-wrapper {
  border: none;
  padding: 0;
}

/* INPUT RECHERCHE */
.wp-block-search__button.has-background.has-orange-background-color.has-roboto-condensed-font-family.has-icon.wp-element-button:hover {
  background-color: #cc4a04 !important;
  transition-duration: 3ms;
}

.wp-block-button__link:hover {
  background-color: #cc4a04 !important;
  transition-duration: 3ms;
}


/*== BTN envoyer formulaire== */


button.frm_button_submit{
  background-color: #ff5b00 !important;
  color:#ffffff;
  font-family: roboto !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none;
  padding: 8px 12px;
  border-color: inherit !important;
  border-radius: 0px 10px 0px 10px !important;
  transition: background-color 0.2s ease;
}

button.frm_button_submit:hover{
  background-color: #cc4a04 !important;;
  
}

/* ===== NAVBAR CORRIGÉE ===== */

.wp-block-navigation-item__content {
  text-decoration: none;
  color: #333;
  padding: 8px 12px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: background-color 0.2s ease;
}

ul.wp-block-navigation__container a.wp-block-navigation-item__content:hover {
  background-color: #cc4a04 !important;
  color: white !important;
}

.current-menu-item .wp-block-navigation-item__content {
  background-color: #ff5b00;
  color: white;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Carrousel */
.arrow {
  fill: #ff5b00 !important;
}

.swiper-pagination-bullet {
  background: #ffffff !important;
}

.swiper-pagination-bullet-active {
  background: #ff5b00 !important;
}

/* Ligne après le titre */
.wp-block-post-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

h1.wp-block-post-title::after,
h1.alignwide.wp-block-query-title::after,
.alignwide.wp-block-query-title::after {
  content: "";
  flex-grow: 1;
  height: 4px;
  background-color: #ff5b00;
  transform: translateY(2px);
}

h1.wp-block-heading.has-orange-color.has-text-color.has-link-color.has-roboto-condensed-font-family.wp-elements-6057e7c97059c10aac6999795eaf6bb9::after{
  content: "";
  flex-grow: 1;
  height: 4px;
  background-color: #ff5b00;
  transform: translateY(2px);
}

#titre-engagements {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

#titre-engagements::after {
  content: "";
  flex-grow: 1;
  height: 4px;
  background-color: #ffffff;
  transform: translateY(2px);
}

.texte-multicolonnes {
  column-count: 2;
  column-gap: 2em;
  text-align: justify !important;
}

ul.wp-block-navigation__container.has-text-color.has-white-color.is-vertical.wp-block-navigation.has-open-sans-font-family {
  line-height: 0rem !important;
}

a.wp-block-navigation-item__content:focus {
  outline: inherit !important;
}

.wp-block-column.has-background.has-global-padding.is-layout-constrained.wp-container-core-column-is-layout-4383d167.wp-block-column-is-layout-constrained {
  max-height: 700px;
}

aside.wp-block-template-part, .wp-block-column.has-background.is-layout-flow.wp-block-column-is-layout-flow {
  max-height: 1000px;
}

/* =======================
   STYLES GÉNÉRAUX (DESKTOP FIRST)
   ======================= */

.wp-block-navigation__container {
  display: flex;
  gap: 24px;
}

.wp-block-navigation__responsive-container {
  transition: background-color 0.3s ease;
}

div.wp-block-column .wp-block-navigation a.wp-block-navigation-item__content {
  /*color: #ffffff;*/
  background-color: transparent;
  transition: color 0.3s ease-in-out;
}

div.wp-block-column .wp-block-navigation a.wp-block-navigation-item__content:hover {
  color: #ff5b00 !important;
  font-weight: bolder;
  background-color: transparent !important;
  text-decoration: none;
}





/* =======================
   RESPONSIVE - MOBILE
   ======================= */
@media (max-width: 768px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed;
    z-index: 9999;
  }

  .wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #111;
    width: 50vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 2rem;
    overflow-y: auto;
    transition: transform 0.3s ease-in-out;
  }

  .wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open a {
    color: #fff !important;
    display: block;
    padding: 1rem 2rem;
    text-decoration: none;
    font-size: 1.2rem;
  }

  .wp-block-navigation__search {
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
  }

  .wp-block-navigation__container {
    flex-direction: column;
    gap: 16px;
  }

  .burger-toggle {
    display: block;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    transform: translateX(0);
  }

  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    transform: translateX(-100%);
  }

  #SSMOTOSCOUT {
    font-size: 38px;
  }

  .texte-multicolonnes {
    column-count: 1;
  }
}