/**
 * Feuille de style personnalisable — Select To Redirect
 *
 * Ce fichier est copie dans le theme enfant actif pour permettre
 * la surcharge des styles du plugin sans modifier le plugin.
 *
 * Emplacement theme : /oaka/select-to-redirect/select-to-redirect-custom-style.css
 *
 * Toutes les classes front-end du plugin sont listees ci-dessous
 * pour faciliter la personnalisation.
 *
 * Rappel du balisage :
 *   <div class="…-wrapper">
 *       <span class="…-prefix">Texte avant</span>
 *       <select class="…-select">…</select>
 *       <span class="…-suffix">Texte apres</span>
 *   </div>
 */


/* ── Conteneur de la phrase ─────────────────────────────────── */

.oaka-select-to-redirect-wrapper {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* align-items: center; */
    /* gap: 0.4em; */
    /* margin: 0 0 1.2em; */
}

.oaka-select-to-redirect-wrapper.error {
    /* display: block; */
    /* padding: 0.8em 1em; */
    /* background-color: #ff0000; */
    /* color: #ffffff; */
}

/* Paragraphe du message (licence absente, aucun produit a proposer) */
.oaka-select-to-redirect-wrapper p {
    /* margin: 0; */
    /* font-size: 1em; */
}


/* ── Texte avant / apres le menu ────────────────────────────── */

.oaka-select-to-redirect-prefix {
    /* font-weight: 600; */
}

.oaka-select-to-redirect-suffix {
    /* font-weight: 600; */
}


/* ── Menu deroulant ─────────────────────────────────────────── */

.oaka-select-to-redirect-select {
    /* width: auto; */
    /* padding: 0.4em 0.6em; */
    /* border: 1px solid #d1d1d1; */
    /* border-radius: 3px; */
    /* background-color: #ffffff; */
}

.oaka-select-to-redirect-select:disabled {
    /* opacity: 0.6; */
}


/* ── Conteneur du module Divi 5 ─────────────────────────────── */

.oaka-select-to-redirect-module {
    /* margin: 0; */
}

.oaka-select-to-redirect-module .oaka-select-to-redirect-wrapper {
    /* margin-bottom: 0; */
}


/* ── Etats du menu deroulant ────────────────────────────────── */

.oaka-select-to-redirect-select:hover,
.oaka-select-to-redirect-select:focus-visible {
    /* border-color: #c2461b; */
}

/* Le menu natif est masque — mais reste dans le DOM et accessible — quand le
   reglage « Confort » de l'onglet Design active le menu cherchable. */
.oaka-select-to-redirect-select.oaka-str-native-hidden {
    /* position: absolute; */
    /* width: 1px; */
    /* height: 1px; */
    /* overflow: hidden; */
    /* clip: rect(0 0 0 0); */
}


/* ── Selecteur vitrine (shortcode [select_to_redirect]) ─────── */

.oaka-select-to-redirect-showcase-wrapper {
    /* margin-bottom: 1em; */
}

/* Conteneur du module Divi 5 « vitrine » — il porte aussi
   .oaka-select-to-redirect-module, commun aux deux modules. */
.oaka-select-to-redirect-showcase-module {
    /* margin: 0; */
}


/* ── Dispositions (onglet Design) ───────────────────────────── */

/* « Pleine largeur » : le menu occupe toute la ligne, la phrase reste au-dessus. */
.oaka-select-to-redirect-wrapper.oaka-str-full .oaka-select-to-redirect-select,
.oaka-select-to-redirect-wrapper.oaka-str-full .oaka-str-combo {
    /* flex: 1 1 100%; */
    /* width: 100%; */
}

/* « Empilee » : texte avant, menu et texte apres sur trois lignes. */
.oaka-select-to-redirect-wrapper.oaka-str-stacked {
    /* flex-direction: column; */
    /* align-items: stretch; */
}

.oaka-select-to-redirect-wrapper.oaka-str-stacked .oaka-select-to-redirect-select,
.oaka-select-to-redirect-wrapper.oaka-str-stacked .oaka-str-combo {
    /* flex: 1 1 100%; */
    /* width: 100%; */
}


/* ── Menu cherchable (reglage « Confort ») ──────────────────── */

/* Surcouche qui remplace visuellement le <select> natif. Elle reprend les
   memes proprietes personnalisees que lui : un site qui regle ses couleurs ne
   doit pas voir deux menus differents selon que la recherche est active. */

.oaka-str-combo {
    /* position: relative; */
    /* flex: 0 1 auto; */
    /* max-width: 100%; */
}

/* Bouton qui ouvre le panneau — l'equivalent visuel du <select> ferme. */
.oaka-str-combo-button {
    /* display: block; */
    /* width: 100%; */
    /* padding: 0.4em 0.6em; */
    /* padding-right: 2em; */
    /* text-align: left; */
    /* border: 1px solid #d1d1d1; */
    /* border-radius: 3px; */
    /* background-color: #ffffff; */
    /* cursor: pointer; */
}

/* Chevron dessine en CSS, pas charge en image. */
.oaka-str-combo-button::after {
    /* content: ""; */
    /* position: absolute; */
    /* right: 0.7em; */
    /* width: 0.45em; */
    /* height: 0.45em; */
    /* border-right: 2px solid currentColor; */
    /* border-bottom: 2px solid currentColor; */
    /* transform: translateY(-70%) rotate(45deg); */
    /* opacity: 0.6; */
}

.oaka-str-combo-button:hover,
.oaka-str-combo-button:focus-visible {
    /* border-color: #c2461b; */
}

/* Panneau deroulant, en position absolue sous le bouton. */
.oaka-str-combo-panel {
    /* position: absolute; */
    /* z-index: 20; */
    /* top: calc(100% + 4px); */
    /* padding: 6px; */
    /* border: 1px solid #d1d1d1; */
    /* border-radius: 3px; */
    /* background-color: #ffffff; */
    /* box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12); */
}

/* Champ de recherche, en tete du panneau. */
.oaka-str-combo-search {
    /* display: block; */
    /* width: 100%; */
    /* padding: 0.35em 0.5em; */
    /* border: 1px solid #d1d1d1; */
    /* border-radius: 3px; */
    /* background-color: #ffffff; */
}

/* Liste des entrees. La hauteur est bornee : sans elle, une liste de deux
   cents entrees deborde de l'ecran et le panneau devient irrefermable au doigt. */
.oaka-str-combo-list {
    /* max-height: 15em; */
    /* overflow-y: auto; */
    /* margin: 6px 0 0; */
    /* padding: 0; */
    /* list-style: none; */
}

.oaka-str-combo-option {
    /* padding: 0.4em 0.5em; */
    /* line-height: 1.4; */
    /* border-radius: 3px; */
    /* cursor: pointer; */
}

/* Entree survolee ou parcourue au clavier. Elle se signale par un fond ET par
   sa bordure gauche : sur un theme dont l'accent est clair, le fond seul peut
   ne rien montrer. */
.oaka-str-combo-option.is-active {
    /* background-color: #c2461b; */
    /* box-shadow: inset 3px 0 0 currentColor; */
    /* color: #ffffff; */
}

/* Message affiche quand la recherche ne ramene aucune entree. */
.oaka-str-combo-empty {
    /* margin: 8px 4px 4px; */
    /* font-size: 0.9em; */
    /* opacity: 0.7; */
}