/*
Theme Name: Twenty Twenty-Five Child
Description: Child theme for Twenty Twenty-Five.
Author: WPMarmite
Author URI: https://nocturneshop.fr
Template: twentytwentyfive
Version: 1.0

/*HEADERSTICKY
/* Empêche le header alignfull de dépasser */
/*header.wp-block-template-part .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/*Header sticky avec blur */
/*header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 9999;

    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    overflow: hidden; /* important */
/*}
/* Fix breadcrumb horizontal overflow WooCommerce */
/*.woocommerce-breadcrumb {
    white-space: normal !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden;
    text-wrap: wrap;
}

.woocommerce-breadcrumb a {
    white-space: normal !important;
    display: inline;
}
/* ---------------------------------------- */
/* SEARCH HEADER - VERSION TT5 / NOCTURNE   */
/* ---------------------------------------- */

/* Wrapper SEARCH HEADER */
.ns-search-wrapper {
    position: relative;
    display: inline-block;
    z-index: 9999999 !important;
}

/* Bouton icône */
.ns-search-icon {
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Taille du SVG (desktop) */
.ns-search-icon img {
    width: 26px;
    height: 26px;
    display: block;
    flex-shrink: 0;
}

/* Formulaire caché */
.ns-search-form {
    position: absolute;
    top: 38px;
    right: 0;
    background: white;
    padding: 8px 10px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: all .25s ease;
    width: 220px;
}

/* Input */
.ns-search-form input[type="search"] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ns-search-wrapper:focus-within .ns-search-form {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* ---------------------------------------- */
/* MOBILE (max 768px)                       */
/* ---------------------------------------- */

@media (max-width: 768px) {

    /* Search form centré sous l’icône */
    .ns-search-form {
        right: auto;
        left: 50%;
        transform: translate(-50%, -10px);
        width: 250px;
        top: 45px;
    }

    .ns-search-wrapper:focus-within .ns-search-form {
        transform: translate(-50%, 0);
        opacity: 1;
        pointer-events: auto;
    }

    /* Icône plus grande et non compressée */
    .ns-search-icon img {
        width: 22px !important;
        height: 22px !important;
        flex-shrink: 0 !important;
    }

    /* Petite marge uniquement en mobile */
    .ns-search-wrapper {
        margin-left: 6px;
        margin-right: 4px;
    }

    /* Forcer le header TT5 à tout mettre sur une ligne */
    header,
    header .wp-block-group,
    header .wp-block-template-part {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 12px;
    }
}

/* ---------------------------------------- */
/* MASQUER l’icône SEARCH dans le menu mobile */
/* ---------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open .ns-search-wrapper {
    display: none !important;
}

/* Masquer search dans TOUT le menu mobile TT5 */
.wp-block-navigation__responsive-container.is-menu-open .ns-search-wrapper,
.wp-block-navigation__responsive-container-content .ns-search-wrapper {
    display: none !important;
}
/* Croix cliquable (fermeture popup) */
.ns-search-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    border: none;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* Désactive focus moche */
.ns-search-close-btn:focus {
    outline: none;
}

/* Hack : quand on clique la croix → retire le focus → ferme le popup */
.ns-search-close-btn:active {
    pointer-events: none;
}


/*slider accueil*/
.wp-block-cb-carousel-v2.alignfull .cb-button-next, .wp-block-cb-carousel-v2.alignfull .cb-button-prev {
    color: white !important;
}


/*GALLERIE SINGLEPAGE VIGNETTES*/
.woocommerce div.product div.images .flex-control-thumbs li {
	width:14.285%!important;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: inline-end!important;
}


/*FILTRES PAGE SHOP */
/* ===========================================================
   FILTRES NOCTURNE
   ============================================================== */

/* ----- CONTAINER AVEC CONTOUR GALERIE ----- */
.yith-wcan-filters {
  padding: 15px 22px !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  background: #fafafa !important;
  margin: 20px 0 !important;  /* espace sous la bannière + cohérent */
}

/* ----- TITRE ----- */
.yith-wcan-filters .filter-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 6px 0 10px 0 !important;
  color: #222 !important;
  letter-spacing: 0.3px;
}

/* ----- ALIGNEMENT PARFAIT ----- */
.yith-wcan-filters .filter-item label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer;
  line-height: 1.25 !important;
  padding: 2px 0 !important;
}

/* ----- CHECKBOX ----- */
.yith-wcan-filters .filter-item input[type="checkbox"] {
  transform: scale(1.05);
  margin: 0 !important;
  accent-color: #222;
}

/* ----- LIEN DE CHAQUE ITEM ----- */
.yith-wcan-filters .filter-item a.term-label {
  text-decoration: none !important;
  color: #222 !important;
  transition: background 0.18s ease, color 0.18s ease;
  padding: 0 !important;
}

/* ----- HOVER ----- */
.yith-wcan-filters .filter-item a.term-label:hover {
  background: #ececec !important;
  border-radius: 4px !important;
}

/* ----- TYPO PAR NIVEAU DE PROFONDEUR ----- */
.filter-item.level-0 > label > a.term-label {
  font-size: 16px !important;
  font-weight: 500;
}

.filter-item.level-1 > label > a.term-label {
  font-size: 15px !important;
  opacity: 0.85;
}

.filter-item.level-1 .filter-item.level-1 > label > a.term-label {
  font-size: 14px !important;
  opacity: 0.75;
}

/* ----- INDENTATION ----- */
.filter-item.level-0 { margin-left: 0 !important; }
.filter-item.level-1 { margin-left: 14px !important; }
.filter-item.level-1 .filter-item.level-1 { margin-left: 26px !important; }

/* ----- ESPACEMENTS ENTRE ITEMS ----- */
.filter-item.level-0 { margin-bottom: 4px !important; }
.filter-item.level-1,
.filter-item.level-1 .filter-item.level-1 {
  margin-bottom: 2px !important;
}

/* ----- SUPPRESSION TROU FINAL ----- */
.yith-wcan-filters .filter-items .filter-item:last-child {
  margin-bottom: 0 !important;
}




/*PRIX SINGLE PAGE PRODUCT */

.wc-block-components-product-price {font-weight: 600;}
.woocommerce-variation-price {
    font-size: 1.4em;
    margin-top: -5%;
    font-family: 'Platypi';
}

.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name="add-to-cart"] {
	font-size:0.76em;
}




/*TOPBAR*/

#tpbr_box {
    padding: 1% 0% !important;
    font-size: 18px!important;
    font-family: var(--wp--preset--font-family--ysabeau-office) !important;
    color: white !important;
    line-height: 1.6em !important;
}

/* Empêche le contenu de passer sous la barre */


/*COOKIES BANNIERE*/
.cmplz-cookiebanner {
    padding: 0 4% 0px 5% !important;
    margin: 0 auto !important;
    width: 100% !important;
}


/* ARRONDIS */
.woocommerce div.product form.cart table.variations td select {
	border-radius:50px;
}

.button {border-radius:30px}

.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery .images {width:100%!important;}
.wp-block-woocommerce-product-image-gallery {max-width: 800px!important;}
.wp-block-column .is-layout-flow .wp-block-column-is-layout-flow {flex-basis:800px!important;}



/* Centrer la galerie et éviter les débordements */
.wp-block-woocommerce-product-image-gallery {
  margin: 0 auto;
  overflow: hidden;
}

/* Sécurité responsive */
@media (max-width: 768px) {
  .wp-block-column .is-layout-flow .wp-block-column-is-layout-flow {
    flex-basis: 100% !important;
  }
}


/*HOVER VIGNETTES*/
/* Effet hover sur les vignettes produit WooCommerce */
/* === Effet hover sur les images produits (Woo Blocks / TT5) === */
.wc-block-components-product-image img {
  transition: filter 0.4s ease, transform 0.4s ease;
}

.wc-block-components-product-image:hover img {
  filter: brightness(75%);
  transform: scale(1.02); /* petit zoom optionnel */
}


/* Bloc réassurance – version allégée */
.reassurance {
    background: #efefef;         /* Gris très léger */
    color: #222;
    padding: 22px 26px;
    border-radius: 6px;
    margin: 28px 0;
    font-size: 18px;
    line-height: 1.55;
}

/* Titre */
.reassurance h2 {
    margin: 0 0 14px 0;
}

/* Paragraphe */
.reassurance p {
    margin: 0;
    padding: 0;
}

/* Bloc prix justes – style léger */
.prixjustes {
    background: #efefef;            /* Même gris que la réassurance */
    padding: 14px 20px;
    border-radius: 6px;
    margin: 18px 0 32px 0;
    font-size: 18px;
    color: #333;
    line-height: 1.55;
    font-style: italic;             /* Donne une “note personnelle” */
}


/*TAGS SINGLE PAGE*/
/* ——— Bloc global en flex ——— */
.wp-block-group.wp-block-group-is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}

/* ——— PREFIXES Category: et Tags: ——— */
.taxonomy-product_cat .wp-block-post-terms__prefix,
.taxonomy-product_tag .wp-block-post-terms__prefix {
    font-weight: 600;
    color: #444;
    margin-right: 4px;
}

/* ——— Supprime les virgules automatiques ——— */
.taxonomy-product_cat .wp-block-post-terms__separator,
.taxonomy-product_tag .wp-block-post-terms__separator {
    display: none;
}

/* ——— Container en flex pour catégories + tags ——— */
.taxonomy-product_cat,
.taxonomy-product_tag {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

/* ——— STYLE CATÉGORIES ——— */
.taxonomy-product_cat a {
    display: inline-block;
    padding: 2px 8px;
    font-size: 13px;
    border-radius: 20px;
    text-decoration: none;
    background: #ffffff;       /* FOND BLANC */
    border: 1px solid #000;    /* BORDURE NOIRE */
    color: #222;
    transition: 0.2s ease;
}

.taxonomy-product_cat a:hover {
    background: #000;
    color: #fff;
}

/* ——— STYLE TAGS ——— */
.taxonomy-product_tag a {
    display: inline-block;
    padding: 2px 8px;
    font-size: 13px;
    border-radius: 20px;
    text-decoration: none;
    background: #efefef;        /* FOND GRIS CLAIR */
    border: none;               /* PAS DE BORDURE */
    color: #222;
    transition: 0.2s ease;
}

.taxonomy-product_tag a:hover {
    background: #e0e0e0;
    color: #000;
}

/*REASSURANCE SINGLE PAGE PDCT VINTED*/

.nocturne-prooflight {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 18px 22px;
    border-radius: 6px;
    margin: 24px 0;
}

.nocturne-prooflight .proof-title {
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 15px;
    color: #222;
}

.nocturne-prooflight .proof-text {
    font-size: 14px;
    color: #555;
}

.nocturne-prooflight .proof-link {
    font-size: 14px;
    color: #666;
    text-decoration: none;
}

.nocturne-prooflight .proof-link:hover {
    color: #000;
}


/* BOUTONS CHOIX DES OPTIONS */

:root :where(.wp-element-button, .wp-block-button__link) {
	letter-spacing:1px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 768px) {
/* CSS mobile ici */
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	font-size: 10px !important;
    padding: 6px 12px 6px 12px;
}
}

/*GALLERIE MOBILE FERMETURE */
/* Forcer la lightbox Photoswipe devant tout */
.pswp {
    z-index: 999999 !important;
}

.pswp__button,
.pswp__top-bar,
.pswp__ui {
    z-index: 999999 !important;
}

	

.slider-accueil {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.slider-accueil:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}


/* FOOTER NOCTURNE */
.nocturne-footer {
    text-align: center;
    padding: 40px 20px;
    color: #e7e7e7;
    font-family: var(--wp--preset--font-family--ysabeau-office, inherit);
}

/* Logo */
.nocturne-footer-logo {
    width: 180px; /* taille idéale premium */
    height: auto;
    opacity: 0.95;
}

.nocturne-footer .subtitle {
    font-size: 14px;
    opacity: 0.75;
    margin-bottom: 25px;
}

/* Icônes dorées */
.gold-icon {
    color: #d7c48a; /* doré muséal discret */
    margin-right: 6px;
}

.nocturne-footer-icons p {
    margin: 4px 0;
    font-size: 14px;
}

/* Liens */
.nocturne-footer-links {
    margin: 25px 0;
    font-size: 15px;
    opacity: 0.9;
}

.nocturne-footer-links a {
    text-decoration: none;
    padding: 0 6px;
}

.nocturne-footer-links a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Avis Vinted */
.nocturne-footer-vinted {
    margin: 10px 0 25px;
    font-size: 15px;
    opacity: 0.9;
}

.nocturne-footer-vinted a {
    color: #d7c48a;
    text-decoration: none;
}

.nocturne-footer-vinted a:hover {
    text-decoration: underline;
}

/* Copy */
.nocturne-footer-copy {
    font-size: 12px;
    opacity: 0.6;
    margin-top: 10px;
}

/* Le menu mobile doit être AU-DESSUS du search */
.wp-block-navigation__responsive-container.is-menu-open {
    z-index: 999999999 !important;
}