/*
Theme Name:     Evakit_Kadence
Theme URI:      n/a
Template:       kadence
Author:         Raphaël Da Silva
Author URI:     n/a
Description:    Child Theme for customizing Kadence to Evakit's needs !
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.entry-content {
    background-color: var(--global-palette8);
}

/* STYLE POUR LE SELECTEUR DE GUIDE "CONTINUER DE VOUS INFORMER" */
.guide-navigation {
    width: 70vh;
    margin-bottom: 100px !important;
}

.guide-nav-link.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.guide-nav-link {
    font-size: 1.5rem;
    text-decoration: none;
    color: #333;
}

.guide-nav-link:hover {
    color: var(--global-palette-btn-bg-hover);
}

/* Style Archive Page */
.titre-sous-categorie {
    margin: 100px 0 20px 10px;
}

.listing-sous-categories .liste-kadence-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
}

/* Account Page */
.woocommerce-account .woocommerce::before {
    padding-top: 30px;
}

/* Klarna installments message */
#wc-stripe-klarna-product-msg {
    margin-top: 15px !important;
    font-size: 16px;
}

.u-lhn .u-fs-smn .u-color-textn .p-CondensedSinglePromotionView--Message {
    font-size: 16px !important;
}

/* Boutons - cart */
button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit {
    box-shadow: none !important;
}

.admin-bar .fc-wrapper .fc-sidebar.is-sticky .fc-sidebar__inner {
    padding-top: 130px !important;
    z-index: 1;
}

/* ============================
   ALIGNEMENT PRÉCIS MENU FOOTER
   ============================ */
/* Coller les éléments en haut du footer */
.site-footer-row {
	align-items: start;
	margin-top: 2em;
}

/* 2️⃣ Liste principale */
.footer-menu-container ul.menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: .8em;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 3️⃣ Réinitialise les marges/paddings Kadence sur tous les niveaux */
.footer-menu-container ul,
.footer-menu-container li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

/* 4️⃣ Liens principaux */
.footer-menu-container ul.menu > li > a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
  display: block;
  text-align: left;
}

/* Hover sur les liens principaux */
.footer-menu-container ul.menu > li > a:hover {
  color: #cccccc;
}

/* 5️⃣ Sous-menus : bloc vertical + légère indentation */
.footer-menu-container ul.sub-menu {
  display: block;
  margin: 0 0 0.3em .5em !important; /* légère indentation */
  padding: 0;
  list-style: none;
}

/* 6️⃣ Liens de sous-menus */
.footer-menu-container ul.sub-menu a {
  color: #ffffff;
  font-size: 0.9em;
  opacity: 0.9;
  text-decoration: none;
  display: block;
  text-align: left;
  transition: color 0.2s ease;
}

/* Hover sur sous-liens */
.footer-menu-container ul.sub-menu a:hover {
  color: #cccccc;
}

/* 7️⃣ Supprime tout éventuel décalage visuel généré par Kadence */
.footer-menu-container li.menu-item-has-children > a {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.footer-menu-container ul.sub-menu li.menu-item {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 8️⃣ Aligne aussi les sous-sous-menus (niveau 2 et 3) */
.footer-menu-container ul.sub-menu ul.sub-menu {
  margin-left: 1.2em; /* indentation progressive si tu veux un léger effet hiérarchique */
}

/* Checkout */
.wc-block-checkout__payment-method .wc-stripe-label-container .wc-stripe-klarna-message-container,
.wc-stripe-label-container .wc-block-components-payment-method-label {
	width: 100%;
}

.woocommerce div.product div.images.woocommerce-product-gallery[style] {
    height: auto !important;
}

@media screen and (min-width: 768px) {    
    .woocommerce-account .account-navigation-wrap {
        float: left;
        width: 12%;
        border-right: 1px solid var(--global-gray-400);
        border-left: none;
        margin-right: 40px;
        padding-top: 30px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        margin-top: 15px;
    }

    .kadence-account-avatar {
      margin-bottom: 1.2em !important;
    }

    .kadence-account-nav-above.woocommerce-account .account-navigation-wrap {
      margin-bottom: 0;
    }

    .kadence-account-nav-above.woocommerce-account .account-navigation-wrap ul {
      justify-content: space-evenly;
    }

    .woocommerce-account .account-navigation-wrap {
      border-right: none;
    }
}

@media (max-width: 768px) {
  .site-branding a.brand img {
        max-width: 120px;
    }
}

/* ----------------------------------
   WPML LANGUAGE SELECTOR - MOBILE/TABLET
   ---------------------------------- */
.evakit-mobile-language-selector {
    display: none;
}

@media (max-width: 1024px) {
    .evakit-mobile-language-selector {
        display: block;
    }
}

.wpml-language-dropdown {
    position: relative;
}

.wpml-current-language {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 4px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    color: var(--global-palette9);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.wpml-current-language:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.wpml-current-language[aria-expanded="true"] .wpml-dropdown-arrow {
    transform: rotate(180deg);
}

.wpml-flag {
    width: 22px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
}

.wpml-dropdown-arrow {
    transition: transform 0.3s ease;
    color: var(--global-palette9);
    width: 10px;
    height: 10px;
}

.wpml-language-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    min-width: 200px;
    background-color: var(--global-palette9);
    border: 1px solid var(--global-palette6);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.wpml-language-dropdown.open .wpml-language-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wpml-language-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--global-palette7);
}

.wpml-language-list li:last-child {
    border-bottom: none;
}

.wpml-language-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    color: var(--global-palette4);
    text-decoration: none;
    transition: all 0.3s ease;
}

.wpml-language-list a:hover {
    background-color: var(--global-palette8);
}

.wpml-language-list li.active a {
    background-color: var(--global-palette1);
    color: var(--global-palette9);
}

.wpml-language-list a span {
    font-size: 14px;
}

/* Ajustements pour l'intégration dans le header mobile */
#mobile-header .header-mobile-main-inner {
    display: flex;
    align-items: center;
}

/* Responsive - Assurer la compatibilité tablette */
@media (min-width: 769px) and (max-width: 1024px) {
    .wpml-current-language {
        padding: 8px 10px;
    }
    
    .wpml-flag {
        width: 26px;
        height: 20px;
    }
}