/* ==========================================================================
   /doprava-a-platba (shipping.php), redesign vlna 2 (D2)
   Pravidlá z mockupu 08-doplnkove/doplnkove.html (stav doprava), iba tie, ktoré stránka používa.
   Tokeny a komponenty (rc-crumbs…) sú v css/rc-tokens.css, obal a drobčeky v css/rc-layout.css.
   Základ .rc-body, .rc-dp-page/head/h1/lead a .rc-co-next sú kópiou z css/odstupenie.css
   (rozhodnutie 2026-10-26: zjednotiť vo vlne 3, keď ich bude používať aj objednávka).
   ========================================================================== */

/* Základ pod .rc-body (mockup, Fáza 4) */
.rc-body *, .rc-body *::before, .rc-body *::after { box-sizing: border-box; }
.rc-body h1, .rc-body h2, .rc-body h3, .rc-body p, .rc-body ul, .rc-body ol { margin: 0; }
.rc-body a { color: inherit; }
.rc-body a:not(.rc-btn) { text-decoration: underline; text-decoration-color: var(--rc-taupe); text-underline-offset: .25em; }
.rc-body a:not(.rc-btn):hover { text-decoration-color: var(--rc-gold-deep); }
.rc-body .rc-crumbs a { text-decoration: underline; text-decoration-color: var(--rc-sand); }
.rc-body .rc-crumbs--back a { text-decoration: none; }

.rc-home-eyebrow { font-family: var(--rc-font-display); font-size: var(--rc-fs-12); letter-spacing: var(--rc-ls-display); text-transform: uppercase; color: var(--rc-text-muted); }

/* Stránka (drobčeky sú nad ňou v partials/breadcrumbs.php, preto bez horného odsadenia) */
.rc-dp-page { padding-bottom: var(--rc-space-7); }
.rc-dp-page > section { margin-top: var(--rc-space-7); }
.rc-dp-head { text-align: center; max-width: 680px; margin: var(--rc-space-5) auto 0; }
.rc-dp-head .rc-home-eyebrow { margin-bottom: var(--rc-space-2); }
.rc-dp-h1 { margin: 0; font-family: var(--rc-font-display); font-weight: 400; text-transform: uppercase; letter-spacing: var(--rc-ls-display); font-size: var(--rc-fs-display); line-height: 1.35; color: var(--rc-text-strong); }
.rc-dp-lead { margin: var(--rc-space-3) auto 0; font-size: var(--rc-fs-18); color: var(--rc-text-muted); max-width: 60ch; }
.rc-dp-h2 { margin: 0 0 var(--rc-space-4); font-family: var(--rc-font-display); font-weight: 400; text-transform: uppercase; letter-spacing: var(--rc-ls-display); font-size: var(--rc-fs-18); color: var(--rc-text-strong); }

/* Karty dopravy a platby */
.rc-dp-cards { display: grid; gap: var(--rc-space-4); }
@media (min-width: 768px) { .rc-dp-cards { grid-template-columns: 1fr 1fr; } .rc-dp-cards--1 { grid-template-columns: 1fr; } }
.rc-dp-card { display: flex; gap: var(--rc-space-4); padding: var(--rc-space-5); border: var(--rc-border) solid var(--rc-line-soft); background: var(--rc-surface); border-radius: var(--rc-radius); }
.rc-dp-card__ic { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--rc-cream); color: var(--rc-text-strong); }
.rc-dp-card__t { margin: 0; font-size: var(--rc-fs-18); font-weight: 600; color: var(--rc-text-strong); }
.rc-dp-card__price { margin: var(--rc-space-1) 0 var(--rc-space-3); font-size: var(--rc-fs-16); color: var(--rc-text); }
/* vety z product.TEXT (Summernote v admine): odrážkový zoznam, prípadne odseky */
.rc-dp-card__text { color: var(--rc-text-muted); }
.rc-dp-card__text ul { margin: 0; padding-left: 1.1em; }
.rc-dp-card__text li + li { margin-top: var(--rc-space-1); }
.rc-dp-card__text > * + * { margin-top: var(--rc-space-2); }
.rc-dp-free { display: flex; align-items: center; gap: var(--rc-space-2); margin-top: var(--rc-space-3); color: var(--rc-text); }
.rc-dp-free svg { color: var(--rc-success-mark); flex: none; }

/* Kedy príde (kroky ako po objednaní, Fáza 7) */
.rc-co-next ol { list-style: none; margin: var(--rc-space-5) 0 0; padding: 0; display: grid; gap: var(--rc-space-4); }
@media (min-width: 768px) { .rc-co-next ol { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--rc-space-5); } }
.rc-co-next li { display: flex; gap: var(--rc-space-3); align-items: flex-start; }
.rc-co-next__n { font-family: var(--rc-font-script); font-size: 2.75rem; line-height: .8; color: var(--rc-text-accent-lg); width: 1em; text-align: center; flex: none; }
.rc-co-next li p { margin: 0; font-size: var(--rc-fs-14); }
.rc-co-next__t { font-weight: 600; color: var(--rc-text-strong); font-size: var(--rc-fs-16) !important; margin-bottom: var(--rc-space-1) !important; }
.rc-dp-when ol { margin-bottom: var(--rc-space-5); }

/* Časté otázky (akordeón ako na detaile produktu, Fáza 6) */
.rc-pd-acc { margin-top: var(--rc-space-4); border-top: 1px solid var(--rc-line-soft); }
.rc-pd-acc details { border-bottom: 1px solid var(--rc-line-soft); }
.rc-pd-acc summary { display: flex; justify-content: space-between; align-items: center; min-height: var(--rc-touch); cursor: pointer; list-style: none; font-weight: 600; color: var(--rc-text-strong); }
.rc-pd-acc summary::-webkit-details-marker { display: none; }
.rc-pd-acc summary svg { flex: none; transition: transform var(--rc-dur) var(--rc-ease); color: var(--rc-taupe-dark); }
.rc-pd-acc details[open] summary svg { transform: rotate(180deg); }
.rc-pd-acc summary:focus-visible { outline: 2px solid var(--rc-focus); outline-offset: 2px; }
.rc-pd-acc details > div p { margin: 0 0 var(--rc-space-4); font-size: var(--rc-fs-14); color: var(--rc-text); }
.rc-dp-faq { max-width: 820px; }

/* Súvisiace podmienky */
.rc-dp-legal { display: flex; flex-wrap: wrap; gap: var(--rc-space-2) var(--rc-space-5); margin-top: var(--rc-space-6); padding-top: var(--rc-space-5); border-top: var(--rc-border) solid var(--rc-line-soft); }
.rc-body .rc-dp-legal a { display: inline-flex; align-items: center; gap: var(--rc-space-2); min-height: var(--rc-touch); color: var(--rc-text); }
.rc-dp-legal a svg { color: var(--rc-text-muted); }