/**
 * Sablona 2026-007 Domov - paticky (komponenta paticka, ANALYZA kap. 2.18, P4, P24, artboard 08).
 * A Sloupce = vlastni komponenty/paticka-a.latte (4 sloupce na --tpl-footer-bg = secondary, platby / doprava,
 * copyright + segmenty jazyka a meny; mobil akordeon); B, C, D = jadrove Latte ve skinu Domova. Barvy jen z tokenu.
 */
div#bottom {
    margin-top: var(--tpl-section-gap);
    background: var(--tpl-footer-bg);
    color: var(--tpl-footer-text);
    border-top: 1px solid var(--tpl-footer-line);
    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; text-underline-offset: 3px; }
div#in_bottom { width: 100%; max-width: none; margin: 0; padding: 0; }
#copyright, div#copyright { display: none; }

/* --- spolecne prvky jadra (odznaky plateb / doprav jako sede obdelniky, socialni site, copyright) --- */
.tpl-foot-pay,
.tpl-foot-del { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 13px; }
.tpl-foot-strip-label { font-size: 13px; font-weight: 500; color: var(--tpl-footer-text); margin-right: 4px; }
.tpl-foot-items { display: contents; }
.tpl-foot-badge {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 56px; height: 32px; padding: 0 10px;
    border: 0; border-radius: var(--tpl-radius); background: color-mix(in srgb, var(--tpl-footer-text) 8%, transparent);
    color: var(--tpl-footer-muted); font-size: 12px; white-space: nowrap;
}
.tpl-foot-pay .tpl-ico { width: 32px; height: 20px; color: var(--tpl-footer-muted); }
.tpl-foot-social { display: flex; gap: 8px; margin-left: auto; }
.tpl-foot-social:empty { display: none; }
.tpl-foot-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--tpl-surface); }
.tpl-foot-social .tpl-ico { width: 18px; height: 18px; color: var(--tpl-text); }
.copyright_podpis { font-size: 13px; color: var(--tpl-footer-muted); }
#bottom .copyright_podpis a { color: var(--tpl-footer-muted); }

/* ================= A – Sloupce (Domov) ================= */
.dm-foot-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.5fr); gap: 48px; padding-top: 64px; padding-bottom: 48px; }
.dm-foot-col { margin: 0; min-width: 0; }
details.dm-foot-col > summary { list-style: none; }
details.dm-foot-col > summary::-webkit-details-marker { display: none; }
.dm-foot-h { display: flex; align-items: center; justify-content: space-between; margin: 0 0 18px; font: 700 14px/1.3 var(--tpl-font); letter-spacing: .06em; text-transform: uppercase; color: var(--tpl-footer-heading); }
.dm-foot-h .dm-ico { display: none; }
.dm-foot-h--news { text-transform: none; letter-spacing: var(--tpl-head-ls); font: var(--tpl-head-weight) 20px/1.3 var(--tpl-font-head); color: var(--tpl-footer-heading); }
@media (min-width: 769px) {
    details.dm-foot-col > summary { cursor: default; }
}
.dm-foot-list,
.dm-foot-list ul { margin: 0; padding: 0; list-style: none; }
.dm-foot-list li { margin: 0 0 10px; line-height: 1.5; }
.dm-foot-list .ramec_top,
.dm-foot-list--modul h2,
.dm-foot-list--modul h3 { display: none; }
.dm-foot-list a { display: inline-flex; align-items: center; gap: 8px; color: var(--tpl-footer-text); }
.dm-foot-pravni li a { display: flex; margin: 0 0 10px; }
.dm-foot-tel { font-weight: 700; }
.dm-foot-muted,
.dm-foot-list li.dm-foot-muted { display: flex; gap: 8px; align-items: flex-start; color: var(--tpl-footer-muted); }
.dm-foot-muted .dm-ico { margin-top: 3px; }
.dm-foot-news-t { margin: 0 0 16px; font-size: 15px; }
.dm-foot .tpl-foot-news-form { display: flex; gap: 8px; margin: 0; }
.dm-foot .tpl-foot-news-form input[type="email"] {
    flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 14px; border: 1px solid var(--tpl-border); border-radius: var(--tpl-radius);
    background: var(--tpl-surface); color: var(--tpl-text); font: 400 15px/1 var(--tpl-font);
}
.dm-foot .tpl-foot-news-form button {
    display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 1px solid var(--tpl-primary-fill); border-radius: var(--tpl-radius);
    background: var(--tpl-primary-fill); color: var(--tpl-primary-text); font: 500 15px/1 var(--tpl-font); cursor: pointer;
}
.dm-foot .tpl-foot-news-form button .tpl-ico { display: none; }
.dm-foot .tpl-foot-news-form button:hover { background: var(--tpl-link-hover); border-color: var(--tpl-link-hover); }
.dm-foot .tpl-foot-news-note { margin-top: 10px; font-size: 13px; color: var(--tpl-footer-muted); }
.dm-foot-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 40px; padding-top: 24px; padding-bottom: 24px; border-top: 1px solid var(--tpl-footer-line); }
.dm-foot-pay:not(:has(.tpl-foot-badge, .tpl-foot-social a)) { display: none; }
.dm-foot-bot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 20px; padding-bottom: 28px; border-top: 1px solid var(--tpl-footer-line); font-size: 13px; }
.dm-foot .tpl-foot-bottom.dm-foot-bot { border-top: 1px solid var(--tpl-footer-line); }
.dm-foot-lm .tpl-jazyk-mena { gap: 12px; color: var(--tpl-footer-text); }
.dm-foot-lm .tpl-jm-segmenty + .tpl-jm-segmenty { border-left-color: var(--tpl-footer-line); }
.dm-foot-lm .tpl-jm-segment { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 32px; padding: 0 8px; border: 1px solid transparent; border-radius: var(--tpl-radius); color: var(--tpl-footer-text); opacity: 1; text-decoration: none; }
.dm-foot-lm .tpl-jm-segment--aktivni { border-color: var(--tpl-footer-line); background: var(--tpl-surface); color: var(--tpl-text); font-weight: 700; text-decoration: none; }

@media (max-width: 1024px) {
    .dm-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
}
@media (max-width: 768px) {
    .dm-foot-cols { display: block; padding-top: 16px; padding-bottom: 24px; }
    details.dm-foot-col { border-bottom: 1px solid var(--tpl-footer-line); }
    details.dm-foot-col > summary.dm-foot-h { min-height: 52px; margin: 0; cursor: pointer; }
    .dm-foot-h .dm-ico { display: block; transition: transform var(--tpl-transition); }
    details.dm-foot-col[open] > summary .dm-ico { transform: rotate(180deg); }
    details.dm-foot-col .dm-foot-list { padding-bottom: 12px; }
    .dm-foot-list li { margin: 0; }
    .dm-foot-list a,
    .dm-foot-pravni li a { display: flex; align-items: center; min-height: 44px; margin: 0; }
    .dm-foot-news { padding-top: 24px; }
    .dm-foot .tpl-foot-news-form { flex-wrap: wrap; }
    .dm-foot .tpl-foot-news-form button { flex: 1 1 100%; justify-content: center; }
    .dm-foot-bot { flex-direction: column-reverse; align-items: flex-start; }
    .dm-foot-lm .tpl-jm-segment { min-width: 44px; height: 44px; }
}

/* ================= B, C, D – skin jadrovych paticek ================= */
#in_bottom > .tpl-foot:not(.dm-foot) {
    max-width: calc(var(--tpl-max-width) + 2 * var(--tpl-gutter));
    margin: 0 auto;
    padding: 40px var(--tpl-gutter) 16px;
    background: none;
    color: var(--tpl-footer-text);
}
#in_bottom > .tpl-foot--d { padding-top: 20px; }
.tpl-foot:not(.dm-foot) .tpl-foot-h,
.tpl-foot:not(.dm-foot) .ramec_top,
.tpl-foot:not(.dm-foot) h3 { font: 700 14px/1.3 var(--tpl-font); letter-spacing: .06em; text-transform: uppercase; color: var(--tpl-footer-heading); margin: 0 0 12px; }
.tpl-foot .tpl-foot-brand { font: var(--tpl-head-weight) 20px/1.2 var(--tpl-font-head); color: var(--tpl-footer-heading); }
.tpl-foot--c .tpl-foot-c-news { background: var(--tpl-primary-fill); color: var(--tpl-primary-text); border-radius: var(--tpl-area-radius); }
.tpl-foot:not(.dm-foot) .tpl-foot-news-form input[type="email"] { min-height: 48px; padding: 0 14px; border: 1px solid var(--tpl-border); border-radius: var(--tpl-radius); background: var(--tpl-surface); color: var(--tpl-text); font: 400 15px/1 var(--tpl-font); }
.tpl-foot:not(.dm-foot) .tpl-foot-news-form button { min-height: 48px; padding: 0 18px; border: 1px solid var(--tpl-primary-fill); border-radius: var(--tpl-radius); background: var(--tpl-primary-fill); color: var(--tpl-primary-text); font: 500 15px/1 var(--tpl-font); cursor: pointer; }
.tpl-foot--c .tpl-foot-news-form button { background: var(--tpl-surface); color: var(--tpl-text); border-color: var(--tpl-surface); }
.tpl-foot:not(.dm-foot) .tpl-foot-bottom { border-top: 1px solid var(--tpl-footer-line); }