/*
Theme Name: Stockholm Child
Theme URI: https://stockholmlanding.qodeinteractive.com/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: https://qodeinteractive.com/
Version: 1.1.2
Text Domain: stockholm
Template: stockholm
*/


/**
 * =========================================================================
 * CSS pour le sélecteur de langues dans le header
 * À ajouter dans Apparence > Personnaliser > CSS additionnel
 * Ou dans le fichier style.css de votre thème enfant
 * =========================================================================
 */
 
/**
 * CSS pour le sélecteur de langues dans le header
 * Configuration : Header Regular, Logo gauche, Menu centré
 */

/* ========================================
   DESKTOP - Header Regular
   ======================================== */

/* Container principal : flex pour aligner logo + menu + sélecteur */
.header_bottom .container_inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo à gauche */
.header_bottom .header_inner_left {
    flex: 0 0 auto;
}

/* Menu au centre */
.header_bottom .main_menu {
    flex: 1 1 auto;
}

/* Sélecteur de langues à droite */
.language_selector_wrapper {
    flex: 0 0 auto;
    margin-left: 30px;
    order: 3;
}

/* Style du widget */
.language_selector_wrapper .widget {
    margin: 0;
    padding: 0;
}

.language_selector_wrapper .widget_title {
    display: none;
}

/* Style pour WPML */
.language_selector_wrapper .wpml-ls-legacy-list-horizontal {
    margin: 0;
    padding: 0;
}

.language_selector_wrapper .wpml-ls-legacy-list-horizontal a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.language_selector_wrapper .wpml-ls-legacy-list-horizontal a:hover {
    opacity: 0.7;
}

/* Style pour Polylang */
.language_selector_wrapper .widget_polylang ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}

.language_selector_wrapper .widget_polylang li {
    margin: 0;
    padding: 0;
}

.language_selector_wrapper .widget_polylang a {
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.language_selector_wrapper .widget_polylang a:hover {
    opacity: 0.7;
}


.wpml-ls-sidebars-header_language_selector a{
	width:40px;
	height:auto;
	aspect-ratio:1/1;
	color:#000;
	display:flex!important;
	border:1px solid #000;
	padding:0!important;
}
.wpml-ls-sidebars-header_language_selector span{
	margin:auto;
	
}

/* ========================================
   RESPONSIVE
   ======================================== */

/* Masquer le sélecteur sur tablette/mobile */
@media (max-width: 1024px) {
    .language_selector_wrapper {
        display: none !important;
    }
}


/* ========================================
   MENU MOBILE (optionnel)
   ======================================== */

/* Si vous avez modifié mobile-header-menu.php */
.mobile_language_selector {
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    text-align: center;
}

.mobile_language_selector .widget {
    margin: 0;
    padding: 0;
}

.mobile_language_selector .widget_title {
    display: none;
}

.mobile_language_selector ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.mobile_language_selector li {
    margin: 0;
    padding: 0;
}

.mobile_language_selector a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.mobile_language_selector a:hover,
.mobile_language_selector .current-lang a {
    opacity: 1;
}