/* ======================= */
/* STYLES "ABOVE THE FOLD" */
/* ======================= */

/*	********
	 GLOBAL
	******** */
/* Nettoyage Bootstrap navbar hover */
.navbar-nav > li.logout-link > a:hover,
.navbar-nav > li.logout-link > a:focus {
    background-color: transparent !important;
}

/* Supprime les traits verticaux Bootstrap */
.navbar-nav > li.logout-link > a {
    border-left: none !important;
    border-right: none !important;
}

/* (optionnel) garde un hover discret */
.navbar-nav > li.logout-link > a:hover {
    text-decoration: none;
}
hr {
    display: none;
}

.page-bg {
    position: relative;
    min-height: 100vh;

    background:
            url('/assets/img/home-gradient-background.avif')
            no-repeat top center / cover;

    /*background-color: var(--c-main);*/
}

.page-bg::after {
    content: "";
    position: absolute;
    inset: 0;

    background: url('/assets/img/trame-texte.png') repeat;
    background-size: 50% 50%;
    opacity: 0.06;
    pointer-events: none;
}


/* ===== Titre login aligné avec les labels ===== */

.section1 h3 {
    font-family: var(--altfont);
    color: var(--c-main);
}

/*	*************************
	 ALTERNATIVE AVIF SAFARI
	************************* */
@supports (-webkit-touch-callout:none) {
    body{
        background:var(--c-main) url('assets/img/home-gradient-background.webp') no-repeat top center;
        background-size:1920px
    }
}

/*	**********************
	 SECTION 1 : FORMULAIRE
	********************** */
.section1{
    width:1000px;
    margin: 0 auto;
}
    .section1 .editer-groupe{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        gap:30px
    }
        .section1 .half{
            width:calc(50% - 30px);
        }
            .section1 .saisie_input label,
            .section1 .saisie_textarea label{
                display: block;
                font-family: var(--altfont);
                color:var(--c-main);
                font-size:700;
                margin-bottom:10px;
                font-size:1.5625rem;
            }
            .section1 .saisie_input input,
            .section1 .saisie_textarea textarea{
                background:white;
                border-radius:80px;
                border:none;
                width:100%;
                padding:5px 10px;
                box-shadow: inset -3px 0 10px rgba(0,0,0,0.2)
            }
            .section1 .saisie_textarea{
                width: 100%;
            }
            .section1 .saisie_textarea textarea{
                border-radius:20px;
                height: 320px;
            }
            .section1 .saisie_case{
                color:white;
                position: relative;
                padding-left: 35px;
            }
                .section1 .saisie_case .checkbox,
                .section1 .saisie_case .choix:before,
                .section1 .saisie_case .choix:after{
                    position: absolute;
                    z-index: 3;
                    width:25px;
                    height:25px;
                    top: 0;
                    left: 0;
                }
                .section1 .saisie_case .checkbox{
                    opacity:0
                }
                .section1 .saisie_case .choix:before{
                    content:'';
                    z-index:1;
                    background:white;
                    border-radius:5px;
                }
                .section1 .saisie_case .choix:after{
                    content:'•';
                    z-index:2;
                    top: -4px;
                    font-size:4rem;
                    line-height: 0;
                    display:flex;
                    flex-wrap:wrap;
                    justify-content:center;
                    align-items:center;
                    align-content:center;
                    color:var(--c-main);
                    display:none
                }
                .section1 .saisie_case .choix:has(:checked):after{
                    display: flex;
                }
                .section1 .saisie_case label{
                    font-size:1.2rem;
                    line-height:1em
                }
            .section1 form p.boutons{
                display:flex;
                flex-wrap:wrap;
                margin-top: 30px;
                justify-content:flex-end;
            }
                .section1 form p.boutons button{
                    border:none
                }
                #contact form p.boutons button:before{
                    content:',0`6{]|';
                }
                
form label .obligatoire{
    display: none;
}
form label:has(.obligatoire):after{
    content:'*';
    display:inline-block;
    margin-left:2px;
}
.message_retour_traitement{
    padding: 20px;
    background: var(--c-turquoise);
    color:var(--c-main);
    border-radius:50px;
    margin-bottom: 50px
}

/* ======================= */
/* RESPONSIVE BREAK POINTS */
/* ======================= */

/* ---------- SMARTPHONE PORTRAIT (350) ---------- */
@media screen and (max-width:1100px){
    .section1{
        width:calc(100% - 40px);
    }
    .section1 .half{
        width:100%;
    }
}

.section1,
.section1 * {
    box-sizing: border-box;
}

.section1 input,

.section1 .boutons button {
    all: unset;
    cursor: pointer;

    background: white;
    color: var(--c-main);

    border-radius: 80px;
    padding: 6px 16px;

    font-family: var(--altfont);
    box-shadow: inset -3px 0 10px rgba(0,0,0,0.2);
}

/* ===== Search navbar  ===== */

.navbar-form .form-control {
    border-radius: 80px;
    border: none;
    box-shadow: inset -3px 0 10px rgba(0,0,0,0.2);
    padding: 6px 14px;
}

.navbar-form .btn {
    border-radius: 80px;
}
.btn-rounded {
    border-radius: 80px;
}

/* ===== Liste fichiers ===== */

/* Texte */
td,
td a,
td strong,
td span {
    color: #000 !important;
}

/* Toutes les icônes (FA + Glyphicons) */
td .fa,
td .glyphicon {
    color: #000 !important;
}

.aws-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
#buy-with-aws {
    background-color: #FF9900;
    display: inline-block;
    width: auto;
}
#buy-with-aws:hover {
    background-color: #E68A00;
}

.aws-marketplace-info {
    display: flex;
    align-items: flex-start;
    gap: 40px;

    margin-top: 40px;
    max-width: 900px;
}


.aws-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.aws-logos .ampersand {
    font-family: var(--altfont);
    font-size: 96px;
    line-height: 1;
    font-weight: 700;
    color: var(--c-main);
    opacity: 0.35;
}

@media (max-width: 900px) {
    .aws-logos {
        justify-content: center;
    }

    .aws-marketplace-info {
        text-align: center;
    }
}

 .signin-row{
     display:flex;
     align-items:baseline;
     gap:20px;
 }

.signup-text{
    margin:0;
}

.contact-link{
    text-align:center;
    margin-top:10px;
}
.editer-groupe{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}