/* ============================================================
   GLOBAL.CSS — Atelier Farouche
   Personnalisations custom du thème Flatsome (child theme)
   ============================================================
   Structure : un bloc commenté par fonctionnalité, dans l'ordre
   où elles ont été développées. Ajoute les prochains blocs en
   bas du fichier, avec un commentaire d'en-tête clair.
   ============================================================ */




/* ============================================
   FORMULAIRE NEWSLETTER (footer)
   Pilule blanche, placeholder violet gras, flèche intégrée
   ============================================ */

.f-footer-newsletter .form-flat {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 999px;
    padding: 4px 4px 4px 22px;
    gap: 0;
    position:relative
}

.f-footer-newsletter  .form-flat p {
    margin: 0;
}

.f-footer-newsletter .form-flat .flex-col {
    display: flex;
    align-items: center;
}

.f-footer-newsletter .form-flat .flex-col.flex-grow {
    flex: 1;
}

.f-footer-newsletter .form-flat .flex-col.ml-half {
    margin-left: 0 !important;
}

.f-footer-newsletter .form-flat input.wpcf7-email {
    width: 100%;
    height: 44px;
    padding: 0;
    border: none;
    background: transparent;
    color: #3F22EB;
    font-weight: 700;
    font-size: 14px;
}

.f-footer-newsletter .form-flat input.wpcf7-email::placeholder {
    color: #3F22EB;
    font-weight: 700;
    opacity: 1;
}

.f-footer-newsletter .form-flat input.wpcf7-email:focus {
    outline: none;
}

/* Bouton réduit à une simple flèche circulaire, pas de texte visible
   (le texte "Sign Up" reste dans le DOM pour l'accessibilité — lu par
   les lecteurs d'écran via l'attribut value — mais masqué visuellement). */
.f-footer-newsletter .form-flat input.wpcf7-submit {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    color: transparent;
    font-size: 0;
    right: 5px;
    position: absolute;
    top: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.f-footer-newsletter .form-flat input.wpcf7-submit:hover {
    background-color: rgba(63, 34, 235, 0.08);
}

.f-footer-newsletter .form-flat .wpcf7-spinner {
    margin: 0 4px;
}

.wpcf7-form .wpcf7-response-output {
    margin-top: 10px;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* Champs honeypot anti-spam : masqués hors écran plutôt qu'en display:none,
   pour rester efficaces même contre des bots qui ignorent les champs cachés. */
.altEmail_container,
.wpa_hidden_field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

.wpa-test-msg {
    display: none !important;
}
.badge-container{
    
    margin-left:10px;
    
}
.badge-inner{
border-radius:5px;
padding:0 15px;
}
.woocommerce-LoopProduct-link{
    font-family:"Inter";
    text-transform: uppercase;
    font-weight: 700;
}
.product-cat{
    opacity:0.5;
}

/* ============================================================
   GLOBAL.CSS — Atelier Farouche
   Personnalisations custom du thème Flatsome (child theme)
   ============================================================
   Structure : un bloc commenté par fonctionnalité, dans l'ordre
   où elles ont été développées. Ajoute les prochains blocs en
   bas du fichier, avec un commentaire d'en-tête clair.
   ============================================================ */


/* ============================================
   GALERIE PRODUIT
   ============================================ */

.woocommerce-product-gallery {
    width: 100%;
}

.woocommerce-product-gallery__wrapper {
    overflow: hidden;
}

.woocommerce-product-gallery .flex-caption,
.woocommerce-product-gallery .slides li .flex-caption,
.woocommerce-product-gallery figcaption,
.woocommerce-product-gallery .wp-caption-text {
    display: none !important;
}

.woocommerce-product-gallery .flex-control-paging {
    display: none !important;
}

.woocommerce-product-gallery .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-product-gallery .flex-direction-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-product-gallery .flex-direction-nav a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.25s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    text-indent: -9999px;
    overflow: hidden;
}

.woocommerce-product-gallery:hover .flex-direction-nav a {
    opacity: 1;
}

.woocommerce-product-gallery .flex-direction-nav .flex-prev { left: 15px; }
.woocommerce-product-gallery .flex-direction-nav .flex-next { right: 15px; }

.woocommerce-product-gallery .flex-direction-nav a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #3F22EB;
    border-width: 0 2px 2px 0;
}
.flex-prev::before { transform: translate(-30%, -70%) rotate(135deg); }
.flex-next::before { transform: translate(-70%, -70%) rotate(-45deg); }

.woocommerce-product-gallery .flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    margin: 0;
    padding: 0;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 2px solid transparent;
    opacity: 0.65;
    cursor: pointer;
    transition: opacity 0.25s ease;
}

.woocommerce-product-gallery .flex-control-thumbs li img:hover,
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
    border-color: transparent;
}


/* ============================================
   BOUTON "RÉINITIALISER LES CHOIX" (variations produit)
   ============================================ */

.reset_variations {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    text-decoration: none;
}

.reset_variations::before {
    content: '';
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M1 4v6h6'/><path d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}


/* ============================================
   FORMULAIRE NEWSLETTER (footer)
   Pilule blanche, placeholder violet gras, flèche intégrée
   ============================================ */

.form-flat {
    display: flex;
    align-items: center;

    border-radius: 999px;
    padding: 4px 4px 4px 22px;
    gap: 0;
}

.form-flat p {
    margin: 0;
}

.form-flat .flex-col {
    display: flex;
    align-items: center;
}

.form-flat .flex-col.flex-grow {
    flex: 1;
}

.form-flat .flex-col.ml-half {
    margin-left: 0 !important;
}

.form-flat input.wpcf7-email {
    width: 100%;
    height: 44px;
    padding: 0;
    border: none;
    background: transparent;
    color: #3F22EB;
    font-weight: 700;
    font-size: 14px;
}

.form-flat input.wpcf7-email::placeholder {
    color: #3F22EB;
    font-weight: 700;
    opacity: 1;
}

.form-flat input.wpcf7-email:focus {
    outline: none;
}

/* Bouton réduit à une simple flèche circulaire, pas de texte visible
   (le texte "Sign Up" reste dans le DOM pour l'accessibilité — lu par
   les lecteurs d'écran via l'attribut value — mais masqué visuellement). */
.form-flat input.wpcf7-submit {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.form-flat input.wpcf7-submit:hover {
    background-color: rgba(63, 34, 235, 0.08);
}

.form-flat .wpcf7-spinner {
    margin: 0 4px;
}

.wpcf7-form .wpcf7-response-output {
    margin-top: 10px;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* Champs honeypot anti-spam : masqués hors écran plutôt qu'en display:none,
   pour rester efficaces même contre des bots qui ignorent les champs cachés. */
.altEmail_container,
.wpa_hidden_field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

.wpa-test-msg {
    display: none !important;
}


/* ============================================
   SECTION "DÉTAILS DE LA COMMANDE"
   Page de confirmation — titre + tableau + point relais
   ============================================ */

.woocommerce-order-details {
    margin-top: 32px;
}

.woocommerce-order-details__title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1A1A2E;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 16px;
}

.woocommerce-order-details__title::before {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11l3 3L22 4'/><path d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

/* --- Tableau produits --- */
.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #F0E4D3;
}

.woocommerce-table--order-details thead th {
    background: #fbf4e4; /* beige, cohérent avec le reste */
    color: #3F22EB;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding: 14px 20px;
    border: none;
    text-align: left;
}

.woocommerce-table--order-details thead th.product-total {
    text-align: right;
}

.woocommerce-table--order-details tbody td {
    padding: 20px;
    border: none;
    border-bottom: 1px solid #F5EEE3;
    vertical-align: top;
}

.woocommerce-table--order-details .product-name a {
    color: #1A1A2E;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-table--order-details .product-name a:hover {
    color: #3F22EB;
}

.woocommerce-table--order-details .product-quantity {
    display: inline-block;
    margin-top: 6px;
    color: #999;
    font-weight: 600;
    font-size: 13px;
}

.woocommerce-table--order-details .product-total {
    text-align: right;
    font-weight: 700;
    color: #1A1A2E;
    white-space: nowrap;
}

/* Variations (Taille, Largeur, Type de Boucle...) */
.woocommerce-table--order-details .wc-item-meta {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    font-size: 13px;
    color: #777;
}

.woocommerce-table--order-details .wc-item-meta li {
    display: flex;
    gap: 6px;
    margin-bottom: 3px;
}

.woocommerce-table--order-details .wc-item-meta li p {
    margin: 0;
}

.woocommerce-table--order-details .wc-item-meta-label {
    color: #999;
    font-weight: 600;
}

/* Personnalisation (PEWC) */
.woocommerce-table--order-details .image_swatch {
    list-style: none;
    margin: 8px 0 0;
    padding: 8px 12px;
    background: #FFE3F1; /* rose clair, plus de gris */
    border-radius: 8px;
    font-size: 13px;
    display: inline-block;
}

.woocommerce-table--order-details .pewc-order-item-label {
    color: #B23E7A;
    font-weight: 600;
}

.woocommerce-table--order-details .pewc-order-item-item {
    color: #1A1A2E;
    font-weight: 700;
}

/* Pied de tableau */
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    border: none;
    border-top: 1px solid #F5EEE3;
    padding: 12px 20px;
    text-align: right;
    font-weight: 400;
    color: #666;
}

.woocommerce-table--order-details tfoot th {
    text-align: left;
    font-weight: 600;
    color: #1A1A2E;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    padding-bottom: 20px;
}

.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
    font-size: 18px;
    font-weight: 800;
    color: #3F22EB;
    border-top: 2px solid #3F22EB;
    padding-top: 16px;
}

.shipped_via {
    color: #999;
    font-size: 12px;
}

/* --- Carte point relais --- */
.bw-order-parcelpoint {
    background: #fbf4e4;
    border: 1px solid #F0E4D3;
    border-radius: 14px;
    padding: 24px 28px;
    margin-top: 20px;
}

.bw-order-parcelpoint h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #3F22EB;
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 16px;
}

.bw-order-parcelpoint h2::before {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.bw-order-parcelpoint h4 {
    color: #2B885C;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 700;
    margin: 20px 0 8px;
}

.bw-order-parcelpoint h4:first-of-type {
    margin-top: 0;
}

.bw-order-parcelpoint p {
    margin: 0;
    line-height: 1.7;
    color: #333;
    font-size: 14px;
}

/* Horaires : texte simple, sans alternance de couleur (illisible avant) */
.bw-order-parcelpoint pre {
    font-family: inherit;
    font-size: 13px;
    line-height: 2.1;
    white-space: pre-wrap;
    background: transparent !important;
    margin: 0;
    color: #333;
}

.bw-order-parcelpoint pre span[style*="background-color"] {
    background-color: transparent !important;
}
/* ============================================
   ADRESSES FACTURATION / LIVRAISON
   Page de confirmation de commande
   ============================================ */

.woocommerce-customer-details {
    margin-top: 24px;
}

.woocommerce-columns--addresses {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 700px) {
    .woocommerce-columns--addresses {
        grid-template-columns: 1fr 1fr;
    }
}

.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
    background: #fbf4e4; /* beige, cohérent avec le bloc point relais */
    border: 1px solid #F0E4D3;
    border-radius: 14px;
    padding: 22px 24px;
}

.woocommerce-column__title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #3F22EB;
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 14px;
}

.woocommerce-column--billing-address .woocommerce-column__title::before {
    content: '';
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='M2 8h20'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.woocommerce-column--shipping-address .woocommerce-column__title {
    color: #2B885C; /* vert, pour différencier visuellement de la facturation */
}

.woocommerce-column--shipping-address .woocommerce-column__title::before {
    content: '';
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B885C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 3h4a1 1 0 0 1 1 1v13h-6M1 8h10v9H1zM1 8V5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3'/><circle cx='7' cy='19' r='2'/><circle cx='17' cy='19' r='2'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.7;
    color: #333;
    font-size: 14px;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    margin: 8px 0 0 !important;
    font-size: 13px;
    color: #666;
}
/* ============================================
   MESSAGE DE STATUT DE COMMANDE
   ("La commande n°X a été passée le... et est... ")
   ============================================ */

.woocommerce-order-details__title,
.woocommerce-order p:has(.order-number) {
    font-size: 15px;
    color: #333;
    line-height: 1.8;
}

.order-number,
.order-date,
.order-status {
    background: none;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 13px;
}

.order-number {
    background: #E4E8FF; /* bleu clair */
    color: #3F22EB;
}

.order-date {
    background: #fbf4e4; /* beige */
    color: #8A6D3B;
}

.order-status {
    background: #FFE3F1; /* rose clair */
    color: #B23E7A;
}

/* ============================================
   MENU "MON COMPTE" — navigation verticale
   ============================================ */

.woocommerce-MyAccount-navigation {
    background: #fbf4e4;
    border: 1px solid #F0E4D3;
    border-radius: 14px;
    padding: 10px;
}

.account-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-nav li {
    margin: 0;
}

.account-nav li a {
    display: block;
    padding: 12px 16px;
    border-radius: 10px;
    color: #555;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.account-nav li a:hover {
    background: #FFE3F1;
    color: #B23E7A;
}

/* Page active */
.account-nav li.is-active a,
.account-nav li.active a {
    background: #3F22EB;
    color: #fff;
    font-weight: 700;
}

.account-nav li.is-active a:hover,
.account-nav li.active a:hover {
    background: #3420C9;
    color: #fff;
}

/* Séparateur avant Déconnexion */
.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #F0E4D3;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #FF5B23; /* orange du logo, pour signaler une action de sortie */
    font-weight: 600;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #FFF0EA;
    color: #E64A15;
}
/* ============================================
   PANIER — WooCommerce Blocks
   Charte Atelier Farouche (beige / bleu / rose / vert)
   ============================================ */

.wc-block-cart {
    background: #FAFAFA;
    padding: 20px 0;
}

/* --- Colonne principale : tableau produits --- */
.wc-block-cart__main {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #F0E4D3;
    padding: 20px;
}

.wc-block-cart-items__header th {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    border-bottom: 1px solid #F0E4D3 !important;
}

.wc-block-cart-items__row {
    border-bottom: 1px solid #F5EEE3 !important;
}

.wc-block-cart-item__image img {
    border-radius: 10px;
}

.wc-block-components-product-name {
    color: #1A1A2E !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.wc-block-components-product-name:hover {
    color: #3F22EB !important;
}

.wc-block-components-product-price__value {
    color: #3F22EB !important;
    font-weight: 700 !important;
}

.wc-block-components-product-details {
    color: #999 !important;
    font-size: 13px !important;
}

.wc-block-components-product-details__name {
    color: #999 !important;
}

.wc-block-components-product-details__value {
    color: #555 !important;
    font-weight: 600 !important;
}

/* --- Sélecteur de quantité --- */
.wc-block-components-quantity-selector {
    border: 1px solid #E4E4EF !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.wc-block-components-quantity-selector__button {
    color: #3F22EB !important;
}

.wc-block-components-quantity-selector__button:hover {
    background: #F7F7FB !important;
}

.wc-block-cart-item__remove-link {
    color: #FF5B23 !important; /* orange du logo, cohérent avec la déconnexion */
}

/* --- Ventes croisées --- */
.wp-block-woocommerce-product-collection h2 {
    font-size: 18px;
    font-weight: 800;
    color: #1A1A2E;
}

.wc-block-components-product-image img {
    border-radius: 10px;
}

.wc-block-product-template .wp-block-post-title a {
    color: #1A1A2E;
    font-weight: 700;
    text-decoration: none;
}

.wc-block-components-product-price {
    color: #3F22EB !important;
    font-weight: 700 !important;
}

.wc-block-components-product-button__button {
    background: #fbf4e4 !important;
    color: #3F22EB !important;
    border: 1px solid #F0E4D3 !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.wc-block-components-product-button__button:hover {
    background: #3F22EB !important;
    color: #fff !important;
}

/* --- Sidebar récapitulatif --- */
.wc-block-cart__sidebar {
    position: sticky;
    top: 20px;
    align-self: flex-start;
}

.wc-block-cart__sidebar .wc-block-components-sidebar-layout__form,
.wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart__sidebar > div {
    background: #fbf4e4;
    border: 1px solid #F0E4D3;
    border-radius: 14px;
    padding: 22px;
}

.wc-block-cart__totals-title {
    font-size: 17px;
    font-weight: 800;
    color: #1A1A2E;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button {
    color: #3F22EB;
    font-weight: 600;
    font-size: 14px;
}

.wc-block-components-totals-item__label {
    color: #666;
    font-size: 14px;
}

.wc-block-components-totals-item__value {
    color: #1A1A2E;
    font-weight: 600;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item-tax-value {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #3F22EB !important;
}

/* --- Bouton "Valider la commande" --- */
.wc-block-cart__submit-button {
    background: #3F22EB !important;
    border-radius: 10px !important;
    padding: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-cart__submit-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(63, 34, 235, 0.25);
}

/* --- Séparateur "Ou" avant/après paiement express --- */
.wc-block-components-express-payment-continue-rule {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 16px 0;
}

.wc-block-components-express-payment-continue-rule::before,
.wc-block-components-express-payment-continue-rule::after {
    border-color: #F0E4D3 !important;
}

/* ============================================
   CHECKOUT — WooCommerce Blocks
   Charte Atelier Farouche (beige / bleu / rose / vert)
   ============================================ */

.wp-block-woocommerce-checkout {
    background: #FAFAFA;
    padding: 20px 0 60px;
}

/* --- Sidebar résumé de commande (déjà sticky nativement) --- */
.wc-block-checkout__sidebar {
    background: #fbf4e4;
    border: 1px solid #F0E4D3;
    border-radius: 14px;
    padding: 22px;
}

.wc-block-components-checkout-order-summary__title-text {
    font-size: 17px;
    font-weight: 800;
    color: #1A1A2E;
}

.wc-block-components-checkout-order-summary__title-price {
    color: #3F22EB;
    font-weight: 800;
}

/* Ligne produit dans le résumé */
.wc-block-components-order-summary-item__image {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.wc-block-components-order-summary-item__image img {
    border-radius: 8px;
}

.wc-block-components-order-summary-item__quantity {
    background: #3F22EB;
    color: #fff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wc-block-components-product-name {
    color: #1A1A2E !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.wc-block-components-order-summary-item__individual-price,
.wc-block-components-product-details__value {
    color: #666 !important;
}

.wc-block-components-product-details__name {
    color: #999 !important;
}

/* Code promo */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
    color: #3F22EB;
    font-weight: 600;
    font-size: 14px;
}

/* Totaux */
.wc-block-components-totals-item__label {
    color: #666;
    font-size: 14px;
}

.wc-block-components-totals-item__value {
    color: #1A1A2E;
    font-weight: 600;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item-tax-value {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #3F22EB !important;
}

/* --- Colonne principale : chaque étape en carte blanche --- */
.wc-block-components-checkout-step {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #F0E4D3;
    padding: 26px;
    margin-bottom: 18px;
}

.wc-block-components-checkout-step__title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1A1A2E !important;
}

/* Champs de formulaire */
/* Remplace la règle .wc-block-components-text-input input existante par celle-ci */
.wc-block-components-text-input input,
.wc-blocks-components-select__select {
    border-radius: 8px !important;
    border-color: #E4E4EF !important;
    padding: 24px 14px 8px !important; /* plus de padding en haut : la place du label qui remonte */
}

.wc-block-components-text-input label {
    color: #999 !important;
    transform-origin: left top;
}

/* Carte d'adresse déjà enregistrée */
.wc-block-components-address-card {
    background: #fbf4e4;
    border-radius: 10px;
    padding: 14px 16px;
    border: 1px solid #fbf4e4;
}

.wc-block-components-address-card__edit {
    color: #3F22EB !important;
    font-weight: 600;
}

/* --- Options de livraison / paiement : cartes radio --- */
.wc-block-components-radio-control__option {
    border: 1px solid #E4E4EF !important;
    border-radius: 10px !important;
    padding: 14px 14px 14px 44px !important; /* espace à gauche pour le rond radio */
    margin-bottom: 8px;
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    border-color: #3F22EB !important;
    background: #F5F3FF !important;
}

.wc-block-components-radio-control__label {
    color: #1A1A2E;
    font-weight: 600;
}

/* Point relais Boxtal, dans le choix de livraison */
.bw-parcel-point {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #666;
    font-weight: 400;
}

.bw-select-parcel {
    color: #3F22EB;
    text-decoration: underline;
    cursor: pointer;
}

/* Badge "Mode test" Stripe */
.wc-stripe-test-mode-badge {
    background: #FFE3F1;
    color: #B23E7A;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 999px;
    margin-left: 8px;
}

/* Cases à cocher */
.wc-block-components-checkbox__mark {
    fill: #3F22EB;
}

/* CGV en bas */
.wc-block-checkout__terms {
    color: #999;
    font-size: 13px;
}

.wc-block-checkout__terms a {
    color: #3F22EB;
}

/* --- Bouton "Commander" --- */
.wc-block-components-checkout-place-order-button {
    background: #3F22EB !important;
    border-radius: 10px !important;
    padding: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-components-checkout-place-order-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(63, 34, 235, 0.25);
}
/* ============================================
   BLOC "MERCI, VOTRE COMMANDE A ÉTÉ REÇUE"
   Page de remerciement (thank you page)
   ============================================ */

.woocommerce-thankyou-order-received {
        background: #F5F3FF;
 color: #3F22EB;
    border: 1px solid #E4E4EF;
    border-radius: 14px;
    padding: 20px 24px;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.woocommerce-thankyou-order-received::before {
    content: '';
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F22EB' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M8 12l3 3 5-6'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.woocommerce-thankyou-order-received strong {
    color: #1A1A2E;
    font-size: 16px;
    font-weight: 700;
}

/* --- Liste récap (numéro, date, email, total, paiement) --- */


@media (min-width: 600px) {
    .woocommerce-order-overview {
        grid-template-columns: repeat(4, 1fr);
    }
}

.woocommerce-order-overview li {


    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #999;
    font-weight: 600;
}

.woocommerce-order-overview li strong {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: normal;
    color: #1A1A2E;
    font-weight: 800;
}

.woocommerce-order-overview__total strong {
    color: #3F22EB;
}
.is-well{
    background: #fbf4e4;
margin-top:70px;
   border: 1px solid #f0e7d0;
   border-radius:12px;
   box-shadow:none;
}
.f-footer-newsletter .form-flat {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden; /* sécurité : garde l'arrondi intact même en cas de débordement résiduel */
}

.f-footer-newsletter .form-flat .flex-col.flex-grow {
    min-width: 0; /* neutralise l'attribut HTML size="40" qui forçait une largeur minimale */
    flex: 1 1 auto;
}

.f-footer-newsletter .form-flat input.wpcf7-email {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 50px; /* laisse la place pour la flèche, évite que le texte la touche */
}
.f-footer-newsletter .form-flat .flex-col.ml-half {
    flex: 0 0 auto;
    width: 44px;
    margin-left: 0 !important;
}