@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
.other{
    font-family: 'Inter', Courier, monospace;
}
/* MENU */

.navbar{
    background-color: white;
    font-family: 'Urbanist', Courier, monospace;
}
.navbar-nav .nav-link, .dropdown-item {
    font-size: 1.15em;
}

.navbar-toggler, .navbar-toggler:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

/* FORM */

    .container-custom {
        max-width: 650px;
        margin: 60px auto; 
        padding: 0 20px; 
    }
    .main-title { 
        font-size: 2.8rem; 
        font-weight: 800; 
        text-align: center; 
        margin-bottom: 10px; 
    }
    .sub-title { 
        color: #666; 
        text-align: center; 
        margin-bottom: 45px; 
        font-size: 1.1rem; 
    }

        .form-label { 
            font-weight: 500;
            margin-bottom: 6px; 
            }
        .form-control-custom {
            background-color: #f5f5f5;;
            border: none;
            border-radius: 12px;
            padding: 14px 18px;
            width: 100%;
            font-size: 1rem;
        }
        .form-control-custom:focus { 
            outline: none; 
            background-color: #eee; 
        }
        .rating-wrapper {
            background-color: #f5f5f5;;
            border-radius: 12px;
            padding: 12px 20px;
            display: flex;
            gap: 12px;
        }
        .star { 
            font-size: 1.8rem; 
            color: #ccc; 
            cursor: pointer; 
            transition: 0.2s; 
        }
        .star.selected { 
            color: rgb(61, 98, 249); 
        }
        .btn-blue {
            background-color: #007bff !important;
            color: white !important;
            border: none;
            border-radius: 10px;
            padding: 12px 50px;
            font-weight: 600;
            font-size: 1rem;
            transition: opacity 0.2s;
        }
        .btn-blue:hover { 
            opacity: 0.9; 
            color: white; 
        }
        .form-step { 
            display: none; 
        }
        .active-step { 
            display: block; 
        }
        .role-option { 
            margin-bottom: 10px; 
            font-size: 0.95rem; 
        }
        #formResponse{
            display: none;
        }

/* COOKIES */

#cookie-bar {
    z-index: 10000; 
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    display: none; 
    background-color: white !important;
    color: #212529 !important;
}

#cookie-bar h5, #cookie-bar p {
    color: #212529 !important;
}

#cookie-bar .btn-outline-custom {
    color: #212529 !important;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 7px 15px;
}

#cookie-bar .btn-outline-custom:hover {
    background-color: #e2e2e2;
}

.show-cookie-bar {
    display: block !important;
    animation: slideUp 0.5s ease-out forwards;
}

@keyframes slideUp {
    from { 
        transform: translateY(100%); 
        opacity: 0; 
    }
    to { 
        transform: translateY(0); 
        opacity: 1; 
    }
}

#cookieSettingsModal .modal-content {
    color: #212529 !important;
}

/* FOOTER */

#responseMessage{
    display: none;
}
.map{
    max-width: 300px;
}
.map iframe{
    border:0;
}

/* DARK MODE */

[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] footer {
    background-color: black !important;
    color: white;
}

[data-bs-theme="dark"] .fa-brands,
[data-bs-theme="dark"] .bottom-menu .nav-link {
    color: white !important;
}

[data-bs-theme="dark"] input, 
[data-bs-theme="dark"] textarea {
    color: black !important;
}