/*
 * Recherche 1et2 : fenêtre de recherche du thème aux couleurs du site, résultats en direct,
 * page de résultats détaillée.
 */
:root{
	--r12-fond:#0e0f11;
	--r12-voile:rgba(14,15,17,.97);
	--r12-carte:#16181c;
	--r12-bord:rgba(255,255,255,.09);
	--r12-texte:#c5d0e4;
	--r12-brume:#8b9cbc;
	--r12-lagon:#20aba5;
	--r12-lagon-clair:#7fd8d4;
	--r12-largeur:var(--l12-largeur,1330px);
}

/* ================================================================== Fenêtre de recherche (barre de menu) */
.tp-search-area{
	height:auto !important;min-height:200px;max-height:100vh;padding-bottom:22px;
	background:var(--r12-voile) !important;border-bottom:1px solid var(--r12-bord);
	box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(14px);
}
.tp-search-area .tp-search-wrapper{padding-top:44px}
.tp-search-area .tp-search-wrapper > [class*="col-"]{width:100%;max-width:900px}
.tp-search-area .tp-search-close-btn{color:#fff !important;border-color:var(--r12-bord) !important}
.tp-search-area .tp-search-close-btn:hover{border-color:var(--r12-lagon-clair) !important;color:var(--r12-lagon-clair) !important}
.tp-search-area .tp-search-content .search{margin-bottom:0}
.tp-search-area .tp-search-content .search::before{background-color:var(--r12-lagon) !important;height:2px}
.tp-search-area .tp-search-content input{
	height:58px;background:transparent !important;color:#fff !important;font-size:24px;font-family:Inter,sans-serif;
	border:0 !important;border-bottom:1px solid var(--r12-bord) !important;padding:0 60px 0 4px;
}
.tp-search-area .tp-search-content input::placeholder{color:#5f6c84 !important;opacity:1}
.tp-search-area .tp-search-content .tp-search-icon{color:var(--r12-brume) !important}
.tp-search-area .tp-search-content input::-webkit-search-cancel-button{-webkit-appearance:none}

/* Résultats en direct : une ligne de titre (rubrique à droite), une ligne d'extrait */
.l12r-panneau{margin-top:6px;transition:opacity .15s ease}
.l12r-panneau.l12r-charge{opacity:.55}
.l12r-groupe-direct{padding:2px 0 6px;border-bottom:1px solid var(--r12-bord)}
.l12r-groupe-tete{display:flex;justify-content:space-between;align-items:baseline;padding:8px 2px 2px;font-size:12px;font-weight:600;color:var(--r12-lagon-clair);letter-spacing:.02em}
.l12r-groupe-tete em{font-style:normal;color:var(--r12-brume);font-weight:500;margin-left:6px}
.l12r-groupe-tete a{color:var(--r12-brume) !important;font-weight:500;text-decoration:none}
.l12r-groupe-tete a:hover{color:#fff !important}
a.l12r-res{display:block;padding:5px 8px;margin:0 -8px;border-radius:7px;text-decoration:none;color:var(--r12-texte) !important;transition:background .12s ease}
a.l12r-res:hover,a.l12r-res.actif{background:rgba(255,255,255,.05)}
a.l12r-res.actif{box-shadow:inset 2px 0 0 var(--r12-lagon)}
.l12r-res-ligne{display:flex;align-items:baseline;gap:12px;min-width:0}
.l12r-res-titre{flex:1;min-width:0;color:#fff;font-size:15px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l12r-res-rubrique{flex:0 0 auto;max-width:40%;color:#6f7d96;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l12r-res-extrait{display:block;color:var(--r12-brume);font-size:13px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l12r-panneau mark,.l12r-page mark{background:#ffe14d !important;color:#0e0f11 !important;padding:0 2px;border-radius:2px}
a.l12r-tout{display:flex;align-items:center;gap:10px;margin:8px -8px 0;padding:8px 10px;border-radius:8px;color:#fff !important;font-weight:600;font-size:14px;text-decoration:none;background:rgba(32,171,165,.1)}
a.l12r-tout:hover,a.l12r-tout.actif{background:rgba(32,171,165,.2)}
a.l12r-tout span{color:var(--r12-lagon-clair)}
a.l12r-tout kbd{margin-left:auto;font:500 11px/1 Inter,sans-serif;color:var(--r12-brume);border:1px solid var(--r12-bord);border-radius:5px;padding:4px 7px;background:transparent;box-shadow:none}
.l12r-rien{color:var(--r12-brume);font-size:14px;padding:10px 2px}

/* ================================================================== Page de résultats */
.l12r-page{background:var(--r12-fond);padding:44px 0 90px;color:var(--r12-texte)}
.l12r-page .container{max-width:calc(var(--r12-largeur) + 30px)}
.l12r-formulaire{display:flex;gap:10px;max-width:820px;margin:0 0 26px}
.l12r-formulaire input[type="search"]{
	flex:1;min-width:0;height:56px;padding:0 20px;border-radius:14px;border:1px solid var(--r12-bord);
	background:var(--r12-carte);color:#fff;font-size:17px;outline:none;transition:border-color .15s ease;
}
.l12r-formulaire input[type="search"]:focus{border-color:var(--r12-lagon)}
.l12r-formulaire input[type="search"]::placeholder{color:#5f6c84}
.l12r-formulaire button{height:56px;padding:0 26px;border:0;border-radius:14px;background:var(--r12-lagon);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:background .15s ease}
.l12r-formulaire button:hover{background:#1b958f}
.l12r-formulaire button:focus-visible,.l12r-page a:focus-visible{outline:2px solid var(--r12-lagon-clair);outline-offset:2px}
.l12r-bilan{color:var(--r12-brume);font-size:15px;margin:0 0 18px}

.l12r-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px;padding-bottom:18px;border-bottom:1px solid var(--r12-bord)}
.l12r-onglets a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--r12-bord);color:var(--r12-texte) !important;font-size:14.5px;font-weight:500;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.l12r-onglets a span{color:var(--r12-brume);font-size:13px}
.l12r-onglets a:hover{border-color:rgba(127,216,212,.4)}
.l12r-onglets a.actif{background:var(--r12-lagon);border-color:var(--r12-lagon);color:#fff !important}
.l12r-onglets a.actif span{color:rgba(255,255,255,.8)}

.l12r-groupe{margin:0 0 52px}
.l12r-groupe > h2{display:flex;align-items:baseline;gap:10px;color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px}
.l12r-groupe > h2 span{color:var(--r12-brume);font-size:15px;font-weight:500}
.l12r-liste{display:grid;gap:12px}
.l12r-item{display:flex;gap:20px;padding:18px 22px;border-radius:14px;background:var(--r12-carte);border:1px solid var(--r12-bord);transition:border-color .15s ease}
.l12r-item:hover{border-color:rgba(127,216,212,.3)}
.l12r-item-image{flex:0 0 150px;align-self:flex-start;border-radius:10px;overflow:hidden;border:1px solid var(--r12-bord)}
.l12r-item-image img{display:block;width:100%;height:96px;object-fit:cover}
.l12r-item-corps{min-width:0;flex:1}
.l12r-item-fil{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px;color:var(--r12-brume);font-size:13px}
.l12r-pastille{padding:2px 9px;border-radius:999px;background:rgba(32,171,165,.13);color:var(--r12-lagon-clair);font-weight:600;font-size:12px}
.l12r-item-titre{margin:0 0 6px;font-family:Inter,sans-serif;font-size:19px;font-weight:600;line-height:1.3}
.l12r-item-titre a{color:#fff !important;text-decoration:none}
.l12r-item-titre a:hover{color:var(--r12-lagon-clair) !important}
.l12r-item-extrait{margin:0;color:var(--r12-texte);font-size:15px;line-height:1.6}
.l12r-item-pied{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 0;color:#6f7d96;font-size:13px}
.l12r-suite{display:inline-block;margin-top:14px;color:var(--r12-lagon-clair) !important;font-weight:600;text-decoration:none}
.l12r-suite:hover{text-decoration:underline}

.l12r-pages{display:flex;flex-wrap:wrap;gap:6px;margin-top:30px}
.l12r-pages a,.l12r-pages span{min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--r12-bord);color:var(--r12-texte) !important;text-decoration:none;font-size:14px}
.l12r-pages a:hover{border-color:rgba(127,216,212,.4)}
.l12r-pages span[aria-current]{background:var(--r12-lagon);border-color:var(--r12-lagon);color:#fff !important}
.l12r-pages .l12r-ellipse{border:0;min-width:20px;padding:0}

.l12r-vide{max-width:720px;padding:26px 28px;border-radius:14px;background:var(--r12-carte);border:1px solid var(--r12-bord)}
.l12r-vide-titre{color:#fff;font-size:19px;font-weight:600;margin:0 0 8px}
.l12r-vide p{margin:0;color:var(--r12-texte)}
.l12r-vide a{color:var(--r12-lagon-clair) !important}

@media (max-width:767px){
	.tp-search-area .tp-search-content input{font-size:21px;height:60px}
	.l12r-page{padding:44px 0 70px}
	.l12r-formulaire{flex-direction:column}
	.l12r-formulaire input[type="search"],.l12r-formulaire button{height:50px}
	.l12r-item{flex-direction:column;padding:16px}
	.l12r-item-image{flex-basis:auto;width:100%}
	.l12r-item-image img{height:150px}
}
@media (prefers-reduced-motion:reduce){
	.l12r-panneau,a.l12r-res,.l12r-item,.l12r-onglets a{transition:none}
}
