/* marekpiacek.sk — dizajn
   Paleta: papier / atrament / tehlový akcent */

:root {
    --mp-paper: #faf8f3;
    --mp-paper-soft: #f3f0e8;
    --mp-ink: #1c1a17;
    --mp-muted: #6f6a60;
    --mp-line: #e3ded3;
    --mp-accent: #a03a2c;
    --mp-serif: "Fraunces", Georgia, serif;
    --mp-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="dark"] {
    --mp-paper: #171512;
    --mp-paper-soft: #221f1a;
    --mp-ink: #e9e4d8;
    --mp-muted: #9c958a;
    --mp-line: #383329;
    --mp-accent: #d07a5f;
}

html { background: var(--mp-paper); }

body {
    background: var(--mp-paper);
    color: var(--mp-ink);
    font-family: var(--mp-sans);
    font-size: 0.975rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .mp-serif {
    font-family: var(--mp-serif);
    font-weight: 500;
    color: var(--mp-ink);
}

a { color: var(--mp-ink); text-decoration: none; }
a:hover { color: var(--mp-accent); text-decoration: none; }
main a:not(.btn):not(.badge):not(.list-group-item):not(.page-link) {
    text-decoration: underline;
    text-decoration-color: var(--mp-line);
    text-underline-offset: 3px;
    transition: text-decoration-color .15s, color .15s;
}
main a:not(.btn):not(.badge):not(.list-group-item):not(.page-link):hover {
    text-decoration-color: var(--mp-accent);
}

.text-muted { color: var(--mp-muted) !important; }

/* ---------- Hlavička ---------- */
.mp-header {
    background: var(--mp-paper);
    border-bottom: 1px solid var(--mp-line);
}
.mp-header .navbar-brand {
    font-family: var(--mp-serif);
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--mp-ink);
}
.mp-header .nav-link {
    color: var(--mp-ink);
    font-size: 0.78rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    padding-top: .65rem;
    padding-bottom: .65rem;
}
.mp-header .nav-link:hover,
.mp-header .nav-link.active { color: var(--mp-accent); }
.mp-header .dropdown-menu {
    background: var(--mp-paper);
    border: 1px solid var(--mp-line);
    border-radius: 0;
    box-shadow: 0 8px 24px rgba(28,26,23,.08);
}
.mp-header .dropdown-item {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: var(--mp-ink);
}
.mp-header .dropdown-item:hover { background: var(--mp-paper-soft); color: var(--mp-accent); }
.mp-lang .nav-link { color: var(--mp-muted); }
.mp-lang .nav-link.active { color: var(--mp-ink); border-bottom: 2px solid var(--mp-accent); }
.mp-header .navbar-toggler { border-color: var(--mp-line); }
.mp-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231c1a17' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ---------- Hero (úvod) ---------- */
.mp-hero {
    padding: 4.5rem 0 3.5rem;
    border-bottom: 1px solid var(--mp-line);
    margin-bottom: 3rem;
}
.mp-hero h1 {
    font-size: clamp(2.6rem, 6vw, 4.2rem);
    font-weight: 600;
    line-height: 1.05;
    margin-bottom: .75rem;
}
.mp-hero .mp-tagline {
    color: var(--mp-muted);
    font-size: 1.05rem;
    letter-spacing: 0.02em;
    max-width: 34em;
}
.mp-hero .mp-tagline em { font-family: var(--mp-serif); }

/* ---------- Sekcie ---------- */
.mp-section-title {
    font-family: var(--mp-sans);
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--mp-accent);
    border-bottom: 1px solid var(--mp-line);
    padding-bottom: .55rem;
    margin-bottom: 1.1rem;
}
h1.h2 {
    font-size: 2.1rem;
    font-weight: 600;
    margin-bottom: 1.4rem;
}

/* ---------- Zoznamy záznamov ---------- */
.mp-item { margin-bottom: .85rem; display: flex; }
.mp-year {
    color: var(--mp-muted);
    font-variant-numeric: tabular-nums;
    font-size: 0.85rem;
    min-width: 6.4em;
    margin-right: .9rem;
    padding-top: .12em;
    flex-shrink: 0;
}
.mp-item-title {
    font-family: var(--mp-serif);
    font-size: 1.02rem;
    font-weight: 500;
}
.mp-item-sub { color: var(--mp-muted); font-size: 0.84rem; }

.list-group-item {
    background: transparent;
    border-color: var(--mp-line);
    padding-left: 0;
    padding-right: 0;
}
.list-group-item-action:hover { background: var(--mp-paper-soft); }

/* Roky ako nadpisy skupín (podujatia) */
h2.mp-year-head {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2.4rem;
    border-bottom: 1px solid var(--mp-line);
    padding-bottom: .35rem;
}

/* ---------- Badge / filtre ---------- */
.badge.mp-filter {
    font-family: var(--mp-sans);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: .45em 1em;
    margin: 0 .25rem .4rem 0;
    border: 1px solid var(--mp-line);
    color: var(--mp-ink);
    background: transparent;
    display: inline-block;
}
.badge.mp-filter:hover { border-color: var(--mp-accent); color: var(--mp-accent); }
.badge.mp-filter.active { background: var(--mp-ink); border-color: var(--mp-ink); color: var(--mp-paper); }
.badge.bg-secondary {
    background: var(--mp-paper-soft) !important;
    color: var(--mp-muted);
    border: 1px solid var(--mp-line);
    font-weight: 500;
}
.badge.bg-dark { background: var(--mp-accent) !important; }

/* ---------- Tlačidlá ---------- */
.btn-outline-dark {
    border-color: var(--mp-ink);
    color: var(--mp-ink);
    border-radius: 0;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: .45rem 1.1rem;
}
.btn-outline-dark:hover { background: var(--mp-ink); border-color: var(--mp-ink); color: var(--mp-paper); }

/* Prepínač témy */
.mp-theme-toggle { cursor: pointer; font-size: 1rem; line-height: 1; }

:root[data-theme="dark"] .mp-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23e9e4d8' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
:root[data-theme="dark"] .mp-header .dropdown-menu { box-shadow: 0 8px 24px rgba(0,0,0,.4); }
:root[data-theme="dark"] .badge.mp-filter.active { background: var(--mp-ink); color: var(--mp-paper); }

/* ---------- Detaily ---------- */
.mp-breadcrumb { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; }
.mp-breadcrumb a { color: var(--mp-muted); }
.mp-breadcrumb a:hover { color: var(--mp-accent); }
.lead { font-family: var(--mp-serif); font-size: 1.2rem; }
dl.row dt { color: var(--mp-muted); font-weight: 500; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; padding-top: .1em; }
.article-text { max-width: 44em; line-height: 1.75; font-size: 1.02rem; }
.article-text p:first-of-type::first-letter { font-family: var(--mp-serif); }

ol { padding-left: 1.2rem; }
ol li { margin-bottom: .3rem; }
ol li::marker { color: var(--mp-muted); font-variant-numeric: tabular-nums; font-size: .85em; }

/* Zlatý badge s rokom (filmografia) */
.badge.mp-year-badge {
    background: linear-gradient(160deg, #d9b545, #b8912e);
    color: #241f14;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    border-radius: 4px;
    padding: .35em .6em;
    vertical-align: 0.15em;
}

/* Box „partitúra za kávu" */
.mp-score-box {
    border: 1px solid var(--mp-line);
    border-left: 3px solid var(--mp-accent);
    background: var(--mp-paper-soft);
    padding: 1.1rem 1.3rem;
    max-width: 44em;
}
.mp-score-box .mp-score-title {
    font-family: var(--mp-serif);
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: .4rem;
}

/* Modal pred stiahnutím partitúry */
.mp-score-modal {
    background: var(--mp-paper);
    color: var(--mp-ink);
    border: 1px solid var(--mp-line);
    border-radius: 0;
}
.mp-score-modal .mp-score-title { font-size: 2rem; }
.mp-score-modal a.small { text-decoration: underline; text-decoration-color: var(--mp-line); }

/* Editačný odkaz pre prihláseného (✎ pri záznamoch) */
a.mp-edit-link {
    color: var(--mp-muted);
    font-size: 0.8em;
    text-decoration: none !important;
    opacity: 0.55;
}
a.mp-edit-link:hover { color: var(--mp-accent); opacity: 1; }

/* Kotvy (skok z úvodu na konkrétny disk/film) */
.mp-anchor { scroll-margin-top: 1.5rem; }
.mp-anchor:target {
    animation: mp-target-flash 2s ease-out;
}
@keyframes mp-target-flash {
    0%, 40% { background: var(--mp-paper-soft); }
    100% { background: transparent; }
}

/* ---------- Pätička ---------- */
.mp-footer {
    border-top: 1px solid var(--mp-line);
    background: var(--mp-paper);
    color: var(--mp-muted);
    padding: 2rem 0 2.5rem;
    margin-top: 4rem;
}
.mp-footer a { color: var(--mp-muted); }
.mp-footer a:hover { color: var(--mp-accent); }

/* ---------- Admin ---------- */
body.mp-admin { background: #f4f3f0; }
body.mp-admin .navbar { background: var(--mp-ink) !important; }
body.mp-admin .navbar .nav-link, body.mp-admin .navbar-brand { color: var(--mp-paper); }
body.mp-admin .navbar .nav-link:hover { color: #d8a79e; }
body.mp-admin .btn-danger { background: var(--mp-accent); border-color: var(--mp-accent); }
body.mp-admin .table thead th {
    font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--mp-muted); border-bottom-width: 1px;
}

@media (max-width: 575px) {
    .mp-hero { padding: 2.6rem 0 2.2rem; }
    .mp-year { min-width: 4.6em; }
}