/*
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 */

/*supprimer les liens vides par défaut des titres des blocs de la ligne de temps Oceanwp*/
.oew-timeline-title a {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
}

.oew-timeline-title a:hover {
    color: inherit;
    text-decoration: none;
}

/* ========================================
   MENU MOBILE - STRUCTURE COMMUNE
======================================== */

#menu-main_menu_fr-1,
#menu-main_menu_en-1,
#menu-main_menu_ar-1,
#menu-main_menu_ko-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Items de menu normaux (LTR) */
#menu-main_menu_fr-1 > li:not(.lang-item),
#menu-main_menu_en-1 > li:not(.lang-item),
#menu-main_menu_ko-1 > li:not(.lang-item) {
    width: 100%;
    text-align: center;
    margin: 5px 0;
}

/* Items de menu arabe (RTL) */
#menu-main_menu_ar-1 > li:not(.lang-item) {
    width: 100%;
    text-align: right;
    margin: 5px 0;
    direction: rtl;
}

/* Inverser l'ordre des items du menu arabe MOBILE avec order */
#mobile-dropdown #menu-main_menu_ar-1 .lang-item {
    order: 0; /* ✅ drapeaux en premier */
}
#mobile-dropdown #menu-main_menu_ar-1 > li:not(.lang-item):nth-child(5) { order: 6; } /* Contact */
#mobile-dropdown #menu-main_menu_ar-1 > li:not(.lang-item):nth-child(6) { order: 5; } /* Méthode */
#mobile-dropdown #menu-main_menu_ar-1 > li:not(.lang-item):nth-child(7) { order: 4; } /* Atouts */
#mobile-dropdown #menu-main_menu_ar-1 > li:not(.lang-item):nth-child(8) { order: 3; } /* Collaborateurs */
#mobile-dropdown #menu-main_menu_ar-1 > li:not(.lang-item):nth-child(9) { order: 2; } /* Valeurs */
#mobile-dropdown #menu-main_menu_ar-1 > li:not(.lang-item):nth-child(10) { order: 1; } /* Bienvenue */

#mobile-dropdown #menu-main_menu_ar-1 li a {
    text-align: right;
}

/* Drapeaux - styles communs */
#menu-main_menu_fr-1 .lang-item,
#menu-main_menu_en-1 .lang-item,
#menu-main_menu_ar-1 .lang-item,
#menu-main_menu_ko-1 .lang-item {
    order: -1;
    flex: 1;
    max-width: 25%;
    margin: 10px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Lien contenant l'image */
#menu-main_menu_fr-1 .lang-item a,
#menu-main_menu_en-1 .lang-item a,
#menu-main_menu_ar-1 .lang-item a,
#menu-main_menu_ko-1 .lang-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Taille des images de drapeaux */
#menu-main_menu_fr-1 .lang-item img,
#menu-main_menu_en-1 .lang-item img,
#menu-main_menu_ar-1 .lang-item img,
#menu-main_menu_ko-1 .lang-item img {
    width: 22px !important;
    height: auto;
    display: block;
}

#mobile-dropdown ul li a img {
    margin-right: 0 !important;
}


/* ========================================
   MENU DESKTOP
======================================== */

/* Supprimer toute bordure ou outline lors du clic/focus sur les liens du menu */
#site-navigation .menu-item > a:focus,
#site-navigation .menu-item > a:active {
    outline: none !important;
    border: none !important;
    color: #D1AD61 !important;
}


/* ========================================
   MENU MOBILE - APPARENCE
======================================== */

/* Couleur de fond du menu mobile */
#mobile-dropdown {
    background-color: #1D2037E0 !important;
}

/* Fond des items au survol, focus et clic */
#mobile-dropdown nav ul#menu-main-menu-1 li a:hover,
#mobile-dropdown nav ul#menu-main-menu-1 li a:focus,
#mobile-dropdown nav ul#menu-main-menu-1 li a:active,
#mobile-dropdown nav ul#menu-main-menu-1 li.current_page_item > a,
#mobile-dropdown nav ul#menu-main-menu-1 li.current-menu-item > a {
    background-color: #1D2037F2 !important;
    transition: none !important;
}

/* Supprimer les effets de tap highlight sur mobile */
#mobile-dropdown nav ul#menu-main-menu-1 li a {
    -webkit-tap-highlight-color: transparent !important;
    tap-highlight-color: transparent !important;
}


/* ========================================
   SECTION BIENVENUE
======================================== */

/* Remonter la 1ère section */
#bienvenue {
    top: -80px;
}

/* Changement de couleur des titres au survol du conteneur */
.elementor-element-77f5457:hover .elementor-element-e127d9b .elementor-heading-title,
.elementor-element-77f5457:hover .elementor-element-7656791 .elementor-heading-title {
    color: #D1AD61 !important;
}

/* Survol du trait de séparation */
.elementor-element-77f5457:hover .elementor-element-3141314 .elementor-divider-separator {
    border-color: #D1AD61 !important;
}

/* Transitions douces */
.elementor-element-3141314 .elementor-divider-separator,
.elementor-element-e127d9b .elementor-heading-title,
.elementor-element-7656791 .elementor-heading-title {
    transition: all 0.3s ease;
}


/* ========================================
   SECTION VALEURS
======================================== */

/* Survol de l'icône */
.elementor-widget-icon-box:hover .elementor-icon svg path {
    fill: #D1AD61;
    transition: fill 0.3s ease;
}

/* Couleur au survol du titre */
.elementor-widget-icon-box:hover .elementor-icon-box-title span {
    color: #D1AD61;
    transition: color 0.3s ease;
}


/* ========================================
   SECTION NOS ATOUTS
======================================== */

/* Survol de l'icône */
.elementor-element-47e070a:hover .elementor-element-4c6fc58 svg {
    fill: #D1AD61 !important;
}

/* Changement de couleur du trait de séparation au survol */
.elementor-element-47e070a:hover .elementor-element-72c7eec .elementor-divider-separator {
    border-color: #D1AD61 !important;
}

/* Transitions douces */
.elementor-element-4c6fc58 svg,
.elementor-element-72c7eec .elementor-divider-separator {
    transition: all 0.3s ease;
}


/* ========================================
   SECTION MÉTHODE - SWITCHER
======================================== */

/* LTR - Code original (français/anglais) */
#methode:has(.jet-switcher__control--disable[aria-expanded="true"]) {
    background-color: #1E1E1E !important;
}
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) {
    background-color: #F8F8F8 !important;
}

/* RTL - Code inversé pour arabe */
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="true"]) {
    background-color: #F8F8F8 !important; /* INVERSÉ : clair au lieu de sombre */
}
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) {
    background-color: #1E1E1E !important; /* INVERSÉ : sombre au lieu de clair */
}

/* Curseur pointer sur les labels */
.jet-switcher__control .jet-switcher__label-text,
.jet-switcher__control,
.jet-switcher__label-text {
    cursor: pointer;
    pointer-events: auto !important;
}


/* ========================================
   SECTION MÉTHODE - TIMELINE
======================================== */

/* Dimensions - Bureau */
.oew-timeline .oew-timeline-item-wrap .oew-timeline-item-main {
    width: 780px;
    height: 90px;
    box-sizing: border-box;
    transition: all 0.3s ease !important;
}

/* Dimensions - Tablette */
@media (max-width: 1024px) {
    .oew-timeline .oew-timeline-item-wrap .oew-timeline-item-main {
        width: 420px;
        height: auto;
    }
}

/* Dimensions - Mobile */
@media (max-width: 767px) {
    .oew-timeline .oew-timeline-item-wrap .oew-timeline-item-main {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* Espacements */
.oew-timeline .oew-timeline-item-wrap .oew-timeline-item-container {
    padding-left: 50px !important;
    padding-bottom: 25px !important;
}

.oew-timeline-excerpt p {
    line-height: 1.6 !important;
}

/* Icônes SVG */
.oew-timeline-custom-icon span svg {
    width: 28px !important;
    height: 28px !important;
}

/* Transition titre */
.oew-timeline-title a {
    transition: color 0.3s ease !important;
}

/* Style de base au hover */
.oew-timeline-item-main:hover .oew-timeline-title a {
    color: #D1AD61 !important;
}

/* ===== VERSION LTR (français/anglais) ===== */

/* FABRICANT (disable) */
#methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline-item-main:hover {
    background-color: #131313 !important;
    border-color: #D1AD61 !important;
}
#methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline-item-main:hover .oew-timeline-excerpt p {
    color: #F8F8F8 !important;
}
#methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline-custom-icon span svg {
    fill: #F8F8F8 !important;
}

/* DISTRIBUTEUR (enable) */
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline-item-main:hover {
    background-color: #FFFFFF !important;
    border-color: #D1AD61 !important;
}
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline-item-main:hover .oew-timeline-excerpt p {
    color: #131313 !important;
}
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline-custom-icon span svg {
    fill: #1E1E1E !important;
}

/* Couleur texte selon état switcher */
#methode:has(.jet-switcher__control--enable[aria-expanded="false"]) .elementor-element-572562f p {
    color: #F8F8F8 !important;
}
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .elementor-element-572562f p {
    color: #1E1E1E !important;
}
#methode:has(.jet-switcher__control--disable[aria-expanded="false"]) .elementor-element-572562f p {
    color: #1E1E1E !important;
}

/* Icônes et ligne timeline - DISTRIBUTEUR */
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline .oew-timeline-item-wrap .oew-timeline-icon span {
    border-color: #1E1E1E !important;
}
#methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline .oew-timeline-item-wrap .oew-timeline-line span {
    background-color: #1E1E1E !important;
}


/* ===== VERSION RTL (arabe) - LOGIQUE INVERSÉE ===== */

/* FABRICANT en RTL = classe "enable" (car logique inversée) */
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline-item-main:hover {
    background-color: #131313 !important;
    border-color: #D1AD61 !important;
}
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline-item-main:hover .oew-timeline-excerpt p {
    color: #F8F8F8 !important;
}
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline-custom-icon span svg {
    fill: #F8F8F8 !important;
}

/* DISTRIBUTEUR en RTL = classe "disable" (car logique inversée) */
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline-item-main:hover {
    background-color: #FFFFFF !important;
    border-color: #D1AD61 !important;
}
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline-item-main:hover .oew-timeline-excerpt p {
    color: #131313 !important;
}
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline-custom-icon span svg {
    fill: #1E1E1E !important;
}

/* Icônes et ligne timeline RTL - DISTRIBUTEUR */
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline .oew-timeline-item-wrap .oew-timeline-icon span {
    border-color: #1E1E1E !important;
}
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="true"]) .oew-timeline .oew-timeline-item-wrap .oew-timeline-line span {
    background-color: #1E1E1E !important;
}

/* Icônes et ligne timeline RTL - FABRICANT */
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline .oew-timeline-item-wrap .oew-timeline-icon span {
    border-color: #F8F8F8 !important;
}
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .oew-timeline .oew-timeline-item-wrap .oew-timeline-line span {
    background-color: #F8F8F8 !important;
}

/* Couleur texte selon état switcher RTL */
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="false"]) .elementor-element-572562f p {
    color: #1E1E1E !important;
}
.rtl #methode:has(.jet-switcher__control--disable[aria-expanded="false"]) .elementor-element-572562f p {
    color: #1E1E1E !important;
}
.rtl #methode:has(.jet-switcher__control--enable[aria-expanded="true"]) .elementor-element-572562f p {
    color: #F8F8F8 !important;
}


/* ========================================
   PIED DE PAGE
======================================== */

/* #footer-widgets .contact-info-widget i {
color: #D1AD61;
} */

/* titre de pied de page */
/* #footer-widgets .widget-title { border-left-color: #D1AD61; } */

#footer-widgets .contact-info-widget li {
    margin: 0;
}

.contact-info-widget.default .oceanwp-info-wrap {
    padding-top: 10px;
}


/* ========================================
   WPFORMS
======================================== */

.wpforms-container .wpforms-form .wpforms-field-label {
    font-weight: 600 !important;
}

div.wpforms-container-full .wpforms-field-label {
    margin: 0 0 5px !important;
}

.wpforms-container .wpforms-field {
    padding: 8px 0 !important;
}