{
  "version": 3,
  "sources": ["src/app/customers/community/community-special-topic/community-special-topic.component.scss"],
  "sourcesContent": [".community-special-topic {\n    padding: 4rem 0;\n    background-color: #fff;\n\n    @media screen and (max-width: 991px) {\n        padding: 2rem 0;\n    }\n\n    .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 1rem;\n    }\n\n    // Header Styles\n    .topic-header {\n        text-align: center;\n        margin-bottom: 3rem;\n\n        .header-content {\n            .page-title {\n                font-size: 2.5rem;\n                font-weight: 700;\n                color: #2c3e50;\n                margin-bottom: 1rem;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 1rem;\n\n                i {\n                    color: #6c757d;\n                    font-size: 2.8rem;\n                }\n            }\n\n            .page-description {\n                font-size: 1.1rem;\n                color: #6c757d;\n                max-width: 600px;\n                margin: 0 auto;\n                line-height: 1.6;\n            }\n        }\n    }\n\n    // Loading States\n    .loading-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 300px;\n\n        .loading-spinner {\n            text-align: center;\n            color: #6c757d;\n\n            i {\n                font-size: 2rem;\n                margin-bottom: 1rem;\n                display: block;\n                color: #007bff;\n            }\n\n            p {\n                font-size: 1.1rem;\n                margin: 0;\n            }\n        }\n    }\n\n    .loading-more {\n        text-align: center;\n        padding: 2rem 0;\n\n        .loading-more-content {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            color: #6c757d;\n            font-size: 1rem;\n\n            i {\n                font-size: 1.2rem;\n                color: #007bff;\n            }\n        }\n    }\n\n    // Article Campaigns Styling (following filter-products pattern)\n    .wide-card {\n        margin: 0.75rem 0;\n        border: 1px solid #cacaca;\n        border-radius: 10px;\n        box-shadow: 2px 2px 6px #cacaca;\n        height: -webkit-fill-available;\n        overflow: hidden;\n        cursor: pointer;\n        transition: all 0.3s ease;\n\n        &:hover {\n            transform: translateY(-2px);\n            box-shadow: 4px 4px 12px #cacaca;\n        }\n\n        @media screen and (max-width: 991px) {\n            display: grid;\n            grid-template-columns: 7.5rem 1fr;\n        }\n\n        .image-on {\n            width: 100%;\n            position: relative;\n            height: 200px;\n\n            @media screen and (max-width: 991px) {\n                height: 100%;\n\n                img {\n                    height: 100%;\n                    object-fit: cover;\n                }\n            }\n\n            .image-on-image {\n                position: absolute;\n                width: 40%;\n                height: auto !important;\n                left: 50%;\n                top: 50%;\n                transform: translate(-50%, -50%);\n                -webkit-transform: translate(-50%, -50%);\n                -ms-transform: translate(-50%, -50%);\n            }\n\n            .radius-top {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n        }\n\n        .card-section {\n            padding: .5rem;\n\n            h4 {\n                margin-bottom: 0.5rem;\n                color: var(--primary, #007bff);\n\n                @media screen and (max-width: 991px) {\n                    font-size: 1.1rem;\n                }\n\n                a {\n                    color: inherit;\n                    text-decoration: none;\n\n                    &:hover {\n                        text-decoration: underline;\n                    }\n                }\n            }\n\n            p {\n                margin-bottom: 0.5rem;\n                color: #666;\n                line-height: 1.5;\n            }\n\n            .article-meta {\n                margin-top: 0.5rem;\n\n                small {\n                    display: inline-block;\n                    margin-right: 1rem;\n\n                    i {\n                        margin-right: 0.25rem;\n                    }\n                }\n            }\n        }\n    }\n\n    // Load More Button\n    .load-more-container {\n        text-align: center;\n        margin: 3rem 0;\n\n        .load-more-btn {\n            background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);\n            color: white;\n            border: none;\n            padding: 1rem 2rem;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);\n\n            &:hover:not(:disabled) {\n                transform: translateY(-2px);\n                box-shadow: 0 6px 20px rgba(0, 123, 255, 0.6);\n            }\n\n            &:disabled {\n                opacity: 0.7;\n                cursor: not-allowed;\n                transform: none;\n            }\n\n            &.loading {\n                background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);\n            }\n\n            i {\n                font-size: 1rem;\n            }\n        }\n    }\n\n    // Empty State\n    .empty-state {\n        text-align: center;\n        padding: 4rem 2rem;\n        color: #6c757d;\n\n        .empty-content {\n            max-width: 400px;\n            margin: 0 auto;\n\n            i {\n                font-size: 4rem;\n                color: #dee2e6;\n                margin-bottom: 1.5rem;\n                display: block;\n            }\n\n            h3 {\n                font-size: 1.5rem;\n                margin-bottom: 1rem;\n                color: #2c3e50;\n            }\n\n            p {\n                font-size: 1rem;\n                line-height: 1.6;\n                margin: 0;\n            }\n        }\n    }\n\n    // Responsive Design\n    @media (max-width: 768px) {\n        padding: 1.5rem 0;\n\n        .topic-header {\n            margin-bottom: 2rem;\n\n            .header-content {\n                .page-title {\n                    font-size: 2rem;\n                    flex-direction: column;\n                    gap: 0.5rem;\n\n                    i {\n                        font-size: 2.2rem;\n                    }\n                }\n\n                .page-description {\n                    font-size: 1rem;\n                }\n            }\n        }\n\n        .load-more-container {\n            margin: 2rem 0;\n\n            .load-more-btn {\n                padding: 0.8rem 1.5rem;\n                font-size: 1rem;\n            }\n        }\n    }\n\n    @media (max-width: 480px) {\n        .container {\n            padding: 0 0.5rem;\n        }\n\n        .topic-header {\n            .header-content {\n                .page-title {\n                    font-size: 1.8rem;\n                }\n\n                .page-description {\n                    font-size: 0.95rem;\n                }\n            }\n        }\n    }\n}\n\n"],
  "mappings": "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",
  "names": []
}