/**
 * Sablona 2026-006 Garaz - paticky (komponenta paticka, ANALYZA kap. 2.16, artboardy 01 a 08).
 * B Kompaktni tmava = vlastni komponenty/paticka-b.latte (pruh poradny v accent, 3 sloupce odkazu + kontakt na
 * --tpl-footer-bg = secondary, trust lista na primary, copyright + CZ | SK | EN  CZK | EUR); A, C, D = jadrove Latte
 * ve skinu Garaze (newsletter s bilym tlacitkem – README odchylka 15). Barvy jen z tokenu --tpl-footer-* / accent / primary.
 */
div#bottom {
    margin-top: var(--tpl-section-gap);
    background: var(--tpl-footer-bg);
    color: var(--tpl-footer-text);
    font-family: var(--tpl-font);
    font-size: 15px;
}
div#bottom a { color: var(--tpl-footer-link); }
div#bottom a:hover { color: var(--tpl-footer-link); text-decoration: underline; }
div#in_bottom { width: 100%; max-width: none; margin: 0; padding: 0; }
#copyright, div#copyright { display: none; }
#bottom :focus-visible { outline: 2px solid var(--tpl-footer-text); outline-offset: 2px; }

/* --- spolecne prvky jadra (odznaky plateb / doprav, socialni site, copyright) --- */
.tpl-foot-pay,
.tpl-foot-del { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tpl-foot-strip-label { font-size: 12px; font-weight: 600; color: var(--tpl-footer-muted); text-transform: uppercase; letter-spacing: .05em; }
.tpl-foot-items { display: contents; }
.tpl-foot-badge,
.gr-tl {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--tpl-footer-border);
    border-radius: var(--tpl-radius);
    background: transparent;
    color: var(--tpl-footer-text);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.tpl-foot-pay .tpl-ico { width: 36px; height: 24px; color: var(--tpl-footer-text); }
.tpl-foot-social { display: flex; gap: 8px; margin-top: 8px; }
.tpl-foot-social:empty { display: none; }
.tpl-foot-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--tpl-footer-border); border-radius: var(--tpl-radius); }
.tpl-foot-social .tpl-ico { width: 18px; height: 18px; color: var(--tpl-footer-text); }
.copyright_podpis { font-size: 13px; color: var(--tpl-footer-muted); }
#bottom .copyright_podpis a { color: var(--tpl-footer-muted); }

/* ================= B – Kompaktni tmava (Garaz) ================= */
/* 1) pruh poradny 72 px v accent */
.gr-foot-poradna { background: var(--tpl-accent); color: var(--tpl-accent-text); }
.gr-foot-poradna-in { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 72px; padding-top: 12px; padding-bottom: 12px; text-align: center; }
.gr-foot-poradna-t { margin: 0; font: var(--tpl-head-weight) 26px/1.15 var(--tpl-font-head); letter-spacing: var(--tpl-head-ls); text-transform: uppercase; }
#bottom .gr-foot-poradna-t a { color: var(--tpl-accent-text); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; white-space: nowrap; }
.gr-foot-poradna-doba { font-size: 15px; font-weight: 600; }
#bottom .gr-foot-poradna :focus-visible { outline-color: var(--tpl-accent-text); }

/* 2) sloupce odkazu + kontakt */
.gr-foot-sloupce { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; padding-top: 32px; padding-bottom: 32px; }
.gr-foot-odkazy { display: flex; flex-wrap: wrap; gap: 24px 56px; }
details.gr-foot-sl { margin: 0; }
details.gr-foot-sl > summary { list-style: none; }
details.gr-foot-sl > summary::-webkit-details-marker { display: none; }
.gr-foot-h { display: flex; align-items: center; margin: 0 0 12px; font: var(--tpl-head-weight) 16px/1.2 var(--tpl-font-head); letter-spacing: var(--tpl-head-ls); text-transform: uppercase; color: var(--tpl-footer-heading); }
@media (min-width: 769px) {
    details.gr-foot-sl > summary { cursor: default; }
    details.gr-foot-sl > summary .gr-ico { display: none; }
}
.gr-foot-r { display: flex; flex-direction: column; gap: 4px; }
.gr-foot-r a { display: inline-flex; align-items: center; min-height: 32px; color: var(--tpl-footer-text); }
.gr-foot-r .ramec_top,
.gr-foot-r--modul .ramec_top,
.gr-foot-r--modul h2,
.gr-foot-r--modul h3 { display: none; }
.gr-foot-r .ramec_body,
.gr-foot-r ul,
.gr-foot-r li,
.gr-foot-r p,
.gr-foot-r--modul > div { display: contents; }
.gr-foot-kontakt { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
.gr-foot-brand { margin: 0 0 4px; font: var(--tpl-head-weight) 28px/1 var(--tpl-font-head); letter-spacing: var(--tpl-head-ls); text-transform: uppercase; color: var(--tpl-footer-heading); }
#bottom .gr-foot-tel { font-weight: 600; font-size: 16px; color: var(--tpl-footer-heading); }
#bottom .gr-foot-mail,
.gr-foot-adresa { color: var(--tpl-footer-muted); font-size: 14px; }

/* 3) trust lista na primary */
.gr-foot-trust { background: var(--tpl-primary-fill); color: var(--tpl-primary-fill-text); border-top: 1px solid var(--tpl-footer-border); }
.gr-foot-trust-in { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-height: 64px; padding-top: 12px; padding-bottom: 12px; }
.gr-foot-trust-t { margin-right: 8px; font-size: 14px; color: var(--tpl-footer-muted); }
#bottom .gr-foot-trust .gr-tl { color: var(--tpl-primary-fill-text); border-color: var(--tpl-footer-border); }
#bottom .gr-foot-trust a.gr-tl:hover { border-color: var(--tpl-primary-fill-text); text-decoration: none; }

/* 4) copyright + prepinace */
.gr-foot-spodek { background: var(--tpl-primary-fill); color: var(--tpl-primary-fill-text); }
.gr-foot-copy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: 56px; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid var(--tpl-footer-border); }
.gr-foot-lm { display: flex; gap: 20px; }
#bottom .gr-foot-lm .gr-sw-a { color: var(--tpl-footer-muted); }
#bottom .gr-foot-lm .gr-sw-a--on { color: var(--tpl-primary-fill-text); }

@media (max-width: 768px) {
    .gr-foot-poradna-in { flex-wrap: wrap; gap: 4px 12px; }
    .gr-foot-poradna-in > .gr-ico { display: none; }
    .gr-foot-poradna-t { font-size: 22px; }
    .gr-foot-sloupce { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 8px; padding-bottom: 24px; }
    .gr-foot-odkazy { flex-direction: column; gap: 0; }
    details.gr-foot-sl { border-bottom: 1px solid var(--tpl-footer-border); }
    details.gr-foot-sl > summary.gr-foot-h { justify-content: space-between; width: 100%; min-height: 52px; margin: 0; cursor: pointer; }
    details.gr-foot-sl[open] > summary .gr-ico { transform: rotate(180deg); }
    details.gr-foot-sl .gr-foot-r { padding-bottom: 8px; }
    .gr-foot-r a { min-height: 44px; }
    .gr-foot-kontakt { align-items: flex-start; text-align: left; }
    #bottom .gr-foot-tel,
    #bottom .gr-foot-mail { display: inline-flex; align-items: center; min-height: 44px; }
    .gr-foot-copy { font-size: 12px; }
    .gr-foot-lm .gr-sw-a { min-height: 44px; }
}

/* ================= A, C, D – skin jadrovych paticek ================= */
#in_bottom > .tpl-foot:not(.gr-foot) {
    max-width: calc(var(--tpl-max-width) + 2 * var(--tpl-gutter));
    margin: 0 auto;
    padding: 32px var(--tpl-gutter) 16px;
    background: none;
    color: var(--tpl-footer-text);
}
#in_bottom > .tpl-foot--d { padding-top: 16px; }
.tpl-foot .tpl-foot-h,
.tpl-foot .ramec_top,
.tpl-foot h3 { font: var(--tpl-head-weight) 16px/1.2 var(--tpl-font-head); letter-spacing: var(--tpl-head-ls); text-transform: uppercase; color: var(--tpl-footer-heading); margin: 0 0 10px; }
.tpl-foot .tpl-foot-brand { font: var(--tpl-head-weight) 24px/1.1 var(--tpl-font-head); letter-spacing: var(--tpl-head-ls); text-transform: uppercase; color: var(--tpl-footer-heading); }
.tpl-foot--c .tpl-foot-c-news { background: var(--tpl-primary-fill); color: var(--tpl-primary-fill-text); border-radius: var(--tpl-area-radius); }
.tpl-foot-news-form input[type="email"] { min-height: 44px; padding: 0 12px; border: 1px solid var(--tpl-footer-border); border-radius: var(--tpl-input-radius); background: var(--tpl-surface); color: var(--tpl-text); font: 400 15px/1 var(--tpl-font); }
.tpl-foot-news-form button { min-height: 44px; padding: 0 16px; border: 1px solid var(--tpl-surface); border-radius: var(--tpl-radius); background: var(--tpl-surface); color: var(--tpl-text); font: 600 15px/1 var(--tpl-font); cursor: pointer; }
.tpl-foot-bottom { border-top: 1px solid var(--tpl-footer-border); }