/* 

 * Cinemaland Dark Theme

 * Interfaccia scura elegante per il sito di recensioni cinematografiche

 */



:root {

    --dark-bg: #0d1117;

    --dark-bg-secondary: #161b22;

    --dark-bg-tertiary: #21262d;

    --dark-border: #30363d;

    --dark-text: #f0f6fc;

    --dark-text-muted: #8b949e;

    --accent-purple: #6f42c1;

    --accent-blue: #0969da;

    --accent-gold: #ffc107;

    --accent-green: #28a745;

    --accent-red: #dc3545;

}



/* Base Styles */

body {

    background-color: var(--dark-bg) !important;

    color: var(--dark-text) !important;

    font-family: 'Inter', sans-serif;

    line-height: 1.6;

}



/* Typography */

h1, h2, h3, h4, h5, h6 {

    color: var(--dark-text) !important;

}



.text-white {

    color: var(--dark-text) !important;

}



.text-muted {

    color: var(--dark-text-muted) !important;

}



/* Cards */

.card {

    background-color: var(--dark-bg-secondary) !important;

    border: 1px solid var(--dark-border) !important;

    color: var(--dark-text) !important;

}



.card-body {

    color: var(--dark-text) !important;

}



.card-title {

    color: var(--dark-text) !important;

}



/* Hero Section */

.hero-gradient {

    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;

}



.hero-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: radial-gradient(circle at 30% 50%, rgba(111, 66, 193, 0.3), transparent 50%), 

                radial-gradient(circle at 70% 80%, rgba(9, 105, 218, 0.3), transparent 50%);

}



.hero-content {

    position: relative;

    z-index: 1;

}



.hero-title {

    text-shadow: 2px 2px 20px rgba(0,0,0,0.5);

}



.hero-subtitle {

    text-shadow: 1px 1px 10px rgba(0,0,0,0.5);

}



.hero-description {

    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);

}



/* Navigation */

.navbar-custom {

    background: var(--dark-bg-secondary) !important;

    border-bottom: 1px solid var(--dark-border);

    backdrop-filter: blur(10px);

}



.navbar-brand {

    color: var(--dark-text) !important;

}



.nav-link {

    color: var(--dark-text) !important;

    transition: all 0.3s ease;

}



.nav-link:hover {

    background-color: rgba(111, 66, 193, 0.1) !important;

    transform: scale(1.05);

    color: var(--dark-text) !important;

}



/* Buttons */

.btn-primary {

    background: linear-gradient(45deg, var(--accent-purple), var(--accent-blue));

    border: none;

    transition: all 0.3s ease;

}



.btn-primary:hover {

    background: linear-gradient(45deg, #5a359a, #0757c7);

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(111, 66, 193, 0.3);

}



.btn-outline-secondary {

    border-color: var(--dark-border);

    color: var(--dark-text-muted);

}



.btn-outline-secondary:hover {

    background-color: var(--dark-bg-tertiary);

    border-color: var(--accent-purple);

    color: var(--dark-text);

}



/* Badges */

.badge-rating-high {

    background: linear-gradient(45deg, var(--accent-green), #20c997);

    color: white;

    border-radius: 20px;

}



.badge-rating-good {

    background: linear-gradient(45deg, var(--accent-gold), #ff8c00);

    color: white;

    border-radius: 20px;

}



.badge-rating-low {

    background: linear-gradient(45deg, var(--accent-red), #fd7e14);

    color: white;

    border-radius: 20px;

}



.badge-nav {

    background: linear-gradient(45deg, var(--accent-purple), var(--accent-blue));

    color: white;

}



/* Card Interactions */

.card-hover {

    transition: all 0.3s ease;

    cursor: pointer;

}



.card-hover:hover {

    transform: translateY(-8px);

    box-shadow: 0 15px 35px rgba(111, 66, 193, 0.3) !important;

}



/* Movie Cards */

.movie-card-image {

    background: linear-gradient(45deg, var(--dark-bg-tertiary), var(--dark-bg-secondary));

    height: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.movie-card-emoji {

    font-size: 3rem;

    color: var(--dark-text-muted);

}



/* Feature Cards */

.feature-card {

    border-radius: 20px;

    background: var(--dark-bg-secondary);

}



.feature-icon-purple {

    color: var(--accent-purple);

}



.feature-icon-gold {

    color: var(--accent-gold);

}



.feature-icon-blue {

    color: var(--accent-blue);

}



/* Footer */

.footer-dark {

    background-color: var(--dark-bg-secondary) !important;

    border-top: 1px solid var(--dark-border) !important;

}



.footer-dark hr {

    border-color: var(--dark-border);

}



.footer-link {

    color: var(--dark-text-muted);

    text-decoration: none;

    transition: color 0.3s ease;

}



.footer-link:hover {

    color: var(--accent-purple);

}



/* Forms */

.form-control {

    background-color: var(--dark-bg-tertiary) !important;

    border: 1px solid var(--dark-border) !important;

    color: var(--dark-text) !important;

}



.form-control:focus {

    background-color: var(--dark-bg-tertiary) !important;

    border-color: var(--accent-purple) !important;

    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25) !important;

    color: var(--dark-text) !important;

}



.form-control::placeholder {

    color: var(--dark-text-muted) !important;

}



.form-label {

    color: var(--dark-text) !important;

}



.form-select {

    background-color: var(--dark-bg-tertiary) !important;

    border: 1px solid var(--dark-border) !important;

    color: var(--dark-text) !important;

}



.form-select:focus {

    background-color: var(--dark-bg-tertiary) !important;

    border-color: var(--accent-purple) !important;

    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25) !important;

    color: var(--dark-text) !important;

}



.form-check-input:checked {

    background-color: var(--accent-purple) !important;

    border-color: var(--accent-purple) !important;

}



.form-check-label {

    color: var(--dark-text) !important;

}



/* Progress Bars */

.progress {

    background-color: var(--dark-bg-tertiary) !important;

}



.progress-bar {

    background: linear-gradient(45deg, var(--accent-purple), var(--accent-blue)) !important;

}



/* Pagination */

.pagination .page-link {

    background-color: var(--dark-bg-secondary) !important;

    border-color: var(--dark-border) !important;

    color: var(--dark-text) !important;

}



.pagination .page-link:hover {

    background-color: var(--dark-bg-tertiary) !important;

    border-color: var(--accent-purple) !important;

    color: var(--accent-purple) !important;

}



.pagination .page-item.active .page-link {

    background-color: var(--accent-purple) !important;

    border-color: var(--accent-purple) !important;

    color: white !important;

}



/* Animations */

@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.animate-fade-in {

    animation: fadeInUp 0.8s ease;

}



/* Responsive adjustments */

@media (max-width: 768px) {

    .hero-title {

        font-size: 2.5rem !important;

    }

    

    .hero-subtitle {

        font-size: 1.5rem !important;

    }

    

    .card-hover:hover {

        transform: translateY(-4px);

    }

    

    .btn-primary:hover {

        transform: none;

    }

}



/* Scrollbar Styling */

::-webkit-scrollbar {

    width: 8px;

}



::-webkit-scrollbar-track {

    background: var(--dark-bg);

}



::-webkit-scrollbar-thumb {

    background: var(--dark-border);

    border-radius: 4px;

}



::-webkit-scrollbar-thumb:hover {

    background: var(--accent-purple);

}



/* Selection */

::selection {

    background: rgba(111, 66, 193, 0.3);

    color: var(--dark-text);

}



/* Focus styles for accessibility */

.btn:focus,

.nav-link:focus,

.form-control:focus,

.form-select:focus {

    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25) !important;

}



/* Sidebar Styles */

.sidebar {

    padding-right: 1rem;

}



.sidebar .card {

    border-radius: 12px;

    overflow: hidden;

}



.sidebar .card-header {

    padding: 0.75rem 1rem;

    border-bottom: 1px solid var(--dark-border);

}



.sidebar-link {

    color: var(--dark-text-muted) !important;

    padding: 0.75rem 1rem !important;

    border-radius: 0 !important;

    border-bottom: 1px solid rgba(48, 54, 61, 0.3);

    transition: all 0.3s ease;

    text-decoration: none;

    display: flex;

    align-items: center;

}



.sidebar-link:last-child {

    border-bottom: none;

}



.sidebar-link:hover {

    background: linear-gradient(90deg, rgba(111, 66, 193, 0.1), transparent) !important;

    color: var(--accent-purple) !important;

    transform: translateX(5px);

    border-left: 3px solid var(--accent-purple);

}



.sidebar-link.active {

    background: linear-gradient(90deg, rgba(111, 66, 193, 0.2), transparent) !important;

    color: var(--accent-purple) !important;

    border-left: 3px solid var(--accent-purple);

    font-weight: 600;

}



.sidebar-link i {

    width: 1.5rem;

    text-align: center;

}



.sidebar-divider {

    border-color: var(--dark-border) !important;

    margin: 0.5rem 1rem;

}



.admin-link {

    border: 1px solid var(--accent-purple) !important;

    background: rgba(111, 66, 193, 0.1) !important;

    color: var(--accent-purple) !important;

    border-radius: 6px !important;

    margin: 0.25rem 0.5rem !important;

}



.admin-link:hover {

    background: var(--accent-purple) !important;

    border-color: var(--accent-purple) !important;

    color: white !important;

    border-left: 1px solid var(--accent-purple) !important;

}



/* Stats Widget */

.sidebar .card-body .small {

    font-size: 0.875rem;

}



.sidebar .card-body .fw-bold {

    color: var(--accent-purple);

}



/* Cookie Banner */

.cookie-banner {

    backdrop-filter: blur(10px);

    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);

    animation: slideUp 0.5s ease;

}



.cookie-banner p {

    font-size: 0.9rem;

}



.cookie-banner .btn {

    min-width: 80px;

}



@keyframes slideUp {

    from {

        transform: translateY(100%);

        opacity: 0;

    }

    to {

        transform: translateY(0);

        opacity: 1;

    }

}



/* Mobile Responsive */

@media (max-width: 991.98px) {

    .sidebar {

        margin-bottom: 2rem;

        padding-right: 0;

    }

    

    .sidebar .sticky-top {

        position: relative !important;

        top: auto !important;

    }

    

    .sidebar-link {

        padding: 0.5rem 1rem !important;

    }

    

    .sidebar .card {

        margin-bottom: 1rem;

    }

    

    /* Cookie banner mobile adjustments */

    .cookie-banner .row {

        flex-direction: column;

        gap: 1rem;

    }

    

    .cookie-banner .col-md-4 {

        text-align: center !important;

    }

}