/**
 * ⚠️ Raleway n’est chargée qu’en 400 et 700 sur ce site : toute autre
 * graisse est synthétisée par le navigateur (fausse graisse). N’employer
 * que 400 et 700. (Mesuré le 01/09/2026.)
 *
 * Moteur de recherche du Centre d'assistance Tixeo
 *
 * Les sélecteurs sont volontairement préfixés « tixeo-faq- » et jamais
 * génériques : le style du thème ne doit pas les atteindre, et ils ne
 * doivent atteindre aucun autre élément de la page.
 */

/* ---------------------------------------------------------------- champ */

.tixeo-faq-search {
	display: flex;
	gap: 10px;
	align-items: stretch;
	max-width: 640px;
	margin: 0 auto 40px;
}

.tixeo-faq-search__field {
	flex: 1 1 auto;
	min-width: 0;
	padding: 14px 18px;
	font-size: 16px;
	line-height: 1.4;
	color: #2b2b2b;
	background: #fff;
	border: 1px solid #d3d8de;
	border-radius: 4px;
	box-shadow: none;
	transition: border-color 0.15s ease;
}

.tixeo-faq-search__field:focus {
	border-color: #0d6efd;
	outline: 2px solid rgba(13, 110, 253, 0.25);
	outline-offset: 1px;
}

.tixeo-faq-search__field::placeholder {
	color: #8a9099;
}

.tixeo-faq-search__submit {
	flex: 0 0 auto;
	padding: 14px 26px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: #0d6efd;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.tixeo-faq-search__submit:hover,
.tixeo-faq-search__submit:focus {
	background: #0b5ed7;
}

/* ------------------------------------------------------------ résultats */

.tixeo-faq-results {
	max-width: 860px;
	margin: 0 auto 60px;
}

.tixeo-faq-results__title {
	margin: 0 0 6px;
	font-size: 26px;
	line-height: 1.3;
	color: #1c1e21;
}

.tixeo-faq-results__count,
.tixeo-faq-results__none {
	margin: 0 0 26px;
	font-size: 15px;
	color: #6b7280;
}

.tixeo-faq-results__list {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

/* ------------------------------------------------------------- résultat */

.tixeo-faq-result {
	padding: 18px 0;
	border-bottom: 1px solid #e6e9ed;
}

.tixeo-faq-result:first-child {
	border-top: 1px solid #e6e9ed;
}

.tixeo-faq-result__link {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 14px;
	text-decoration: none;
}

.tixeo-faq-result__question {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	color: #0d6efd;
}

.tixeo-faq-result__link:hover .tixeo-faq-result__question,
.tixeo-faq-result__link:focus .tixeo-faq-result__question {
	text-decoration: underline;
}

.tixeo-faq-result__section {
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #4b5563;
	background: #eef1f5;
	border-radius: 999px;
	white-space: nowrap;
}

.tixeo-faq-result__excerpt {
	margin: 8px 0 0;
	font-size: 15px;
	line-height: 1.6;
	color: #4b5563;
}

/* --------------------------------------------------------- petit écran */

@media (max-width: 600px) {
	.tixeo-faq-search {
		flex-direction: column;
	}

	.tixeo-faq-search__submit {
		width: 100%;
	}

	.tixeo-faq-results__title {
		font-size: 22px;
	}
}

/* ------------------------------------------------ corpus (V17, produit) */

/*
 * Les réponses des corpus secondaires (version précédente, FAQ produit)
 * restent repliées : visibles, mais sans encombrer la réponse courante.
 * Le repli utilise <details>, natif — aucun script nécessaire.
 */

.tixeo-faq-corpus--v18 {
	margin-bottom: 8px;
}

.tixeo-faq-corpus--v17,
.tixeo-faq-corpus--produit {
	margin-top: 18px;
	background: #f7f8fa;
	border: 1px solid #e6e9ed;
	border-radius: 6px;
}

.tixeo-faq-corpus__summary {
	padding: 14px 18px;
	font-size: 15px;
	font-weight: 700;
	color: #4b5563;
	cursor: pointer;
	list-style: revert;
}

.tixeo-faq-corpus__summary:hover,
.tixeo-faq-corpus__summary:focus {
	color: #0d6efd;
}

.tixeo-faq-corpus--v17 .tixeo-faq-results__list,
.tixeo-faq-corpus--produit .tixeo-faq-results__list {
	padding: 0 18px 6px;
}

.tixeo-faq-corpus--v17 .tixeo-faq-result:first-child,
.tixeo-faq-corpus--produit .tixeo-faq-result:first-child {
	border-top: 0;
}

/*
 * Titre du corpus courant.
 * Il existe TOUJOURS dans le balisage — les trois corpus doivent être
 * parallèles dans le plan du document, sinon le plus important est le seul
 * absent de la navigation par titres (revue design 01/09).
 * Masqué visuellement par défaut ; la spec visuelle décidera de le révéler.
 */
.tixeo-faq-corpus__title {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------------ *
 * Charte accueil Centre d'assistance — placement colonne gauche      *
 * (Revue design 02/09/2026, validée sur maquette — champ pilule navy, CTA orange *
 * texte blanc conforme charte bouton Tixeo)                          *
 * ------------------------------------------------------------------ */
.tixeo-faq-search {
	display: flex;
	gap: 10px;
	width: 100%;
	margin: 6px 0 28px 0;
}
.tixeo-faq-search__field,
.tixeo-faq-search input[type="search"],
.tixeo-faq-search input[type="text"] {
	flex: 1;
	min-width: 0;
	padding: 11px 18px;
	font-family: Raleway, sans-serif;
	font-size: 15px;
	color: #2f374b;
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 39px;
	outline: none;
}
.tixeo-faq-search__field:focus,
.tixeo-faq-search input:focus {
	border-color: #ee861f;
	box-shadow: 0 0 0 3px rgba(238, 134, 31, 0.25);
}
.tixeo-faq-search__submit,
.tixeo-faq-search button,
.tixeo-faq-search input[type="submit"] {
	padding: 9px 24px;
	min-height: 39px;
	font-family: Raleway, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	background: #ee861f;
	border: none;
	border-radius: 39px;
	cursor: pointer;
	white-space: nowrap;
}
.tixeo-faq-search__submit:hover,
.tixeo-faq-search__submit:focus {
	background: #d97516;
	color: #ffffff;
}
@media (max-width: 640px) {
	.tixeo-faq-search {
		flex-direction: column;
	}
	.tixeo-faq-search__submit {
		width: 100%;
	}
}

/* ------------------------------------------------------------------ *
 * Charte page de résultats — revue design 02/09/2026 (SPEC v1.1.0, jetons  *
 * DS officiels). Remplace le provisoire #0d6efd de la première itération.    *
 * Sur cette vue, formulaire et résultats sont enfants directs de     *
 * .entry-content (pas de section Divi) : on leur rend la colonne du  *
 * gabarit au lieu du bord-à-bord sous le header.                     *
 * ------------------------------------------------------------------ */
.entry-content > .tixeo-faq-search,
.tixeo-faq-results {
	box-sizing: border-box;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.entry-content > .tixeo-faq-search {
	margin-top: 36px;
	margin-bottom: 4px;
}
.tixeo-faq-results__title {
	font-family: Raleway, sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #2f374b;
}
.tixeo-faq-results__count,
.tixeo-faq-results__none {
	font-size: 13px;
	color: #4a5568;
}
/* Les numéros n'apportent rien : le compteur donne le total, les
   séparateurs donnent le rythme (maquette spec §mockup résultats). */
.tixeo-faq-results__list {
	list-style: none;
	padding-left: 0;
	margin: 18px 0 0;
}
.tixeo-faq-result__question {
	font-family: Raleway, sans-serif;
	font-size: 17px;
	color: #2f374b;
}
.tixeo-faq-result__link:hover .tixeo-faq-result__question,
.tixeo-faq-result__link:focus .tixeo-faq-result__question {
	color: #ee861f;
}
/* Pastille de rubrique : informative, pas cliquable, pas l'air de l'être. */
.tixeo-faq-result__section {
	padding: 4px 8px;
	font-size: 13px;
	color: #4a5568;
	background: #eef2f9;
	border-radius: 4px;
	cursor: default;
}
/* Divi restyle les <li> directement (spécificité supérieure au reset
   posé sur le <ol>) : on éteint le marqueur au niveau de l'item. */
.entry-content .tixeo-faq-results__list > .tixeo-faq-result,
.tixeo-faq-result {
	list-style: none;
}
/* Titre des replis (« Voir aussi dans la FAQ de la version précédente ») :
   même règle que les titres de résultats — navy au repos, orange au
   survol. Dernier lieu où fuyait le #0d6efd. */
.tixeo-faq-corpus__summary {
	color: #2f374b;
	font-weight: 700;
}
.tixeo-faq-corpus__summary:hover,
.tixeo-faq-corpus__summary:focus {
	color: #ee861f;
}
details[open] > .tixeo-faq-corpus__summary {
	color: #2f374b;
}
/* Hub FAQ : le héros Divi est plafonné (max-height:296px inline) — le
   champ inséré sous « Besoin d'aides ? » poussait les paragraphes hors
   du bandeau. Quand la section porte le champ, elle respire à hauteur
   de contenu. Scopé par :has — aucune autre section touchée. */
.et_pb_section:has(> .et_pb_row .tixeo-faq-search) {
	max-height: none !important;
}
.et_pb_text_inner > .tixeo-faq-search {
	margin: 14px 0 16px; /* 6px + 10px demandés entre champ et texte (revue 02/09) */
	max-width: 640px;
}

/* ── Vue résultats sur le hub (02/09) : le bandeau « Besoin d'aide » reste,
      les résultats suivent sa section, le reste de la page s'efface. ── */
.tixeo-faq-results ~ .et_pb_section {
	display: none !important;
}
.tixeo-faq-results {
	margin-block: 40px 60px;
}

/* ── Rubriques (02/09, 2e passe) : le champ suit la description du bandeau,
      à 10px — il est alors enfant direct de la colonne Divi. ── */
.et_pb_column > .tixeo-faq-search {
	margin: 10px 0 0;
	max-width: 640px;
}

/* ── Un bouton Divi placé juste sous le moteur (« Connexion compte
      support » sur l'accueil du centre d'assistance) collait au champ :
      le formulaire n'a pas de marge basse dans ce placement. On donne
      l'air au bouton lui-même, par adjacence — pas par son index
      `_0_`, qui change dès qu'un module est inséré avant lui. ── */
.tixeo-faq-search + .et_pb_button_module_wrapper {
	margin-top: 40px;
}