.home-banner{position:relative; background-color:var(--cl-blue); border-radius:0 0 0 50px; padding:20px 20px 150px; display:flex; gap:4em; max-width:100%;}
.home-banner > div{flex-basis:calc(50% - 2em);}
.home-banner .deco{display:block; position:absolute; bottom:-1px; right:-50px;}

.woocommerce-MyAccount-navigation{margin-bottom:40px;}
.woocommerce-MyAccount-navigation li{display:block; width:max-content;}
.woocommerce-MyAccount-navigation li a{display:block; margin-bottom:10px; color:var(--cl-green); text-decoration:none;}
.woocommerce-MyAccount-navigation li a:before{content:"> ";}
.woocommerce-MyAccount-navigation li a:hover{color:var(--cl-blue);}

.my-resa-block{margin-bottom:30px; border:1px solid var(--cl-lightblue); border-radius:10px; padding:0;}
.my-resa-block__infos{padding:15px;}
.my-resa-block__resa-date{color:var(--cl-blue); font-size:120%; font-weight:bold;}
.my-resa-block__resa-date i{display:inline-block; margin-right:7px; font-weight:400;}
.my-resa-block__resa-title{color:var(--cl-blue);  margin-bottom:15px;}
.my-resa-block__resa-title:before{content:""; margin-right:7px; display:inline-block; width:15px; height:15px; background:url(../images/bus_blue.svg) scroll no-repeat center / contain;}
.my-resa-block__columns{display:flex; gap:2em; margin-bottom:10px; border-top:1px solid var(--cl-lightblue); padding-top:10px;}
.my-resa-block__column{flex-basis:50%; flex-shrink:0; color:var(--cl-darkgray);}
.my-resa-block__heure{font-size:110%; color:#000;}
.my-resa-block__arret_name{font-size:80%;}
.my-resa-block__arret_name i{font-size:80%; display:inline-block; margin-right:5px;}
.my-resa-block__details{background-color:var(--cl-lightblue); color:#000; padding:15px; border-radius:0; display:flex; justify-content:space-between;}
.cancel-resa{display:block; width:100%; padding:10px; background-color:#AC0202; color:#fff; text-align:center; border-radius:0 0 10px 10px; cursor:pointer;}
.already-canceled, .already-passed{display:block; width:100%; padding:10px; background-color:#777; color:#fff; text-align:center; border-radius:0 0 10px 10px; cursor:pointer;}

.woocommerce form.login{border:none; padding:0; margin:0 0 20px;}
.lost-password{color:var(--cl-green); float:right; font-size:80%; margin-top:12px;}

label{display:block; margin-top:10px; font-size:80%; color:var(--cl-darkgray);}
input, textarea{padding:10px; border:1px solid var(--cl-lightblue); border-radius:10px; font-size:100%; color:var(--cl-blue); font-weight:bold;}
textarea{min-height:150px;}

.woocommerce-form-login__rememberme{margin-top:0;}

.inscription-opener-container{font-size:90%; color:var(--cl-darkgray); text-align:center;}
.inscription-opener{color:var(--cl-green); text-decoration:underline; cursor:pointer;}

.col2-set{display:flex; overflow:hidden;}
.col-1, .col-2{flex-basis:100%; flex-shrink:0; transition:0.5s all ease 0s;}

.woocommerce form.register{border:none; padding:0; margin:0;}

h2{color:var(--cl-blue);}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{display:block; background-color:var(--cl-green); border:1px solid var(--cl-green); color:#fff; width:100%; padding:10px; text-align:center; border-radius:10px; margin-top:10px;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover{background-color:#fff; color:var(--cl-green);}

.woocommerce-password-strength{font-size:70%; font-weight:400; text-align:left;}
.woocommerce-password-hint{font-size:70%; color:var(--cl-darkgray);}

.inscription-closer{display:inline-block; height:25px; width:25px; margin-right:10px; background:url(../images/back.svg) scroll no-repeat center / contain; cursor:pointer;}


/* Gestion du compte */
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width:100%;}
.display_name_container{display:none;}
fieldset{padding:10px; border:1px solid var(--cl-lightblue); margin-top:20px;}
legend{padding:0 10px; color:var(--cl-green);}


.woocommerce-info a.woocommerce-Button{display:none;}
.woocommerce-info, .woocommerce-message{outline:none; border-color:var(--cl-green); margin-bottom:1em;}
.woocommerce-info::before, .woocommerce-message::before{color:var(--cl-green);}



@media all and (min-width:782px){
    .home-banner{display:none;}

    .page-int{width:760px;}
    #customer_login{width:400px; margin:0 auto;}
    .content{padding:0;}

    .hero{margin-bottom:30px;}
}