@charset "UTF-8";

/*
* Theme Name: Charlotte - Boutique
* Author: Charlotte Dujardin
* Description: Thème de boutique de Charlotte
* Version: 1.0
* License: GNU General Public License v3 or later
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

section.shop select {
    border: none;
    background-color: rgba(var(--code--gris), 0.5);
    border-radius: 1rem;
    padding: 0.5rem 1rem;
}

section.shop ul.products li.product {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
}

section.shop ul.products li.product a:first-child {
    display: grid;
    grid-template-areas: "illu illu" "title price";
    grid-template-columns: 1fr 1fr;
    background-color: rgba(var(--code--gris), 0.5);
}

section.shop ul.products li.product a:first-child img {
    grid-area: illu;
    margin: 0;
    padding: 1rem;
}

section.shop ul.products li.product a:first-child h2 {
    grid-area: title;
    background-color: rgba(var(--code--blanc), 0.9);
    padding: 1rem;
}

section.shop ul.products li.product a:first-child span.price {
    grid-area: price;
    background-color: rgba(var(--code--blanc), 0.9);
    padding: 1rem;
    margin: 0;
    text-align: right;
}

section.shop ul.products li.product a:first-child .star-rating {
    display: none;
}

section.shop ul.products li.product a h2,
section.shop ul.products li.product a span,
section.shop ul.products li.product a bdi {
    color: var(--gris);
}