/* ===== GYIK alap wrapper ===== */
.gyik-wrapper {
    max-width: unset;
    margin: 0;
    padding: 1.5rem;
    padding-left:0;padding-right:0;
}

/* Felső hero */
.gyik-hero {
    margin-bottom: 2rem;
}
.gyik-hero h1 {
    font-size: 2rem;
    margin-bottom: 0.75rem;
}
.gyik-hero p {
    margin-bottom: 0.5rem;
}
.gyik-last-update {
    font-size: 0.875rem;
    color: #666;
}

/* Layout */
.gyik-layout {
    display: flex;
    gap: 2rem;
}

/* Sidebar */
.gyik-sidebar {
    flex: 0 0 380px;
}
.gyik-sidebar-title {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

/* Desktop: sticky sidebar */
@media (min-width: 992px) {
    .gyik-sidebar {
        position: sticky;
        top: 1.5rem;
        align-self: flex-start;
    }
}

/* Topic lista (desktop) */
.gyik-topic-list {
    list-style: none;
    margin: 0;
    background: #f2f2f2;
    padding: 15px;
    border-radius: 20px;
}
.gyik-topic-list li {
    margin-bottom: 0.5rem;
}
.gyik-topic-btn {
    width: 100%;
    text-align: left;
    border: none;
    padding: 0.7rem 0.9rem;
    border-radius: 999px;
    background: #f2f2f2;
    cursor: pointer;
    font-weight: 500;
}
.gyik-topic-btn.is-active {
    background: #000;
    color: #fff;
}

/* Mobil topic strip */
.gyik-topic-strip {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
}
.gyik-topic-pill {
    white-space: nowrap;
    border-radius: 999px;
    border: none;
    padding: 0.5rem 0.9rem;
    background: #f2f2f2;
    cursor: pointer;
}
.gyik-topic-pill.is-active {
    background: #000;
    color: #fff;
}

/* Mobil select */
.gyik-topic-select-wrapper {
    margin-bottom: 1rem;
}
.gyik-topic-select-wrapper select {
    width: 100%;
    padding: 0.5rem 0.75rem;
}
label[for=gyik-topic-select]{padding-bottom:15px}

/* Tartalom oldal */
.gyik-content {
    flex: 1;
}

/* Kereső */
.gyik-search {
    margin-bottom: 1rem;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gyik-search input {
    width: 100%;
    max-width: 420px;
    padding: 0.5rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #ddd;
}

/* Topic szekciók */
.gyik-topic-section {
    display: none;
    margin-bottom: 2rem;
}
.gyik-topic-section.is-active {
    display: block;
}
.gyik-topic-heading {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

/* Akkordion */
.gyik-accordion {
    border-radius: 1rem;
    background: #fafafa;
    padding: 0.75rem;
}
.gyik-item + .gyik-item {
    border-top: 1px solid #e0e0e0;
}
.gyik-item-question {
    width: 100%;
    padding: 0.75rem 0;
    text-align: left;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gyik-item-question-text {
    font-weight: 500;
}
.gyik-item-icon {
    font-size: 1.2rem;
    margin-left: 1rem;
}
.gyik-item-answer {
    padding: 0 0 0.75rem 0;
    font-size: 0.95rem;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}
.gyik-item-answer p {
    margin: 0.25rem 0;
    margin-bottom: 10px;
}

/* Nincs találat */
.gyik-no-results {
    margin-top: 1rem;
    font-style: italic;
    color: #666;
}

/* Responsív */
.gyik-mobile-hidden { display: none; }
.gyik-desktop-hidden { display: block; }

@media (min-width: 992px) {
    .gyik-mobile-hidden { display: block; }
    .gyik-desktop-hidden { display: none; }
}

@media (max-width: 991.98px) {
    .gyik-layout {
        flex-direction: column;
    }
    .gyik-sidebar {
        position: static;
        flex: 1 1 auto;
    }
    .gyik-desktop-hidden button{display:none}
    .gyik-layout{gap: 0;}
    .gyik-search{flex-wrap: wrap;}
    .gyik-search input{max-width: unset;margin-top:10px}
}