/* 不要な要素のデザインを削除*/
a {
    text-decoration: none;
}

.btn:focus,
.form-check-input:focus {
    outline: none;
    box-shadow: none;
}

/* Custom Header Styles */
.custom-header {
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 32px);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 95%; /* Responsive width */
    max-width: 1200px;
    z-index: 1030; /* Stay above content while allowing Bootstrap modal to overlay */
}

.glass-header-container {
    background: linear-gradient(180deg, rgba(80, 200, 100, 0.4) 0%, rgba(22, 163, 74, 0.4) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px; /* Smooth rounded corners */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    padding: 10px 30px;
    display: flex;
    /* justify-content: space-between; Removed to bring nav closer to logo */
    align-items: center;
    transition: all 0.3s ease;
}

/* Make it full width on very small screens if desired, but floating looks more premium */
@media (max-width: 991.98px) {
    .custom-header {
        top: calc(env(safe-area-inset-top, 0px) + 20px);
        width: 95%;
    }
}

@media (max-width: 576px) {
    .custom-header {
        top: calc(env(safe-area-inset-top, 0px) + 36px);
        width: 95%;
    }
    .glass-header-container {
        padding: 10px 20px;
    }
}

.logo-container {
    margin-right: 3rem; /* Adjust space between logo and nav */
}

.logo-container a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* Language switch label */
.form-check-label {
    font-weight: 600;
}

@media (min-width: 992px) {
    .custom-header {
        width: fit-content;
    }
}