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

        /* Quill size classes */
        .ql-size-small { font-size: 0.85em; }
        .ql-size-large { font-size: 1.5em; }
        .ql-size-huge  { font-size: 2em; }

        /* Footer styles for mobile */

@keyframes slideUp {
        from { transform: translateY(100%); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }

/* Mobile responsive */
    @media (max-width: 768px) {






/* Reduce back button size for mobile */
        .back-button {
            padding: 6px 12px !important;
            font-size: 0.75rem !important;
            max-width: 140px !important;
            margin: 15px auto !important;
            border-radius: 6px !important;
        }

        /* Reduce "Back to home" button size for mobile */
        .article-actions .btn.btn-primary,
        .error-content .btn.btn-primary {
            padding: 8px 16px !important;
            font-size: 0.85rem !important;
            max-width: 200px !important;
        }

}

    /* Lightbox styles */
    .lightbox-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        animation: lightboxFadeIn 0.3s ease;
    }

    @keyframes lightboxFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .lightbox-content {
        position: relative;
        margin: auto;
        padding: 20px;
        max-width: 90%;
        max-height: 90%;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .lightbox-close {
        position: absolute;
        top: -40px;
        right: 0;
        color: white;
        font-size: 35px;
        font-weight: bold;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 10000;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    .lightbox-close:hover {
        background-color: rgba(255, 255, 255, 0.2);
        transform: scale(1.1);
    }

    #lightboxImage {
        max-width: 100%;
        max-height: calc(100vh - 120px);
        object-fit: contain;
        border-radius: 8px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    }

    .lightbox-caption {
        color: white;
        text-align: center;
        padding: 15px 0 0 0;
        font-size: 1.1rem;
        font-weight: 500;
        max-width: 80%;
        line-height: 1.4;
    }

    /* Mobile responsiveness */
    @media (max-width: 768px) {
        .lightbox-content {
            max-width: 95%;
            max-height: 95%;
            padding: 10px;
        }

        .lightbox-close {
            top: -35px;
            font-size: 30px;
            width: 35px;
            height: 35px;
        }

        #lightboxImage {
            max-height: calc(100vh - 100px);
        }

        .lightbox-caption {
            font-size: 1rem;
            padding: 10px 0 0 0;
        }
    }