/* ========================================
   Dynamiczne kolory z panelu admina
   Generowane przez css/dynamic-colors.php
   ======================================== */

:root {
    --primary-color: #019750;
    --secondary-color: #006636;
    --accent-color: #fbbf24;
    --link-color: #3b82f6;
    --link-hover-color: #2563eb;
    --text-color: #ffffff;
    --bg-light: #fafafa;
}

/* Hero Section */
.hero-gradient {
    background: #00512b;
}

/* Navbar */
.navbar-gradient {
    background: #006636;
    opacity: 0.95;
}

/* Footer */
.footer-gradient {
    background: #222222;
    color: #ffffff;
}

.footer-gradient h1,
.footer-gradient h2,
.footer-gradient h3,
.footer-gradient h4,
.footer-gradient h5,
.footer-gradient h6,
.footer-gradient p,
.footer-gradient a,
.footer-gradient span,
.footer-gradient i {
    color: #ffffff !important;
}

/* Auth Pages (Login, Register, Reset Password) */
.auth-bg-gradient {
    background: #e9e9e9;
}

.auth-card-header-gradient {
    background: #0d6efd;
}

/* Gradient dla tagów */
.tag-gradient {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/* Tło strony (body) */
body.bg-light {
    background-color: var(--bg-light) !important;
}

/* Paginacja */
.pagination .page-link {
    color: #667eea;
    border-color: #dee2e6;
}

.pagination .page-link:hover {
    background-color: #667eea;
    color: #ffffff;
    border-color: #667eea;
}

.pagination .page-item.active .page-link {
    background-color: #667eea;
    color: #ffffff;
    border-color: #667eea;
}

.pagination .page-item.disabled .page-link {
    color: #667eea;
    opacity: 0.5;
    border-color: #dee2e6;
}

/* Linki */
a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

/* Focus input */
.input-group-lg .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
    border-color: var(--primary-color);
}

/* Przyciski Primary */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
}

/* Tag badge hover */
.tag-badge:hover {
    background-color: var(--primary-color) !important;
}

/* Post Page - Category & Tags Badges */
.post-category-badge {
    background-color: #4e6ae9 !important;
    color: #ffffff !important;
}

.post-tag-badge {
    background-color: #0dcaf0 !important;
    color: #000000 !important;
}

/* Post List Cards - Category, Tags & Playlists Badges */
.post-list-category-badge {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.post-list-tag-badge {
    background-color: #0dcaf0 !important;
    color: #212529 !important;
}

.post-list-playlist-badge {
    background-color: #198754 !important;
    color: #ffffff !important;
}

/* Alert info gradient */
.alert-info {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border: none;
}