/* Dark Theme - Festival di Fine Estate 2025 - v18 */

[data-theme="dark"] {
    --primary-color: #26A69A;
    --secondary-color: #B360A2;
    --accent-color: #B360A2;
    --white-color: #001D22;
    --black-color: #FFFFFF;
    --gray-light: #1E1E1E;
    --gray-medium: #2D2D2D;
    --gray-dark: #B0B0B0;
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-hover: 0 4px 16px rgba(0,0,0,0.4);
}

/* Header */
[data-theme="dark"] .header {
    background: rgba(30, 30, 30, 0.95) !important;
    border-bottom: 1px solid var(--gray-medium);
}

[data-theme="dark"] .nav-link,
[data-theme="dark"] .mobile-link {
    color: var(--black-color);
}

[data-theme="dark"] .nav-link:hover {
    background: var(--gray-light);
    color: var(--primary-color);
}

[data-theme="dark"] .search-container {
    background: var(--gray-light);
}

[data-theme="dark"] .search-icon {
    color: var(--gray-dark);
}

[data-theme="dark"] .search-input {
    color: var(--black-color);
}

[data-theme="dark"] .search-input::placeholder {
    color: var(--gray-dark);
}

[data-theme="dark"] .search-suggestions {
    background: var(--gray-light);
    border: 1px solid var(--gray-medium);
}

[data-theme="dark"] .search-suggestion {
    color: var(--black-color);
}

[data-theme="dark"] .search-suggestion:hover {
    background: var(--gray-medium);
}

[data-theme="dark"] .theme-toggle {
    color: var(--gray-dark);
}

[data-theme="dark"] .mobile-menu {
    background: var(--white-color);
    border-color: var(--gray-medium);
}

/* Hero */
[data-theme="dark"] .hero {
    background: linear-gradient(rgba(0, 29, 34, 0.8), rgba(0, 29, 34, 0.7)), url('../media/parco-ravizza.webp');
    color: var(--black-color);
}

/* Program */
[data-theme="dark"] .program {
    background: var(--white-color);
    border-top: 3px solid var(--secondary-color);
}

[data-theme="dark"] .program h2,
[data-theme="dark"] .contact h2 {
    color: var(--black-color);
}

[data-theme="dark"] .mdc-tab {
    color: var(--gray-dark);
}

[data-theme="dark"] .mdc-tab--active {
    color: var(--black-color);
    background: rgba(38, 166, 154, 0.25);
    border: 2px solid rgba(38, 166, 154, 0.4);
}

[data-theme="dark"] .mdc-tab:hover:not(.mdc-tab--active) {
    background: var(--gray-light);
}

[data-theme="dark"] .mdc-tab-indicator__content--underline {
    background: var(--secondary-color);
}

[data-theme="dark"] .workshop-card {
    background: #1A1A1A;
    border-left-color: var(--secondary-color);
}

[data-theme="dark"] .workshop-time {
    color: var(--accent-color);
}

[data-theme="dark"] .workshop-title {
    color: #E8F5E8;
}

[data-theme="dark"] .workshop-performer {
    color: var(--gray-dark);
}

[data-theme="dark"] .workshop-duration {
    color: var(--gray-dark);
    background: var(--gray-medium);
}

[data-theme="dark"] .workshop-type-icon,
[data-theme="dark"] .workshop-audience-icon {
    background: rgba(179, 96, 162, 0.2);
    color: var(--secondary-color);
}

/* Contact */
[data-theme="dark"] .contact {
    background: var(--white-color);
    border-top: 3px solid var(--secondary-color);
}

[data-theme="dark"] .info-item .material-icons,
[data-theme="dark"] .category-header .material-icons {
    color: var(--secondary-color);
}

[data-theme="dark"] .info-item h3,
[data-theme="dark"] .modal-title,
[data-theme="dark"] .category-header,
[data-theme="dark"] .modal-description h4,
[data-theme="dark"] .footer-section h3,
[data-theme="dark"] .footer-section h4 {
    color: var(--black-color);
}

[data-theme="dark"] .info-item p,
[data-theme="dark"] .modal-description,
[data-theme="dark"] .modal-category p {
    color: var(--gray-dark);
}

[data-theme="dark"] .social-links a {
    color: var(--secondary-color);
    background: rgba(179, 96, 162, 0.1);
}

[data-theme="dark"] .social-links a:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

[data-theme="dark"] .registration-form {
    background: var(--gray-light);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background: var(--gray-medium);
    color: var(--black-color);
    border-color: var(--gray-medium);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(179, 96, 162, 0.2);
}

[data-theme="dark"] .submit-button {
    background: var(--primary-color);
    color: var(--white-color);
}

/* Footer */
[data-theme="dark"] .footer {
    background: var(--gray-light);
    color: var(--black-color);
}

[data-theme="dark"] .footer-section p {
    color: var(--gray-dark);
}

[data-theme="dark"] .footer-bottom .legal-link {
    color: #000000;
    background: rgba(224, 224, 224, 0.9);
}

/* Modal */
[data-theme="dark"] .modal {
    background-color: rgba(0,0,0,0.8);
}

[data-theme="dark"] .modal-content {
    background-color: var(--gray-light);
    border: 1px solid var(--gray-medium);
}

[data-theme="dark"] .close {
    color: var(--gray-dark);
}

[data-theme="dark"] .close:hover {
    color: var(--black-color);
}

[data-theme="dark"] .modal-performer {
    color: var(--accent-color);
}

[data-theme="dark"] .modal-time {
    background: var(--gray-medium);
    color: var(--black-color);
}

[data-theme="dark"] .modal-categories {
    background: var(--gray-medium);
}

/* Links */
[data-theme="dark"] a {
    color: var(--secondary-color);
}

[data-theme="dark"] a:hover {
    color: var(--accent-color);
}

[data-theme="dark"] a:focus-visible,
[data-theme="dark"] *:focus-visible {
    outline: 3px solid var(--secondary-color);
    outline-offset: 2px;
}