/* Стилове за all-news.php. Изнесени от inline <style>, за да се кешират. */

@media (max-width: 768px) {







            /* Reduce page header size on mobile */
            .page-header {
                padding: 45px 0 20px 0 !important;
            }

            .page-header h1 {
                font-size: 2rem !important;
                margin-bottom: 8px !important;
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9) !important;
                font-weight: 700 !important;
            }

            .page-header p {
                font-size: 0.95rem !important;
                opacity: 1 !important;
                text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
                font-weight: 500 !important;
                line-height: 1.4 !important;
            }

            /* Override original text and show custom two-line text on mobile */
            .page-header p {
                text-indent: -9999px !important;
                overflow: hidden !important;
                position: relative !important;
            }

            .page-header p::before {
                content: "Новини, събития и важни моменти\Aот училищния живот";
                white-space: pre-line;
                text-indent: 0 !important;
                position: absolute !important;
                left: 50% !important;
                top: 0 !important;
                transform: translateX(-50%) !important;
                width: 100% !important;
                text-align: center !important;
                color: white !important;
                font-size: 0.95rem !important;
                text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
                font-weight: 500 !important;
                line-height: 1.4 !important;
            }
        }

        .page-header {
            background: linear-gradient(180deg, #2E5AAC 0%, #4B8BF5 100%);
            color: #1A365D;
            padding: 25px 0 20px 0;
            text-align: center;
            width: 100vw;
            margin-left: calc(-50vw + 50%);
            margin-top: 0;
        }

        .page-header h1 {
            font-size: 3rem;
            font-weight: var(--font-weight-bold);
            margin-bottom: 10px;
            color: white;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
        }

        .page-header p {
            font-size: 1.1rem;
            opacity: 1;
            color: white;
            margin: 0;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
            font-weight: 500;
        }

        .news-list-page {
            padding-top: 0;
            margin-top: 0;
        }

        .news-filters {
            padding-top: 0;
            padding-bottom: 10px;
            margin-top: -5px;
        }