/* ============================================================
   APP — Zmienne globalne, base styles, utilities
   Ladowany na kazdej stronie. Bez stylow komponentow.
   ============================================================ */

/* === ZMIENNE ============================================== */
:root {
    --rmf-yellow: #fddb00;
    --rmf-blue: #1b3380;
    --rmf-blue-hover: #002b54;
    --rmf-green: #00a651;
    --text-dark: #212529;
    --bs-dark-rgb: 47, 47, 47 !important;
}

/* === BASE ================================================= */
body {
    font-family: 'Roboto', sans-serif;
    color: var(--text-dark);
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a {
    transition: color 0.2s ease-in-out;
    color:#1b3380 !important;
}

/* === UTILITIES ============================================ */
.brand-yellow-bg { background-color: #fc0 !important; }
.bg-primary-blue { background-color: var(--rmf-blue) !important; }
.text-primary-blue { color: var(--rmf-blue) !important; }
.text-warning { color: var(--rmf-yellow) !important; }
.text-success { color: var(--rmf-green) !important; }
.bg-success { background-color: var(--rmf-green) !important; }
.border-primary-blue { border-color: var(--rmf-blue) !important; }
.yellow-font { color: var(--rmf-yellow) !important; }
.small-text { font-size: 0.75rem; }
.font-small { font-size: 0.85rem; }
.cursor-pointer { cursor: pointer; }
.letter-spacing-wide { letter-spacing: 5px; }
.bg-gradient-dark { background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); }

.hover-white:hover { color: #ffffff !important; text-decoration: underline !important; }
.hover-yellow:hover { color: var(--rmf-yellow) !important; }
.hover-blue:hover { color: var(--rmf-blue-hover) !important; text-decoration: underline !important; }

/* === NAGLOWKI SEKCYJNE (poza: NAJNOWSZE/NAJPOPULARNIEJSZE) === */
.cat-heading,
.podcast-heading,
.category-heading,
main h2.text-primary-blue,
main h2.text-warning,
main h2.text-success {
    color: #1b3380;
    font-size: 26px;
    text-transform: uppercase;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 0 !important;
}

@media (min-width: 768px) {
    .border-start-md { border-left: 1px solid #dee2e6 !important; }
    .border-end-md { border-right: 1px solid #dee2e6 !important; }
}