/**
 * Detail akce — úvod (.dau-*) + podrobnosti (.dap-*) — frontend
 * Samostatný versovaný soubor (filemtime enqueue, docs/08 §F).
 * html{font-size:14px} → px. Breakpointy 991/767/479.
 */

/* ===== Úvodní sekce ===== */
.wp-block-custom-detail-akce-uvod.dau-section { padding: 0 var(--abf-gutter, 8%); margin: 0; }
.wp-block-custom-detail-akce-uvod .dau-container {
    max-width: var(--abf-content-max, 1280px); margin: 0 auto; padding: 32px 0 48px;
}
.wp-block-custom-detail-akce-uvod .dau-breadcrumb ol {
    list-style: none; margin: 0 0 28px; padding: 0;
    display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px;
}
.wp-block-custom-detail-akce-uvod .dau-breadcrumb li + li::before {
    content: "/"; margin-right: 6px; color: #9a9a9a;
}
.wp-block-custom-detail-akce-uvod .dau-breadcrumb a {
    color: var(--red, #d91920); text-decoration: none;
}
.wp-block-custom-detail-akce-uvod .dau-breadcrumb a:hover { text-decoration: underline; }
.wp-block-custom-detail-akce-uvod .dau-breadcrumb [aria-current] { color: #6e6e6e; }

.wp-block-custom-detail-akce-uvod .dau-head {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 14px;
}
.wp-block-custom-detail-akce-uvod .dau-title {
    margin: 0; font-size: 40px; line-height: 1.1; font-weight: 800; color: var(--black, #191919);
    text-transform: uppercase; overflow-wrap: break-word; min-width: 0;
}
.wp-block-custom-detail-akce-uvod .dau-logo {
    max-height: 64px; max-width: 220px; width: auto; flex-shrink: 0;
}
.wp-block-custom-detail-akce-uvod .dau-grid {
    display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 48px; align-items: start; margin-top: 8px;
}
.wp-block-custom-detail-akce-uvod .dau-grid--no-main { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
.wp-block-custom-detail-akce-uvod .dau-main {
    display: flex; flex-direction: column; gap: 24px; min-width: 0;
}
.wp-block-custom-detail-akce-uvod .dau-perex {
    font-size: 16px; line-height: 1.65; color: var(--black, #191919); margin: 0;
}
.wp-block-custom-detail-akce-uvod .dau-perex p { margin: 0 0 8px; }
.wp-block-custom-detail-akce-uvod .dau-perex p:last-child { margin-bottom: 0; }
.wp-block-custom-detail-akce-uvod .dau-meta { margin: 0; }
.wp-block-custom-detail-akce-uvod .dau-meta-item { margin-bottom: 22px; }
.wp-block-custom-detail-akce-uvod .dau-meta-value {
    display: block; margin: 0; font-size: 22px; font-weight: 700; color: var(--black, #191919);
}
.wp-block-custom-detail-akce-uvod .dau-meta-value--place { font-size: 17px; }
.wp-block-custom-detail-akce-uvod .dau-meta-label {
    display: block; font-size: 13px; color: #6e6e6e; margin-top: 2px; font-weight: 400;
}
.wp-block-custom-detail-akce-uvod .dau-badge-past {
    display: inline-block; background: #f0f0f0; color: #6e6e6e;
    font-size: 13px; font-weight: 600; border-radius: 4px; padding: 5px 10px; margin: 0 0 16px;
}
.wp-block-custom-detail-akce-uvod .dau-actions {
    display: flex; flex-direction: column; align-items: stretch; gap: 10px; max-width: 300px;
}
.wp-block-custom-detail-akce-uvod .dau-actions .button { text-align: center; }
.wp-block-custom-detail-akce-uvod .dau-hero { margin: 0; }
.wp-block-custom-detail-akce-uvod .dau-hero img {
    width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
    border-radius: var(--button-radius, 6px); display: block;
}

/* ===== Podrobnosti ===== */
.wp-block-custom-detail-akce-podrobnosti.dap-section { padding: 0; margin: 0; }
.wp-block-custom-detail-akce-podrobnosti .dap-container {
    max-width: 1280px; margin: 0 auto; padding: 24px 8% 64px;
}
/* Na desktopu zarovnat do pravého sloupce úvodu (levý rail 320px + gap 48px) */
@media (min-width: 992px) {
    .wp-block-custom-detail-akce-podrobnosti .dap-container {
        padding-left: calc(8% + 368px);
    }
    .wp-block-custom-detail-akce-podrobnosti .dap-body,
    .wp-block-custom-detail-akce-podrobnosti .dap-title { max-width: 720px; }
}
.wp-block-custom-detail-akce-podrobnosti .dap-title { margin: 0 0 24px; }
.wp-block-custom-detail-akce-podrobnosti .dap-body {
    font-size: 16px; line-height: 1.7; color: var(--black, #191919);
}
.wp-block-custom-detail-akce-podrobnosti .dap-body p { margin: 0 0 14px; }
.wp-block-custom-detail-akce-podrobnosti .dap-body a { color: var(--red, #d91920); }
.wp-block-custom-detail-akce-podrobnosti .dap-map { margin: 28px 0 0; }
.wp-block-custom-detail-akce-podrobnosti .dap-map img {
    max-width: 100%; height: auto; border-radius: var(--button-radius, 6px); display: block;
}
.wp-block-custom-detail-akce-podrobnosti .dap-actions {
    display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 32px;
}

/* Fokus */
.wp-block-custom-detail-akce-uvod a:focus-visible,
.wp-block-custom-detail-akce-podrobnosti a:focus-visible {
    outline: 2px solid var(--red, #d91920); outline-offset: 2px;
}

/* Responsive */
@media (max-width: 991px) {
    .wp-block-custom-detail-akce-uvod .dau-grid,
    .wp-block-custom-detail-akce-uvod .dau-grid--no-main { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .wp-block-custom-detail-akce-uvod .dau-main { order: -1; }
    .wp-block-custom-detail-akce-uvod .dau-title { font-size: 32px; }
}
@media (max-width: 767px) {
    .wp-block-custom-detail-akce-uvod .dau-container { padding: 24px 0 36px; }
    .wp-block-custom-detail-akce-podrobnosti .dap-container { padding: 16px 6% 48px; }
    .wp-block-custom-detail-akce-uvod .dau-head { flex-direction: column-reverse; gap: 12px; }
    .wp-block-custom-detail-akce-uvod .dau-logo { max-height: 48px; }
}
@media (max-width: 479px) {
    .wp-block-custom-detail-akce-uvod .dau-title { font-size: 26px; }
    .wp-block-custom-detail-akce-uvod .dau-meta-value { font-size: 19px; }
    .wp-block-custom-detail-akce-uvod .dau-actions { max-width: none; }
}

/* Podrobnosti vnořené v pravém sloupci úvodu (dap-inline, 2026-08) — kontejner
   nesmí uplatňovat vlastní šířku/odsazení sekce (padding-left calc(8% + 368px)
   patří jen samostatné sekci pod gridem). Specificita 0,3,0 > 0,2,0 původních pravidel. */
.wp-block-custom-detail-akce-uvod .dap-inline .dap-container {
    max-width: none;
    margin: 0;
    padding: 8px 0 0;
}
@media (min-width: 992px) {
    .wp-block-custom-detail-akce-uvod .dap-inline .dap-container {
        padding-left: 0;
    }
}