/* Rising Lotus Huisstijl - site-opmaak: verzending-retour.css
   De pagina Verzending en retour (.rl-retour-*).
   Laadt alleen op pagina's waarvan de inhoud rl-retour bevat.

   Herkomst: Weergave > Customizer > Extra CSS (stand 16 oktober 2026), ongewijzigd overgenomen
   behalve: knoppen kleuren bij aanwijzen volgens Huisstijl (--rl-style-button-hover-*), focusranden
   via --rl-style-focus-ring, en de mandala-doorzichtigheid volgt de drie huisstijlstanden
   (met een factor, zodat het er nu precies zo uitziet als voorheen). */

/* ════════════════════════════════════════════════════
RISING LOTUS - Verzending & Retour Pagina
════════════════════════════════════════════════════ */

.rl-retour-pagina {
max-width: 760px;
margin: 2rem auto 4rem;
background: #fff;
font-family: var(--body-font-family, "Lato"), sans-serif;
}

.rl-retour-header {
text-align: center;
margin-bottom: 2.5rem;
}

.rl-retour-header h1 {
font-size: 2rem;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
margin-bottom: 0.5rem;
}

.rl-retour-header .rl-sub {
color: var(--muted, var(--rl-style-muted,#8a7d75));
font-style: italic;
font-size: 1.05rem;
}

.rl-retour-content .intro-text {
font-size: 1.05rem;
line-height: 1.76;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
margin-bottom: 2.5rem;
}

.rl-retour-sectie {
margin-top: 2.5rem;
padding-top: 2rem;
border-top: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
}

.rl-retour-sectie h2 {
font-size: 1.3rem;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}

.rl-retour-sectie h3 {
font-size: 1.1rem;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
margin: 1.5rem 0 0.8rem;
}

.rl-retour-sectie p {
font-size: 0.96rem;
line-height: 1.86;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
margin-bottom: 1rem;
}

.rl-retour-lijst {
margin: 0 0 1.5rem 1.5rem;
padding: 0;
}

.rl-retour-lijst li {
font-size: 0.96rem;
line-height: 1.86;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
margin-bottom: 0.5rem;
}

.rl-retour-tabel {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
border: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
}

.rl-retour-tabel th,
.rl-retour-tabel td {
padding: 0.9rem 1.2rem;
text-align: left;
border-bottom: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
font-size: 0.96rem;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
}

.rl-retour-tabel th {
background: var(--cream, var(--rl-style-surface,#f5f5f5));
color: var(--ink, var(--rl-style-ink,#1a1a1a));
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.85rem;
}

.rl-retour-tabel tr:nth-child(even) {
background: var(--cream, var(--rl-style-surface,#f5f5f5));
}

.rl-retour-fineprint {
font-size: 0.85rem !important;
color: var(--muted, var(--rl-style-muted,#8a7d75)) !important;
font-style: italic;
}

.rl-retour-note {
margin: 2rem 0;
padding: 1.5rem;
background: var(--cream, var(--rl-style-surface,#f5f5f5));
border: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
border-left: 3px solid var(--rl, var(--rl-style-accent,#cd9a99));
box-shadow: 0 6px 16px -16px rgba(26, 26, 26, 0.15), 0 2px 6px -8px rgba(205, 154, 153, 0.18);
font-size: 0.92rem;
line-height: 1.7;
color: var(--muted, var(--rl-style-muted,#8a7d75));
}

.rl-retour-note .rl-cap {
display: block;
margin-bottom: 0.5rem;
}

.rl-retour-adres {
margin: 2.5rem 0;
padding: 1.5rem;
background: #fff;
border: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
text-align: center;
max-width: 300px;
margin-left: auto;
margin-right: auto;
box-shadow: var(--rl-shadow-subtle);
}

.rl-retour-adres .rl-cap {
display: block;
margin-bottom: 0.8rem;
}

.rl-retour-adres p {
margin: 0;
font-size: 0.96rem;
line-height: 1.6;
color: var(--ink, var(--rl-style-ink,#1a1a1a));
}

.rl-retour-bewust {
margin-top: 3rem;
padding-top: 2.5rem;
border-top: 1px dashed var(--mid, var(--rl-style-line,#e8dfd8));
text-align: center;
}

.rl-retour-bewust .rl-cap {
display: block;
margin-bottom: 1rem;
}

.rl-retour-bewust p {
font-style: italic;
color: var(--muted, var(--rl-style-muted,#8a7d75));
max-width: 55ch;
margin: 0 auto;
}

@media (max-width: 600px) {
.rl-retour-tabel th,
.rl-retour-tabel td {
padding: 0.75rem 0.5rem;
font-size: 0.85rem;
}
.rl-retour-pagina {
margin: 1rem auto 2rem;
}
}