/*
Theme Name: Vichy Krypton
Theme URI: 
Author: Thomas P.
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.5.2
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vichy-krypton
Tags: 
*/


.page-template-future-homepage main {
    margin-top: 0;
}

section{
    margin-bottom: var(--wp--preset--spacing--intermediaire);
}

.bloc_univers_home h3 a {
    text-decoration: none;
}
@media (max-width: 1200px) {
    .bloc_univers_home h3 a {
        font-size: var(--wp--preset--font-size--large);
    }
}
@media (max-width: 768px) {
    .bloc_univers_home h3 a {
        writing-mode: vertical-rl;
        transform: rotate(180deg);    
    }
}

.tp_tri_catalogue select {
    padding: 15px 12px;
    background-color: transparent;
}
.woocommerce span.onsale {
    background-color: var(--wp--preset--color--primaire-1, #b3af54);
    top: .5em;
    left: .5em;
    border-radius: 0;
}
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
    left: .5em;
}
h2.wc-block-mini-cart__title {
    font-size: var(--wp--preset--font-size--normal);
}
.wp-block-navigation-item:hover{
    text-decoration: underline;
}
.wp-block-navigation .wp-block-navigation__submenu-container {
    font-size: var(--wp--preset--font-size--small);
    background-color: var(--wp--preset--color--primaire-6);
  }
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
    padding: .4em 1em;
  }


/* Miniatures produits */
.woocommerce div.product div.images .flex-control-thumbs {
    margin: 10px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 0 2% 2% 0;
}
/* Header */
.header-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 20;
}

/* Catégories de la page catalogue */
.wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul, .wp-block-woocommerce-product-categories.wc-block-product-categories ul, .wp-block-categories-list.wp-block-categories {
    display: flex;
    justify-content: center;
}
.wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul, .wp-block-woocommerce-product-categories.wc-block-product-categories ul, .wp-block-categories-list.wp-block-categories {
    margin-bottom: 1.8rem;
    padding-inline-start: 0;
}
.wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul li, .wp-block-woocommerce-product-categories.wc-block-product-categories ul li, .wp-block-categories-list.wp-block-categories li {
    list-style: none;
    padding:.5rem .1rem;
    font-weight:bold ;
}
.wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul li:not(:last-child)::after, .wp-block-woocommerce-product-categories.wc-block-product-categories ul li:not(:last-child)::after, .wp-block-categories-list.wp-block-categories li:not(:last-child)::after {
    content: " |";
    margin: 0 0.5em; /* espace autour du séparateur */
    color: #000; /* couleur du séparateur */
}
@media (max-width: 490px) {
    .wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul li, .wp-block-woocommerce-product-categories.wc-block-product-categories ul li, .wp-block-categories-list.wp-block-categories li {
        text-align: center;
        width:33%;
    }
    .wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul li:not(:last-child)::after, .wp-block-woocommerce-product-categories.wc-block-product-categories ul li:not(:last-child)::after, .wp-block-categories-list.wp-block-categories li:not(:last-child)::after {
        display: none;
    }
}
.wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul li a, .wp-block-woocommerce-product-categories.wc-block-product-categories ul li a, .wp-block-categories-list.wp-block-categories li a {
    text-decoration: none;
}

.wp-block-woocommerce-product-categories.filtre_categorie_catalogue ul li a:hover, .wp-block-woocommerce-product-categories.wc-block-product-categories ul li a:hover, .wp-block-categories-list.wp-block-categories li a:hover {
    text-decoration: underline;
}

.wp-block-woocommerce-product-categories.filtre_categorie_catalogue .wc-block-product-categories-list--depth-1 {
    display: none;
}
/* Menu accueil */
.wp-block-navigation__responsive-container.is-menu-open{
    background-color: var(--wp--preset--color--primaire-6) !important;
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    height: 30px;
    width: 30px;
}
/* Menu hors accueil */
.menu_jaune.wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--primaire-7);
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    border:none;
}
/* @media (min-width: 1110px) {
.wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    align-items: flex-end;
    }
} */
/* Menu Accueil */
@media (min-width: 1110px) {
.menu_accueil.wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    background-color: black !important;
    }
}
@media (max-width: 1109px) {
.menu_accueil.wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    color: black !important;
    }
}
.wp-block-navigation__responsive-container-close{
    color: black !important;
}

/* Page produit */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 22%;
}

.ratio-archive-product img, .ratio-related-product img, .ratio-homepage-product img {
	aspect-ratio: 0.75;
}
.ratio-homepage-product {
	width:100%;
}
.no-space-sous-header, .colonnes-2-blocs{
    margin-block-start: 0 !important; /* supprime la marge haute */
  }
.colonnes-2-blocs .wp-block-columns{
    gap:0;
}
.single-prdt-img-reassurance{
    width:auto;
}

/* Mobile : inverser l'ordre */
@media (max-width: 781px) {
  .mobile-inv-colonnes {
    display: flex;
    flex-direction: column-reverse; /* inverse l'ordre des colonnes */
  }
}

/* Bandeau défilant sur la page d'accueil */

.marq-wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
}

.marq {
  --space: 4vw;
  font-size: clamp(3rem, 3rem + ((1vw - 0.2rem) * 2.5), 4.5rem);
  white-space: nowrap;
  padding-left: var(--space);
  animation: marq-shift 30s linear infinite;
  line-height: 1.1;
  color: white;
}

@keyframes marq-shift {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.wp-admin .marq,
.block-editor-page .marq,
.editor-styles-wrapper .marq {
  animation: none !important;
  transform: none !important;
}






/* Change the WordPress default css to a 1110px media query */
@media (min-width: 1110px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/* Carrousel produit page d'accueil */
.wp-block-group #wps-slider-section .wpsf-product-title a{
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--figtree);
    color: var(--wp--preset--color--primaire-5);
    text-transform: uppercase;
    font-weight: 700;
}
.wp-block-group #wps-slider-section .woocommerce-Price-amount.amount {
    font-weight: 300;    
}
.sp-wps-product-image-area{
    margin-bottom: 0.5rem;
}

/* Affiche Pastille Out of Stock sur les produits Boutique/classique (catégories, shop) */
.woocommerce ul.wp-block-post-template-is-layout-grid li.product-type-simple.outofstock{position:relative}
.woocommerce ul.wp-block-post-template-is-layout-grid li.product-type-simple.outofstock::after{
  content:"Sold Out !";
  position:absolute; top:.5rem; left:.5rem;
  padding:.35rem .5rem; font-size:1rem; font-weight:600;
  background:#9b51e0; color:#fff; border-radius:0; z-index:2;
}

/* Personnalisation Badge Promo */
.wc-block-components-product-sale-badge {
    background-color: var(--wp--preset--color--primaire-7);
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #43454b;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    padding: .35rem .5rem;
    position: static;
    text-align: center;
    text-transform: capitalize;
    width: fit-content;
    z-index: 9;
}

.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
    left: auto;
    margin: 0;
    position: absolute;
    right: .5rem;
    top: .5rem;
}

/* Adaptation responsive images page A propos 
 .wp-block-group.has-background.col-bg {
        min-height: 90vh !important;
    } 
@media (max-width: 768px) {
    .wp-block-group.has-background.col-bg {
        min-height: 50vh !important;
    }
} 

/* Passage d'une a 2 colonnes pour les pages catalogue en mobile */
    @media (max-width: 600px) {
        .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

/* Cacher le filtre sur page Accessoires */
.archive.term-accessoires .vk-filter-group{
    display:none;
}
/* Mise en forme du filtre */
.wp-block-woocommerce-product-filter-attribute{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.wp-block-woocommerce-product-filter-attribute .wp-block-heading{
    margin-right:1.8rem;
}
/* Fil d'ariane */
.woocommerce.wp-block-breadcrumbs{
    display: flex;
}

.wc-block-components-product-summary.product-desc-text p,.product-desc-tabs p{
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.4;
}
.wp-block-woocommerce-accordion-panel{
    padding-top:15px;
}

/* Supprimer espace à gauche de la partie Add to cart de la page produit */
.wp-block-add-to-cart-form .cart {
    padding-left:0;
}

/* S'assurer d'un alignement propre */


/* Inverser l'ordre sous 1110px (à adapter à ton breakpoint) */
@media (max-width: 1110px){
    .header_row { justify-content: space-between; align-items: center; }
    .header_logo { order: 1; }
    .header_navi { order: 3; flex-grow:0 }
    .header_icons { order: 2; }
    .wp-block-navigation__responsive-container .wp-block-navigation__container {
    justify-content: flex-start;}
}

/* Footer */
@media (max-width: 781px) {
  .colonnes-sur-footer .wp-block-column p{
    font-size: var(--wp--preset--font-size--x-small)
}
}
/* Sous un certain seuil → 2 colonnes */
@media (max-width: 781px) {
  footer .footer-bas .wp-block-columns { 
    text-align: center; 
    }  /* 2 colonnes */
}

.page-numbers{
    margin-right:4px;
}

@media (max-width: 781px) {
    .woocommerce div.product div.images {
        margin-bottom: 0;
    }
    .single-product .colonnes-produit{
    gap:10px;
    }
    .single-product .wp-block-woocommerce-product-price, .single-product .wp-block-add-to-cart-form{
        margin-block-start: 10px;
    }
}

@media (max-width: 1100px) {
    .wp-block-navigation__container {
        gap:12px !important;
    }
    .wp-block-navigation__container .wp-block-navigation-item{
        padding-bottom:5px;
    }
    .wp-block-navigation__container .wp-block-navigation-item:last-child{
        padding-bottom:0;
    }
}

.colonnes-sur-footer .wp-block-column{
    display: flex;
    justify-content: center;
    align-items: center;
}
.colonnes-reassurance .wp-block-column{
    justify-content: space-between;
}
.colonnes-reassurance .wp-block-column{
    display: flex;
    justify-content: center;
    align-items: center;
}
.woocommerce.sold-individually div.product form.cart div.quantity{
    margin:0;
}
.champ-carte-cadeau input[type=text]{
    padding:10px 10px;
}
.champ-carte-cadeau .wapf-field-label{
    margin-bottom:10px;
}

/* Produit variable - Mettre le label au dessus des variations */
.woo-variation-swatches.product-type-variable .variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.woo-variation-swatches.product-type-variable table.variations th, .woo-variation-swatches.product-type-variable table.variations td {
    padding-bottom: 10px;
}
.woocommerce .cart button[name="update_cart"], .woocommerce .cart button[name="apply_coupon"]{
    background-color: var(--wp--preset--color--primaire-7);
    color: var(--wp--preset--color--black);
}

/* Pictos du header */
.header_icons{
    gap:10px;
}
.header_navi .is-responsive .wp-block-navigation__responsive-container-open svg {
    width: 50px !important;
    height: 50px !important;
}
.header-overlay .header_icons, .header-overlay .header_navi .is-responsive .wp-block-navigation__responsive-container-open svg {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.45));
}
.cat-bottom-desc p{
    font-size: var(--wp--preset--font-size--small);
    color: #555555;
}
li.menu-item-bientot:hover {
    text-decoration: none;   /* enlève le soulignement */
}
.menu-item-bientot:hover > a,
.menu-item-bientot:hover > a span {
    cursor: default;         /* enlève le curseur main */
    pointer-events: none;    /* optionnel : désactive le clic */
}
.menu-item-bientot> a::after {
    content: "Bientôt";
    display: inline-flex;       /* permet l’alignement vertical */
    align-items: center;  
    background-color: var(--wp--preset--color--primaire-8);
    color: #fff;
    font-size: 10px;
    padding: 2px 6px;
    margin-left: 8px;
    line-height: 1;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
}
.page-id-292 footer{
    margin-top: 0px !important;
}

.cover {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

.cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Design du bandeau cookie */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme {
    border: 4px solid #e80f7e !important;
}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar), #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) {
    border-radius: 0px !important;
}

.wp-block-woocommerce-product-new .wc-block-grid__product-title{
    font-size: var(--wp--preset--font-size--small);
    text-transform: uppercase;
    text-decoration: none;
}
.wp-block-woocommerce-product-new .wc-block-grid__product-price .woocommerce-Price-amount {
    font-size: var(--wp--preset--font-size--small) !important;
}