/* ===========================================
   QA Sidebar Layout
   Dvousloupcový layout pro QA stránky
   =========================================== */

/* Breadcrumbs nad qa-layout — full-width, ale srovnané se stejnou max-width */
.stripe > .breadcrumb {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 0;
}

.qa-layout {
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var( --space-xl );
}

@media ( min-width: 1024px ) {
    .qa-layout {
        grid-template-columns: 1fr 280px;
    }
}

/* Sidebar — skrytý na mobilu, sticky na desktopu */
.qa-sidebar {
    display: none;
    background: var( --color-bg-cream );
    border-radius: 12px;
    padding: var( --space-lg );
}

@media ( min-width: 1024px ) {
    .qa-sidebar {
        display: block;
        position: sticky;
        top: var( --space-xl );
        align-self: start;
    }
}

/* Sidebar karty */
.qa-sidebar-section {
    border-top: 3px solid var( --color-accent-gold );
    padding-top: var( --space-md );
    margin-bottom: var( --space-lg );
}

.qa-sidebar-section h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var( --color-primary );
    margin-bottom: var( --space-sm );
}

/* Sidebar topic links — vertikální seznam */
.qa-sidebar-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.qa-sidebar-section li {
    padding: 6px 0;
    border-bottom: 1px solid var( --color-border-light );
}

.qa-sidebar-section li:last-child {
    border-bottom: none;
}

.qa-sidebar-section li a {
    color: var( --color-accent-gold );
    text-decoration: none;
    font-size: 14px;
}

.qa-sidebar-section li a:hover {
    text-decoration: underline;
}

.qa-sidebar-section li a::before {
    content: '› ';
    color: var( --color-accent-gold );
}

/* Články v sidebaru — odkaz musí vypadat jako odkaz */
.qa-sidebar-section li.article a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Skrýt popisný text článků v sidebaru */
.qa-sidebar-section .description {
    display: none;
}

/* ===========================================
   QA Question List & Filter
   Seznam dotazů s vyhledáváním
   =========================================== */

.question_search {
    margin: var( --space-md ) 0;
    font-size: 14px;
    color: var( --color-text-medium );
}

.question_search input {
    padding: 8px 12px;
    border: 1px solid var( --color-border-light );
    border-radius: 6px;
    font-size: 14px;
    margin-left: 4px;
}

.question_search input:focus {
    outline: none;
    border-color: var( --color-accent-gold );
    box-shadow: 0 0 0 2px rgba( 196, 162, 101, 0.2 );
}

ul.question_list {
    list-style: none;
    padding: 0;
    margin: var( --space-md ) 0;
    max-height: 600px;
    overflow: hidden;
    position: relative;
}

ul.question_list li {
    padding: 10px 0;
    border-bottom: 1px solid var( --color-border-light );
}

ul.question_list li:last-child {
    border-bottom: none;
}

ul.question_list li a {
    color: var( --color-primary );
    text-decoration: none;
    font-size: 15px;
    line-height: 1.4;
}

ul.question_list li a:hover {
    color: var( --color-accent-gold );
}

ul.question_list li.gradientback {
    position: sticky;
    top: 0;
    height: 0;
    padding: 0;
    border: none;
}

ul.question_list li.questions_more {
    text-align: center;
    font-size: 24px;
    color: var( --color-accent-gold );
    cursor: pointer;
    padding: 12px 0;
    border: none;
    user-select: none;
}

ul.question_list li.questions_more:hover {
    color: var( --color-primary );
}

/* Hlavní obsah v QA layoutu — první child gridu */
.qa-main {
    min-width: 0; /* zabraňuje grid overflow u dlouhého textu */
}

/* Mobilní fallback navigace — viditelná jen pod 1024px */
.qa-mobile-nav {
    margin-top: var( --space-xl );
}

@media ( min-width: 1024px ) {
    .qa-mobile-nav {
        display: none;
    }
}