/**
 * Estone Category Intro & Filters Section Styles
 */

.estone-category-intro-section {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.estone-category-intro-section *,
.estone-category-intro-section *::before,
.estone-category-intro-section *::after {
    box-sizing: border-box;
}

.estone-cat-intro-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Top bar with Filters Button */
.estone-cat-intro-topbar {
    display: flex;
    align-items: center;
    width: 100%;
}

.estone-cat-intro-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.estone-cat-intro-filter-btn:hover {
    color: #003F7C;
    opacity: 0.85;
}

.estone-cat-intro-filter-icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Title */
.estone-cat-intro-title {
    word-wrap: break-word;
    letter-spacing: -0.015em;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', Tahoma, Arial, sans-serif;
}

/* Content paragraphs */
.estone-cat-intro-content {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', Tahoma, Arial, sans-serif;
}

.estone-cat-intro-content p {
    margin-top: 0;
    margin-bottom: var(--estone-desc-gap, 16px);
}

.estone-cat-intro-content p:last-child {
    margin-bottom: 0;
}

.estone-cat-intro-content a {
    color: #003F7C;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.estone-cat-intro-content a:hover {
    color: #C40808;
    text-decoration: underline;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .estone-cat-intro-title {
        font-size: 22px !important;
        margin-bottom: 14px !important;
    }

    .estone-cat-intro-content {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}