@import url('inter.css');

:root {
    --navy:       #8B1A4A;
    --navy-700:   #721538;
    --navy-dark:  #4D0E27;
    --navy-mid:   #7A1640;
    --navy-pale:  #fdf0f5;
    --navy-100:   #f2c8d8;
    --gold:       #C9973D;
    --gold-dark:  #a67a2c;
    --gold-light: #e0aa3e;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    color: #1e293b;
    background-color: #f8fafc;
}

/* ===== Colors ===== */
.bg-navy        { background-color: var(--navy) !important; }
.bg-navy-700    { background-color: var(--navy-700) !important; }
.bg-navy-dark   { background-color: var(--navy-dark) !important; }
.bg-navy-pale   { background-color: var(--navy-pale) !important; }
.text-navy      { color: var(--navy) !important; }
.text-navy-light { color: var(--navy-100) !important; }
.text-gold      { color: var(--gold) !important; }
.border-navy    { border-color: var(--navy) !important; }

/* ===== Buttons ===== */
.btn-navy {
    background-color: var(--navy);
    border-color: var(--navy);
    color: #fff;
}
.btn-navy:hover, .btn-navy:focus {
    background-color: var(--navy-dark);
    border-color: var(--navy-dark);
    color: #fff;
}
.btn-gold {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #fff;
    font-weight: 500;
}
.btn-gold:hover, .btn-gold:focus, .btn-gold.active {
    background-color: var(--gold-dark);
    border-color: var(--gold-dark);
    color: #fff;
}
.btn-outline-navy {
    border-color: var(--navy);
    color: var(--navy);
}
.btn-outline-navy:hover {
    background-color: var(--navy);
    color: #fff;
}
.btn-outline-gold {
    border-color: var(--gold);
    color: var(--gold);
    font-weight: 500;
}
.btn-outline-gold:hover, .btn-outline-gold:focus {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #fff;
}

/* ===== Navbar ===== */
.navbar.bg-navy .navbar-brand,
.navbar.bg-navy .nav-link,
.navbar.bg-navy-700 .navbar-brand,
.navbar.bg-navy-700 .nav-link,
.navbar.bg-navy-dark .navbar-brand,
.navbar.bg-navy-dark .nav-link { color: rgba(255,255,255,.85); }
.navbar.bg-navy .nav-link:hover,
.navbar.bg-navy .nav-link.active,
.navbar.bg-navy-700 .nav-link:hover,
.navbar.bg-navy-700 .nav-link.active,
.navbar.bg-navy-dark .nav-link:hover,
.navbar.bg-navy-dark .nav-link.active { color: #fff; background-color: rgba(255,255,255,.08); border-radius: .375rem; }
.navbar.bg-navy .dropdown-menu,
.navbar.bg-navy-700 .dropdown-menu,
.navbar.bg-navy-dark .dropdown-menu { border: none; box-shadow: 0 8px 24px rgba(0,0,0,.12); border-radius: .5rem; }
.navbar.bg-navy .dropdown-item:hover,
.navbar.bg-navy .dropdown-item:focus,
.navbar.bg-navy-700 .dropdown-item:hover,
.navbar.bg-navy-700 .dropdown-item:focus,
.navbar.bg-navy-dark .dropdown-item:hover,
.navbar.bg-navy-dark .dropdown-item:focus { background-color: var(--navy-pale); color: var(--navy-dark); }
.navbar.bg-navy .dropdown-item.active,
.navbar.bg-navy-700 .dropdown-item.active,
.navbar.bg-navy-dark .dropdown-item.active { background-color: var(--navy-pale); color: var(--navy); font-weight: 600; }

.navbar-brand-logo {
    width: 36px; height: 36px;
    background-color: var(--gold);
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .8rem; color: #fff;
    flex-shrink: 0;
}
.navbar-brand-logo i { font-size: 1.05rem; }
.navbar-brand-text .title { font-size: .875rem; font-weight: 600; color: #fff; line-height: 1.2; }
.navbar-brand-text .sub   { font-size: .7rem;   color: var(--navy-100); line-height: 1.2; }

/* ===== Hero ===== */
.hero {
    background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, #a82d5a 100%);
}

/* ===== Page header ===== */
.page-header {
    background-color: var(--navy);
    color: #fff;
    padding: 2rem 0;
}
.page-header .breadcrumb-item,
.page-header .breadcrumb-item a,
.page-header .breadcrumb-item.active { color: var(--navy-100); font-size: .75rem; }
.page-header .breadcrumb-item a:hover { color: #fff; }
.page-header .breadcrumb-item + .breadcrumb-item::before { color: var(--navy-100); }

/* ===== Auction cards ===== */
.auction-card {
    transition: transform .15s ease, box-shadow .15s ease;
    border-color: #e2e8f0 !important;
}
.auction-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(139,26,74,.12) !important;
    border-color: var(--navy-100) !important;
}
.auction-card .card-footer { background-color: #f8fafc; border-top-color: #f1f5f9; }

/* ===== Badges ===== */
.badge-scheduled { background-color: #f0f9ff; color: #0369a1; border: 1px solid #bae6fd; font-weight: 500; }
.badge-cancelled  { background-color: #fef2f2; color: #dc2626; border: 1px solid #fecaca; font-weight: 500; }

/* ===== Sidebar nav ===== */
.sidebar-nav { border-radius: .5rem; overflow: hidden; }
.sidebar-nav .sidebar-header { background-color: var(--navy); color: #fff; padding: .75rem 1rem; font-size: .875rem; font-weight: 600; }
.sidebar-nav .list-group-item { border-color: #f1f5f9; font-size: .875rem; }
.sidebar-nav .list-group-item:hover { background-color: var(--navy-pale); color: var(--navy-dark); }
.sidebar-nav .list-group-item.active { background-color: var(--navy-pale); color: var(--navy); border-color: #f1f5f9; font-weight: 600; }

/* ===== Contact card ===== */
.contact-card { background-color: var(--navy); color: #fff; border-radius: .75rem; }
.contact-card .label { color: var(--navy-100); font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; }
.contact-card a { color: var(--navy-100); }
.contact-card a:hover { color: #fff; }

/* ===== Tlačítko detailu položky úřední desky ===== */
.detail-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background-color: var(--navy-pale);
    color: var(--navy);
    font-size: .8rem;
    flex-shrink: 0;
    transition: background-color .15s ease, color .15s ease;
}
.detail-btn:hover, .detail-btn:focus { background-color: var(--navy); color: #fff; }

.type-chip {
    background-color: var(--navy-pale);
    color: var(--navy);
    border-radius: 999px;
    padding: .15rem .55rem;
    font-size: .7rem;
    font-weight: 600;
}

/* ===== Link cards (Odkazy) ===== */
.link-card { transition: border-color .15s ease, box-shadow .15s ease; }
.link-card:hover { border-color: var(--navy-100) !important; box-shadow: 0 4px 16px rgba(139,26,74,.1) !important; }

/* ===== Footer ===== */
footer.bg-navy-dark { background-color: var(--navy-dark) !important; }
footer .footer-title { font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: #fff; margin-bottom: .75rem; }
footer a { color: var(--navy-100); text-decoration: none; }
footer a:hover { color: #fff; }
footer .footer-border { border-color: rgba(255,255,255,.08) !important; }

/* ===== Prose (informace pro povinné) ===== */
.prose h2 { font-size: 1.25rem; font-weight: 700; color: var(--navy); margin: 2rem 0 .75rem; }
.prose h3 { font-size: 1.05rem; font-weight: 600; color: var(--navy-dark); margin: 1.5rem 0 .5rem; }
.prose p  { line-height: 1.75; margin-bottom: 1rem; }
.prose ul  { padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ul li { margin-bottom: .3rem; line-height: 1.65; }
.prose hr { border-color: #e2e8f0; margin: 2rem 0; }
.prose a  { color: var(--navy); }
.prose a:hover { color: var(--gold); }

/* ===== Alert bar ===== */
.alert-info-bar { background-color: #fffbeb; border-bottom: 1px solid #fde68a; }

/* ===== Scroll offset for sticky header ===== */
[id] { scroll-margin-top: 76px; }

/* Plynulý skok na kotvu - seznam sekcí textových stránek, kotvy úřední desky */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }