/* ============================================================
 * golab-content.css — κοινά στοιχεία περιεχομένου SEO
 * FAQ (details/summary), πίνακας σύγκρισης, κείμενο κατηγορίας.
 * Φορτώνεται από το golab-category-seo.php στα templates
 * epilogi-set / dora / ideas-magnitika και στις κατηγορίες προϊόντων.
 * Χρησιμοποιεί var() με fallback, ώστε να δουλεύει και χωρίς design system.
 * ============================================================ */

/* ------------------------------------------------------------
 * Συχνές ερωτήσεις
 * ---------------------------------------------------------- */
.golab-faq {
    max-width: 800px;
    margin: 40px auto;
    text-align: left;
}

.golab-faq > h2 {
    text-align: center;
    margin-bottom: 20px;
}

.golab-faq .faq-item {
    margin-bottom: 16px;
    padding: 18px 22px;
}

.golab-faq .faq-question {
    cursor: pointer;
    list-style: none;
    font-weight: 700;
    font-size: 1.05em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.golab-faq .faq-question::-webkit-details-marker { display: none; }
.golab-faq .faq-question::marker { content: ''; }

.golab-faq .faq-question::after {
    content: '+';
    flex-shrink: 0;
    font-size: 1.6em;
    line-height: 1;
    color: var(--primary, #52899b);
    transition: transform 0.25s ease;
}

.golab-faq .faq-item[open] .faq-question::after {
    transform: rotate(45deg);
}

.golab-faq .faq-answer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 2px dashed var(--border-color, #333);
    line-height: 1.65;
    color: var(--text-muted, #4a5568);
}

.golab-faq .faq-answer a {
    color: var(--primary, #52899b);
    text-decoration: underline;
}

@media (max-width: 640px) {
    .golab-faq .faq-item { padding: 14px 16px; }
    .golab-faq .faq-question { font-size: 1em; gap: 10px; }
}

/* ------------------------------------------------------------
 * Πίνακας σύγκρισης (οδηγός «Ποιο Σετ»)
 * ---------------------------------------------------------- */
.golab-table-wrap {
    overflow-x: auto;
    margin-top: 20px;
    -webkit-overflow-scrolling: touch;
}

.golab-table {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.95em;
    line-height: 1.45;
}

.golab-table th,
.golab-table td {
    padding: 12px 14px;
    border-bottom: 2px dashed var(--border-color, #333);
    vertical-align: top;
}

.golab-table thead th {
    background: var(--light-bg, #f5f9fa);
    color: var(--text, #2c3e50);
    border-bottom: 2px solid var(--border-color, #333);
    white-space: nowrap;
}

.golab-table tbody th {
    color: var(--primary, #52899b);
    white-space: nowrap;
}

.golab-table a {
    color: var(--primary, #52899b);
    text-decoration: underline;
}

/* ------------------------------------------------------------
 * Κείμενο κατηγορίας προϊόντων (πάνω από το grid)
 * ---------------------------------------------------------- */
.golab-cat-intro {
    margin: 0 0 24px;
    line-height: 1.7;
    color: var(--text-muted, #4a5568);
}

.golab-cat-intro p { margin: 0 0 12px; }

.golab-cat-intro a {
    color: var(--primary, #52899b);
    text-decoration: underline;
}

.golab-cat-faq {
    max-width: none;
    margin: 48px 0 0;
}

.golab-cat-faq > h2 {
    text-align: left;
}