/*
Theme Name:     uncode-child
Template:		uncode
Version:        1.0
*/

@import url("../uncode/style.css");

/* Appliquer un filtre noir et blanc sur une image */
.img_whiteAndBlanc img { filter: grayscale(100%) brightness(105%) contrast(85%); }

/* Ne pas afficher le nombre d'article en stock puisque chaque exemplaire est unique */
p.in-stock { display : none; } 
.woocommerce .quantity input[name="quantity"] {
    display: none !important;
}

/* Ne pas afficher le fil d'ariane puiqu'il n'apparaît que sur la page boutique */
.row-breadcrumb { display: none !important; }


/* Affiché uniquement sur mobile/tablette */
.only_mobile {
  display: none !important;
}

@media (max-width: 1024px) {  /* Uncode utilise 1024px pour le breakpoint tablette */
  .only_mobile {
    display: block !important;
  }
}


/* Affiché uniquement sur ordinateur */
.only_desktop {
  display: block !important;
}

@media (max-width: 1024px) {
  .only_desktop {
    display: none !important;
  }
}




/* -------- PIED DE PAGE FR / EN ---------------------
 On masque le widget suivant la langue
 ---------------------------------------------------*/
.lang-fr .only-en { display: none ; }
.lang-en .only-fr { display: none ; }



.zoom-hover img {
  transition: transform 0.4s ease;
  transform-origin: center center;
}

.zoom-hover:hover img {
  transform: scale(1.1);
}

.sub-heading-white { color:white; }



/* -------------------------------------------------
   FORCER AFFICHAGE DES TUILES D'ARTICLE EN CARRE 
 * ------------------------------------------------*/
 
/* 1. Tuiles carrées */
.tmb.tmb-post .t-entry-visual-cont .dummy {
    padding-top: 100% !important;
}

.tmb.tmb-post .t-entry-visual-cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 2. Masquer auteur et autres éléments superflus */
.tmb.tmb-post .t-entry-meta.t-entry-author,
.tmb.tmb-post .t-overlay-wrap,
.tmb.tmb-post .t-overlay-icon,
.tmb.tmb-post hr,
.tmb.tmb-post span.small-spacer,
.t-entry-category {
    display: none !important;
}
.t-entry-date { display : block !important; }

/* 3. Style titre et date */
.tmb.tmb-post .t-entry-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.tmb.tmb-post .t-entry-title {
    font-size: 1.1rem;
    margin-bottom: 0.3em;
}

.tmb.tmb-post .t-entry-meta.t-entry-date {
    display: inline-block !important; 
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.5em;
}