/* Carrousels « À la une » de l'accueil (shortcode [tracea_une]). Cartes en scroll-snap, sans lib.
   Le conteneur Elementor porte le fond sombre + le padding ; le shortcode ne sort que la section. */
.trc-une{--trc-orange:#DE9A32;--trc-ink:#141A16;--trc-meta:#333B36;--trc-more:#C9D5C3;--trc-gap:20px;
  font-family:"Manrope",system-ui,sans-serif;color:#fff}
.trc-une__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
.trc-une__title{margin:0;font-size:clamp(20px,2vw,24px);font-weight:700;letter-spacing:-.01em;color:#fff}
.trc-une__more{font-weight:600;font-size:15px;color:var(--trc-more);text-decoration:underline;
  text-decoration-thickness:1.5px;text-underline-offset:4px;white-space:nowrap}
.trc-une__more:hover{color:var(--trc-orange)}
.trc-une__box{position:relative}
.trc-une__track{display:flex;gap:var(--trc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;margin:-4px -2px -8px}
.trc-une__track::-webkit-scrollbar{display:none}
.trc-une__track:focus-visible{outline:2px solid var(--trc-orange);outline-offset:4px;border-radius:12px}
.trc-card{flex:0 0 calc((100% - 3*var(--trc-gap))/4);scroll-snap-align:start;display:flex;flex-direction:column;
  background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--trc-ink);
  box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s}
.trc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.trc-card:focus-visible{outline:2px solid var(--trc-orange);outline-offset:3px}
.trc-card__img{display:block;aspect-ratio:4/3;background:#F1F1EE;overflow:hidden}
.trc-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.trc-card__img--contain img{object-fit:contain;background:#fff}
.trc-card__img--empty{background:#E8EAE6}
/* Articles (type="article") : sans image mise en avant, simple fond #F1F1EE, pas de placeholder générique. */
.trc-une--article .trc-card__img--empty{background:#F1F1EE}
.trc-card__body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.trc-card__title{font-weight:700;font-size:16px;line-height:1.3;color:var(--trc-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trc-card__meta{font-size:13px;color:var(--trc-meta)}
.trc-card__date{align-self:flex-start;font-size:12.5px;font-weight:700;color:#5F7358;background:#EEF1EC;padding:2px 8px;border-radius:6px}
.trc-card__date::before{content:"\1F4C5";margin-right:5px}
.trc-card__price{margin-top:auto;padding-top:12px;font-weight:700;font-size:16px;color:var(--trc-orange)}
.trc-une__btn{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(20,30,24,.12);background:#fff;color:var(--trc-ink);display:inline-flex;align-items:center;
  justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12);z-index:2;padding:0}
.trc-une__btn--prev{left:-22px}.trc-une__btn--next{right:-22px}
.trc-une__btn[hidden]{display:none}
.trc-une__btn:hover{background:var(--trc-orange);border-color:var(--trc-orange)}
.trc-une__btn:disabled{opacity:.35;cursor:default;background:#fff;border-color:rgba(20,30,24,.12)}
/* Variante « encart clair » (Boutique + Atelier) : titre/lien en sombre pour rester lisibles sur
   un conteneur clair. À activer via l'attribut classe : [tracea_une type="produit" classe="trc-une--clair"]. */
.trc-une--clair{color:var(--trc-ink)}
.trc-une--clair .trc-une__title{color:var(--trc-ink)}
.trc-une--clair .trc-une__more{color:#3a6b57}
.trc-une--clair .trc-une__more:hover{color:var(--trc-orange)}
.trc-une--clair .trc-card{box-shadow:0 2px 6px rgba(20,30,24,.10),0 16px 30px -22px rgba(20,30,24,.5)}
@media(max-width:1024px){.trc-card{flex-basis:calc((100% - 2*var(--trc-gap))/3)}}
@media(max-width:700px){
  .trc-une{--trc-gap:14px}
  .trc-une__head{margin-bottom:14px}
  .trc-une__track{padding-right:6vw}
  .trc-card{flex-basis:74vw;max-width:320px}
  .trc-une__btn{display:none}
}
@media(hover:none){.trc-une__more:hover{color:var(--trc-more)}}
