body {

}

.topbar {
    background-color: #02200C;
}

.topbar nav ul li a:hover {
    color: #00874E !important;
}

.bg-nyesigiso-primary {
    background-color: #00874E !important;
}

.bg-nyesigiso-primary-dark {
    background-color: #02200C !important;
}

.bg-nyesigiso-secondary {
    background-color: #FFFF00 !important;
}

.text-nyesigiso-primary {
    color: #00874E !important;
}

.text-nyesigiso-primary-dark {
    color: #02200C !important;
}

.text-nyesigiso-secondary {
    color: #FFFF00;
}

.text-justify {
    text-align: justify !important;
}

.btn-nyesigiso-primary {
    background-color: #00874E;
    color: #FFF;
}

.btn-nyesigiso-primary:hover {
    background-color: #FFFF00;
    color: #00874E;
}

.btn-nyesigiso-primary-dark {
    background-color: #02200C;
    color: #FFF;
}

.btn-nyesigiso-primary-dark:hover {
    background-color: #00874E;
    color: #FFFF00;
}

.form-control, .form-select {
    border-radius: 0;
}

.form-control:focus, .form-select:focus {
    border-color: #00874E;
    box-shadow: 0 0 0 0.2rem rgba(14, 194, 0, 0.25);
}

.form-check-input:checked {
    background-color: #00874E;
    border-color: #00874E;
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem #FFFF00;
}

.nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #02200C;
    margin-right: 12px;
}

.nav-link:hover {
    color: #00874E;
    border-bottom: 1px solid #FFFF00;
}

.nav-link:active {
    color: #00874E !important;
    border-bottom: 1px solid #FFFF00;
}

.active {
    color: #00874E !important;
    border-bottom: 1px solid #FFFF00;
}

.hero-section {
    background-color: #02200C; /* Optionnel : pour un fond sombre derrière le texte */
}
.object-cover {
    object-fit: cover;
}

.hero-left-section {
    padding: 50px 80px;
}

.hero-title{
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #FFF;
}

.hero-content {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    margin-bottom: 30px;
}

.navbar-toggler {
    border-radius: 0;
}

/* 1) Faire prendre toute la largeur au composant et réserver l'espace du drapeau */
.iti { width: 100%; }
.form-floating .iti input {
    padding-left: 3rem !important; /* espace pour drapeau + indicatif */
}

/* 2) S'assurer que la liste des pays passe au-dessus de tout */
.iti__country-list {
    z-index: 2000; /* > dropdowns, modals, etc. */
}

.iti--inline-dropdown .iti__dropdown-content {
    z-index: 3;
}

.iti input.iti__tel-input, .iti input.iti__tel-input[type=tel], .iti input.iti__tel-input[type=text] {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
}
/* 3) Les <input type="date"> en form-floating ont besoin d'un placeholder non vide */
.form-floating input[type="date"]::placeholder { color: transparent; }