/* Page /livraison-retour/ « Livraison et retours » (page-livraison-retour.php). Mobile d'abord, ordinateur à partir de 1024 px. */

.aj-lr { --lr-beige: #f9f6f4; --lr-trait: #e4dcd6; --lr-gris: #4a4340; --lr-gris-clair: #6f6763; color: #141110; }
.aj-lr h1, .aj-lr h2, .aj-lr h3 { margin: 0; font-family: var(--aj-titre); font-weight: 400; letter-spacing: -.01em; }
.aj-lr em { font-style: italic; }
.aj-lr p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--lr-gris); }
.aj-lr b { font-weight: 600; color: #141110; }
.aj-lr__sur { font-size: 11px !important; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--lr-gris-clair) !important; }
.aj-lr__note { font-size: 13px !important; color: var(--lr-gris-clair) !important; }
.aj-lr__bouton { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 28px; background: #141110; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #fff; text-decoration: none; transition: background .2s, transform .2s; }
.aj-lr__bouton:hover { background: #3a3431; color: #fff; transform: translateY(-2px); }
.aj-lr__lien { font-size: 13px; color: #141110; text-decoration: underline; text-underline-offset: 3px; }
.aj-lr__lien:hover { color: var(--lr-gris); }

/* Haut */
.aj-lr-haut { display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 720px; margin: 0 auto; padding: 56px 20px 32px; text-align: center; }
.aj-lr-haut h1 { font-size: 40px; line-height: 1.05; }

/* L'essentiel en trois points */
.aj-lr-essentiel { display: grid; gap: 1px; max-width: 1080px; margin: 0 auto; padding: 0; list-style: none; background: var(--lr-trait); border-block: 1px solid var(--lr-trait); }
.aj-lr-essentiel li { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: var(--lr-beige); }
.aj-lr-essentiel img { flex: none; width: 40px; height: 40px; object-fit: contain; }
.aj-lr-essentiel span { display: flex; flex-direction: column; gap: 2px; font-size: 13px; line-height: 1.4; color: var(--lr-gris); }
.aj-lr-essentiel b { font-size: 15px; }

/* Sommaire : pastilles sur plusieurs lignes sur mobile (aucune coupée), collant sur ordinateur */
.aj-lr-sommaire { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 1080px; margin: 0 auto; padding: 16px 20px 6px; background: #fff; }
.aj-lr-sommaire a { flex: none; padding: 9px 14px; border: 1px solid var(--lr-trait); border-radius: 999px; font-size: 13px; color: #141110; text-decoration: none; transition: background .2s, border-color .2s; }
.aj-lr-sommaire a:hover { border-color: #141110; background: var(--lr-beige); }

/* Sections */
.aj-lr-corps { max-width: 1080px; margin: 0 auto; padding: 0 20px 72px; }
.aj-lr-bloc { display: flex; flex-direction: column; gap: 18px; padding: 44px 0; border-top: 1px solid #141110; scroll-margin-top: 72px; }
.aj-lr-bloc:first-child { padding-top: 10px; border-top: 0; } /* moins de vide sous le sommaire */
.aj-lr__num { font-family: var(--aj-titre); font-size: 48px !important; font-style: italic; line-height: 1 !important; color: #d6cac0 !important; }
.aj-lr-bloc h2 { margin-top: -6px; font-size: 32px; line-height: 1.1; }
.aj-lr-bloc__chapo { font-size: 16px !important; color: #141110 !important; }
.aj-lr-bloc__sous-titre { margin-top: 14px !important; font-size: 24px; font-style: italic; }

/* Tableaux de tarifs */
.aj-lr-tableau { overflow-x: auto; border: 1px solid var(--lr-trait); }
.aj-lr-tableau table { width: 100%; min-width: 440px; margin: 0; border-collapse: collapse; font-size: 14px; }
.aj-lr-tableau th, .aj-lr-tableau td { padding: 14px 16px; border: 0; border-bottom: 1px solid var(--lr-trait); text-align: left; vertical-align: top; }
.aj-lr-tableau tbody tr:last-child > * { border-bottom: 0; }
.aj-lr-tableau thead th { background: var(--lr-beige); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--lr-gris-clair); }
.aj-lr-tableau tbody th { font-weight: 500; }
.aj-lr-tableau small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--lr-gris-clair); }
.aj-lr-tableau td:last-child { white-space: nowrap; }

/* Délais */
.aj-lr-frise { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.aj-lr-frise li { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; background: var(--lr-beige); }
.aj-lr-frise b { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--lr-gris-clair); }
.aj-lr-frise span { font-family: var(--aj-titre); font-size: 26px; font-style: italic; }
.aj-lr-frise small { font-size: 13px; line-height: 1.45; color: var(--lr-gris); }

/* Encadrés */
.aj-lr-encadre { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; border: 1px solid var(--lr-trait); }
.aj-lr-encadre--beige { border: 0; background: #f3eeea; }
.aj-lr-encadre__titre { font-size: 15px !important; font-weight: 600; color: #141110 !important; }

/* Retour offert / à vos frais */
.aj-lr-choix { display: grid; gap: 14px; }
.aj-lr-choix__carte { display: flex; flex-direction: column; gap: 12px; padding: 24px 22px; border: 1px solid var(--lr-trait); background: #fff; }
.aj-lr-choix__carte h3 { font-size: 24px; line-height: 1.15; }
.aj-lr-choix__carte ul { display: grid; gap: 10px; margin: 4px 0 0; padding: 0; list-style: none; }
.aj-lr-choix__carte li { display: flex; gap: 10px; font-size: 14px; line-height: 1.5; color: var(--lr-gris); }
/* Carte noire : tout le texte en blanc (après les règles générales, sinon le gris l'emporte) */
.aj-lr-choix .aj-lr-choix__carte--offert { border-color: #141110; background: #141110; }
.aj-lr-choix .aj-lr-choix__carte--offert .aj-lr__sur,
.aj-lr-choix .aj-lr-choix__carte--offert h3,
.aj-lr-choix .aj-lr-choix__carte--offert li { color: #fff !important; }
.aj-lr-choix__carte li svg { flex: none; width: 18px; height: 18px; margin-top: 2px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.aj-lr-choix__carte--offert li svg { stroke: #e3c88f; }
.aj-lr-choix__aussi { margin-top: auto !important; padding-top: 12px; border-top: 1px solid var(--lr-trait); font-size: 13px !important; }

/* Étapes du retour */
.aj-lr-etapes { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.aj-lr-etapes li { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; row-gap: 2px; align-items: start; font-size: 14px; line-height: 1.5; color: var(--lr-gris); }
.aj-lr-etapes__num { grid-row: span 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #141110; border-radius: 50%; font-family: var(--aj-titre); font-size: 18px; font-style: italic; color: #141110; }
.aj-lr-etapes b { padding-top: 2px; font-size: 15px; }

/* Cas particuliers */
.aj-lr-cas { display: grid; gap: 12px; padding: 20px 22px; background: var(--lr-beige); }
.aj-lr-cas p { font-size: 14px; }

/* Page Paiements : logo devant chaque moyen de paiement, conditions dépliables */
.aj-lr-moyen { display: flex; align-items: center; gap: 14px; }
/* Chaque logo dans la même boîte (56 × 26), centré : badges et logos en toutes lettres paraissent de même taille ; plusieurs logos l'un sous l'autre */
.aj-lr-moyen__logos { display: flex; flex: none; flex-direction: column; align-items: center; gap: 6px; width: 56px; }
.aj-lr-moyen__logos img { display: block; width: 56px; height: 26px; object-fit: contain; }
.aj-lr-moyen__picto { width: 56px; height: 24px; fill: none; stroke: #141110; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.aj-lr-frise__logo { display: flex; align-items: center; height: 30px; }
.aj-lr-frise__logo img { display: block; width: 84px; height: 26px; object-fit: contain; object-position: left center; }
.aj-lr-details { border: 1px solid var(--lr-trait); }
.aj-lr-details summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; font-size: 14px; font-weight: 500; cursor: pointer; list-style: none; }
.aj-lr-details summary::-webkit-details-marker { display: none; }
.aj-lr-details summary::after { content: "+"; font-size: 20px; line-height: 1; }
.aj-lr-details[open] summary::after { content: "–"; }
.aj-lr-details__texte { display: grid; gap: 12px; padding: 0 20px 20px; }
.aj-lr-details__texte p { font-size: 13px; }
.aj-lr-details a { color: #141110; text-decoration: underline; text-underline-offset: 3px; }

/* Page FAQ : recherche, questions dépliables */
.aj-faq-recherche { position: relative; width: 100%; max-width: 520px; margin-top: 8px; }
.aj-faq-recherche svg { position: absolute; top: 50%; left: 18px; width: 18px; height: 18px; transform: translateY(-50%); fill: none; stroke: var(--lr-gris-clair); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.aj-faq-recherche input { width: 100%; height: 52px; padding: 0 18px 0 48px; border: 1px solid var(--lr-trait); border-radius: 999px; background: #fff; font: inherit; font-size: 15px; color: #141110; }
.aj-faq-recherche input:focus { border-color: #141110; outline: none; }
.aj-faq-questions { display: grid; gap: 8px; }
.aj-faq-question summary { font-size: 15px; }
.aj-faq-question[open] summary { padding-bottom: 10px; }
.aj-faq-question .aj-lr-details__texte p, .aj-faq-question .aj-lr-details__texte li { font-size: 14px; }
.aj-faq-question ul { display: grid; gap: 4px; margin: 0; padding-left: 18px; color: var(--lr-gris); }
.aj-faq-question a { color: #141110; text-decoration: underline; text-underline-offset: 3px; }
.aj-faq-vide { padding: 32px 0; text-align: center; }
.aj-faq [hidden] { display: none !important; }

/* Adresse */
.aj-lr-adresse address { font-family: var(--aj-titre); font-size: 22px; font-style: italic; line-height: 1.4; }
.aj-lr-adresse__boutons { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 6px; }

@media (min-width: 1024px) {
	.aj-lr-haut { padding: 80px 20px 48px; }
	.aj-lr-haut h1 { font-size: 56px; }
	.aj-lr-essentiel { grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--lr-trait); }
	.aj-lr-essentiel li { padding: 24px 26px; }
	.aj-lr-sommaire { position: sticky; top: 0; z-index: 5; flex-wrap: nowrap; padding: 22px 20px 14px; }
	.aj-lr-bloc { display: grid; grid-template-columns: 220px minmax(0, 1fr); column-gap: 48px; row-gap: 20px; padding: 64px 0; }
	.aj-lr-bloc:first-child { padding-top: 24px; }
	.aj-lr-bloc > * { grid-column: 2; }
	.aj-lr-bloc > .aj-lr__num, .aj-lr-bloc > h2 { grid-column: 1; grid-row: 1; margin: 0; }
	.aj-lr-bloc > .aj-lr__num { font-size: 72px !important; }
	.aj-lr-bloc > h2 { padding-top: 84px; font-size: 34px; }
	.aj-lr-bloc > .aj-lr__num { align-self: start; }
	.aj-lr-frise { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aj-lr-choix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aj-lr-etapes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	.aj-lr-etapes li { grid-template-columns: 1fr; row-gap: 8px; }
	.aj-lr-etapes__num { grid-row: auto; }
	.aj-lr-adresse__boutons { flex-direction: row; align-items: center; gap: 28px; }
}