/* INSCRIPTION & PROFILE */

:is(#registration, #profile) {}
:is(#registration, #profile) form
{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: start;
gap: 2em;
}
:is(#registration, #profile) form fieldset
{
width: 20em;
border: none;
&:last-child {flex: 1 0 100%;}
& legend
{
display: block;
width: 100%;
margin-bottom: 1em;
color: var(--rouge);
font-weight: 700;
text-align: center;
}
}
:is(#registration, #profile) label:has([type=password]) em
{
display: none;
margin-top: 0.5em;
padding: 0.5em;
font-size: 0.8em;
background: var(--rouge);
border-radius: 0.25em;
color: white;
&.on {display: block;}
}
:is(#registration, #profile) p.mentions
{
width: 100%;
font-size: 0.9em;
font-style: italic;
text-align: justify;
text-align-last: center;
}

/* PANIER */

#cart {}
#cart ul
{
display: flex;
margin-bottom: 2em;
flex-direction: column;
place-items: center;
place-content: center;
gap: 1em;
}
#cart ul li
{
display: flex;
width: 100%;
max-width: 40em;
place-items: center;
place-content: center;
gap: 0.75em;
}
#cart ul li a
{
display: grid;
grid-template-columns: 5em 1fr;
place-items: center;
gap: 0.75em;
&:hover {text-decoration: underline;}
& img
{
width: 5em;
height: 5em;
object-fit: contain;
}
& span
{
text-align: left;
text-wrap: balance;
}
}
#cart ul li .prix
{
display: block;
margin-left: 0.15em;
margin-top: 0.15em;
font-size: 1em;
}
#cart ul li button {margin-left: auto;}

/* LIVRES */

#books {}
#books p {text-align-last: center;}

/* OUBLI MDP */

#forgot {}
#forgot p
{
text-align: center;
& strong
{
display: block;
width: fit-content;
margin: 1em auto;
padding: 1em;
background: var(--gris);
border-radius: 0.5em;
color: var(--rouge);
letter-spacing: 0.1em;
}
}
#forgot form
{
max-width: 15em;
margin: auto;
}
#forgot form input
{
}
#forgot form [type=submit]
{
width: 100%;
top: 1em;
}

/* CADEAU */

#gift {}
#gift p {text-align: center;}
#gift input
{
max-width: 20em;
margin: auto;
margin-bottom: 1em;
}

/* COMMANDER */

#checkout
{
text-align: center;
}
#checkout img
{
display: block;
width: 5em;
margin: auto;
margin-bottom: 1em;
}
#checkout #paypal-button-container
{
width: 13em;
margin: auto;
margin-top: 2em;
}