/* Rozloženie spoločné pre všetky stránky (hlavička, menu), prenesené z vloženého štýlu mockupov
   (04-homepage, 05-kategorie, 06-produkt, 07-kosik-checkout majú rovnaké triedy rc-home-*).
   Načítava sa za rc-tokens.css (partials/head.php). rc-tokens.css je kópia dizajn systému a nemení sa,
   doplnky pre e-shop patria sem. */

/* Pomocné triedy podľa šírky (mobil < 768, tablet < 1024) */
.rc-home-contents { display: contents; }
@media (max-width: 767.98px) { .rc-home-hide-sm { display: none !important; } }
@media (min-width: 768px) { .rc-home-only-sm { display: none !important; } }
@media (max-width: 1023.98px) { .rc-home-hide-tab { display: none !important; } }
@media (min-width: 1024px) { .rc-home-only-tab { display: none !important; } }

/* Lišta a hlavička */
.rc-topbar a { color: inherit; text-decoration: underline; text-decoration-color: var(--rc-taupe-dark); text-underline-offset: .2em; }
.rc-home-header { position: relative; z-index: var(--rc-z-header); }
.rc-home-header .rc-header__row { gap: var(--rc-space-2); }
.rc-home-header .rc-header__logo { width: 120px; color: var(--rc-ink); }
@media (max-width: 1023.98px) { .rc-home-header .rc-header__row { padding-inline: 8px; } .rc-home-header .rc-header__logo { width: 104px; margin: 0 auto; } }
.rc-home-header__right { display: flex; gap: var(--rc-space-1); margin-left: auto; }
@media (max-width: 1023.98px) { .rc-home-header__right { margin-left: 0; } }
@media (min-width: 768px) and (max-width: 1023.98px) { .rc-home-mpanel { left: auto; width: 380px; } }
.rc-home-header .rc-dropdown { position: absolute; left: 0; right: 0; top: 100%; z-index: var(--rc-z-dropdown); }
.rc-home-miriam { font-family: var(--rc-font-script); font-size: 1.4rem; line-height: 1; color: var(--rc-ink); }
.rc-home-mpanel { position: absolute; left: 0; right: 0; top: 100%; z-index: var(--rc-z-dropdown); border-top: 1px solid var(--rc-line-soft); border-bottom: 1px solid var(--rc-line); }

/* Obal obsahu a drobčeky (05-kategorie, 06-produkt) */
.rc-home-wrap { max-width: var(--rc-container); margin: 0 auto; padding-inline: var(--rc-gutter); }
.rc-cat-crumbs { padding-block: var(--rc-space-3); }
.rc-cat-crumbs.rc-crumbs--back svg { flex: none; }

/* Doplnky e-shopu (mockup ich nemá) */
/* Počet položiek pri košíku; prázdny (košík bez položiek) sa nezobrazí. #cart-count kvôli staršiemu pravidlu v style.css. */
.rc-header #cart-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5em; height: 1.5em; padding: 0 .4em; border-radius: 999px; background: var(--rc-ink); color: var(--rc-white); font-size: var(--rc-fs-12); font-weight: 600; line-height: 1; }
.rc-header #cart-count:empty { display: none; }
/* Mobilné menu: nadpis stĺpca bez vlastnej stránky (napr. Pre blízkych) a odkazy pod ním */
.rc-mnav__label { display: flex; align-items: baseline; gap: .5em; min-height: 44px; padding: var(--rc-space-3) var(--rc-gutter) 0 calc(var(--rc-gutter) + 1rem); font-size: var(--rc-fs-14); font-weight: 600; color: var(--rc-text-muted); }
.rc-mnav__sub a.rc-mnav__deep { padding-left: calc(var(--rc-gutter) + 2rem); }
/* Staré štýly (style.css, Bootstrap) menia a, button a nav globálne; v novej hlavičke platia tokeny */
.rc-home-header a:hover, .rc-home-header a:focus { text-decoration: none; }
/* style.css dáva každému button rámik, zaoblenie .3em, margin-left a pozadie; triedy tokenov prepíšu len rámik a pozadie */
.rc-home-header button { margin: 0; border-radius: 0; }
.rc-home-header .rc-iconbtn { border-radius: var(--rc-radius); }

/* Päta (G5, mockup 04-homepage). Je aj na starých stránkach so style.css a Bootstrapom, ktoré menia
   h2, p, ul a a globálne, preto okraje, farby a podčiarknutie nastavené výslovne. */
.rc-home-foot { background: var(--rc-cream); padding-block: var(--rc-space-7) var(--rc-space-5); }
.rc-home-foot *, .rc-home-foot *::before, .rc-home-foot *::after { box-sizing: border-box; }
.rc-home-foot__top { display: flex; flex-direction: column; align-items: center; gap: var(--rc-space-2); margin-bottom: var(--rc-space-6); }
.rc-home-foot__logo { width: 140px; color: var(--rc-ink); }
.rc-home-foot__logo svg { width: 100%; height: auto; display: block; }
.rc-home-foot__claim { margin: 0; font-family: var(--rc-font-script); font-size: 1.6rem; line-height: 1.2; color: var(--rc-taupe-dark); }
.rc-home-foot__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rc-space-6) var(--rc-space-4); }
@media (min-width: 1024px) { .rc-home-foot__grid { grid-template-columns: 1.2fr 1.2fr 1fr 1.2fr; } }
.rc-home-foot .rc-home-foot__h { margin: 0 0 var(--rc-space-3); font-family: var(--rc-font-display); font-weight: 400; font-size: var(--rc-fs-12); line-height: 1.4; letter-spacing: var(--rc-ls-display); text-transform: uppercase; color: var(--rc-text-strong); }
.rc-home-foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.rc-home-foot li a { display: inline-flex; align-items: center; gap: .5em; min-height: 36px; color: var(--rc-text); text-decoration: none; font-size: var(--rc-fs-14); overflow-wrap: anywhere; }
.rc-home-foot li a:hover, .rc-home-foot li a:focus { color: var(--rc-text); text-decoration: underline; text-decoration-color: var(--rc-taupe-dark); text-underline-offset: .25em; }
.rc-home-foot li a:focus-visible, .rc-home-foot__logo:focus-visible { outline: 2px solid var(--rc-focus); outline-offset: 2px; }
.rc-home-foot__contact svg { flex: none; color: var(--rc-taupe-dark); }
.rc-home-foot__legal { margin: var(--rc-space-6) 0 0; padding-top: var(--rc-space-4); border-top: 1px solid var(--rc-sand); font-size: var(--rc-fs-14); color: var(--rc-text-muted); text-align: center; }
@media print { .rc-home-foot { display: none; } }