/* style.css - Główne style portalu wBrodnicy.pl */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Oryginalny animowany baner aptek */
.pharmacy-banner { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    background-color: #fef0db; 
    height: 1.5rem; 
    overflow: hidden; 
    z-index: 1000; 
    display: flex; 
    align-items: center; 
}

.pharmacy-banner-wrapper { 
    display: inline-flex; 
    white-space: nowrap; 
    animation: marquee 100s linear infinite; 
}

.pharmacy-banner-text { 
    font-size: 0.875rem; 
    color: #333; 
    padding-right: 30rem; 
}

.pharmacy-banner-text a { 
    color: #007bff; 
    text-decoration: none; 
    display: inline-flex; 
    align-items: center; 
}

@keyframes marquee { 
    0% { transform: translateX(100vw); } 
    100% { transform: translateX(-100%); } 
}

/* Badge powiadomień */
.event-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: #dc2626;
    color: white;
    border-radius: 9999px;
    width: 1.15rem;
    height: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: bold;
    border: 2px solid #ffffff;
}

/* Delikatne pulsowanie */
@keyframes strong-pulse { 
    0% { background-color: transparent; } 
    50% { background-color: #ffd8a8; } 
    100% { background-color: transparent; } 
}

.pulse-bg { 
    animation: strong-pulse 1.5s infinite ease-in-out; 
}

/* Formatowanie treści artykułów */
.article-content { 
    color: #334155; 
    font-size: 1.075rem; 
    line-height: 1.8; 
}
.article-content p { 
    margin-bottom: 1.35rem; 
}
.article-content h2 { 
    color: #0f172a; 
    font-size: 1.55rem; 
    font-weight: 700; 
    margin-top: 2rem; 
    margin-bottom: 0.85rem; 
    line-height: 1.35; 
}
.article-content h3 { 
    color: #1e293b; 
    font-size: 1.3rem; 
    font-weight: 600; 
    margin-top: 1.6rem; 
    margin-bottom: 0.65rem; 
    line-height: 1.4; 
}
.article-content ul { 
    list-style-type: disc !important; 
    padding-left: 1.5rem !important; 
    margin-bottom: 1.35rem !important; 
}
.article-content ol { 
    list-style-type: decimal !important; 
    padding-left: 1.5rem !important; 
    margin-bottom: 1.35rem !important; 
}
.article-content li { 
    margin-bottom: 0.45rem; 
}
.article-content strong, .article-content b { 
    color: #0f172a; 
    font-weight: 700; 
}
.article-content blockquote { 
    border-left: 4px solid #f59e0b; 
    padding: 0.85rem 1.25rem; 
    margin: 1.5rem 0; 
    background-color: #f8fafc; 
    border-radius: 0 0.75rem 0.75rem 0; 
    font-style: italic; 
    color: #475569; 
}
.article-content a { 
    color: #2563eb; 
    text-decoration: underline; 
}
.article-content a:hover { 
    color: #1d4ed8; 
}