/************************************************************ 
 * Archive Fournisseurs — Lauxane Home 
 * Identité : encre · doré · champagne ; sobriété + lisibilité 
 ************************************************************/ 

/* ===== Variables (fallbacks si non définies ailleurs) ===== */ 
:root{ 
  --ink: #1f2328; 
  --gold: #A8733B; 
  --gold-strong: #805424; 
  --champagne: #FBF7F2; 
  --line: #eadfd2; 
  --ring: rgba(198,161,91,.26); 
  --card-bg: #fff; 

  --cta-strong:       #7A5126; 
  --cta-strong-hover: #6B451E; 
} 

/* ===== Page ===== */ 
.archive.post-type-archive-fournisseur .site-content, 
.post-type-archive-fournisseur .site-content{ 
  background: color-mix(in srgb, var(--champagne) 65%, #fff); 
} 

.lh-suppliers-archive{ 
  max-width: 1200px; 
  margin-inline: auto; 
  padding: clamp(16px, 2.6vw, 28px); 
} 

/* Outils au-dessus de la grille (compteur + bouton boutique) */ 
.lh-suppliers-archive .tools{ 
  display:flex; 
  gap:10px; 
  align-items:center; 
  margin: 6px 0 18px; 
} 

/* ===== Grille ===== */ 
.lh-suppliers-grid{ 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 
  gap: clamp(14px, 2vw, 20px); 
  align-items: stretch; 
} 

/* ===== Carte fournisseur ===== */ 
.supplier-card{ 
  position: relative; 
  display: flex; 
  flex-direction: column; 
  height: 100%; 
  gap: 10px; 

  background: var(--card-bg); 
  border: 1px solid rgba(168,115,59,0.15); 
  border-radius: 16px; 
  box-shadow: 0 4px 12px rgba(0,0,0,.04); 
  padding: 16px; 

  transition: transform .2s ease, box-shadow .3s ease, border-color .2s ease; 
  overflow: hidden;
} 

.supplier-card:hover{ 
  transform: translateY(-3px); 
  box-shadow: 0 10px 28px rgba(0,0,0,.08); 
  border-color: color-mix(in srgb, var(--gold) 25%, var(--line)); 
} 

/* Bandeau “Partenaire LauXane Home” */ 
.supplier-card .badge{ 
  display:inline-flex; 
  align-items:center; 
  gap:.5ch; 
  width: fit-content; 
  padding:.28rem .6rem; 
  background: #fffaf5; 
  border: 1px solid color-mix(in srgb, var(--gold) 35%, #fff); 
  border-radius: 999px; 
  color: var(--gold-strong); 
  font-weight: 600; 
  font-size: .85rem; 
} 

/* Logo — pastille propre */ 
.supplier-card .logo-wrap{ 
  width:74px; 
  height:74px; 
  border-radius:999px; 
  overflow:hidden; 
  display:grid; 
  place-items:center; 
  background:#f6f1ea; 
  border:1px solid rgba(0,0,0,.06); 
} 

.supplier-card .logo-wrap img{ 
  max-width:64px; 
  max-height:64px; 
  object-fit:contain; 
} 

/* Titre + baseline */ 
.supplier-card .title{ 
  margin: 4px 0 0; 
  font-weight: 800; 
  color: var(--ink); 
  font-size: clamp(1.02rem, .9rem + .4vw, 1.18rem); 
} 

.supplier-card .tagline{ 
  color: color-mix(in srgb, var(--ink) 70%, #0000); 
  margin: 2px 0 4px; 
  line-height: 1.35; 
} 

/* “En un coup d’œil” — 2 colonnes (pays + signature) */ 
.supplier-card .kv{ 
  display: grid; 
  grid-template-columns: repeat(2, minmax(0,1fr)); 
  gap: 10px; 
  margin-top: 6px; 
  padding-top: 4px; 
  border-top: 1px solid #f1e9df; 
  min-height: clamp(120px, 16vw, 180px); 
} 

@media (max-width: 680px){ 
  .supplier-card .kv{ 
    grid-template-columns: 1fr; 
    min-height: unset; 
  } 
} 

.supplier-card .kv > div{ 
  background:#fff; 
  border:1px solid #efe7db; 
  border-radius:12px; 
  padding:10px 12px; 
} 

.supplier-card .kv > div > strong{ 
  display:block; 
  font-size:.86rem; 
  font-weight:700; 
  color: color-mix(in srgb, var(--ink) 70%, #0000); 
  margin-bottom:4px; 
} 

/* Matières / atouts sous forme de puces compactes */ 
.supplier-card .materials{ 
  display:flex; 
  flex-wrap:wrap; 
  gap:6px; 
  margin-top: 6px; 
} 

.supplier-card .materials .pill{ 
  background:#fff; 
  border:1px solid rgba(0,0,0,.12); 
  border-radius:999px; 
  padding:.28rem .55rem; 
  font-size:.85rem; 
} 

/* ===== CTA (voir la fiche / voir les pièces) ===== */ 

/* base commune */ 
.lh-suppliers-archive .btn, 
.lh-suppliers-archive .btn:visited{ 
  display:inline-flex; 
  align-items:center; 
  justify-content:center; 
  gap:.5ch; 
  min-height: 44px; 
  padding: 12px 16px; 
  border-radius: 9999px; 
  font: 700 .95rem/1 system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial, sans-serif; 
  text-transform: uppercase; 
  letter-spacing: .03em; 
  text-decoration: none !important; 
  white-space: nowrap; 
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .02s ease; 
  box-sizing: border-box;
} 

/* plein (strong) */ 
.lh-suppliers-archive .btn-strong, 
.lh-suppliers-archive .btn-strong:visited{ 
  background: var(--cta-strong); 
  border: 2px solid var(--cta-strong); 
  color: #fff !important; 
} 

.lh-suppliers-archive .btn-strong:hover{ 
  background: var(--cta-strong-hover); 
  border-color: var(--cta-strong-hover); 
} 

/* contour (stroke) */ 
.lh-suppliers-archive .btn-stroke, 
.lh-suppliers-archive .btn-stroke:visited{ 
  background:#fff; 
  border:2px solid var(--gold); 
  color: var(--gold) !important; 
} 

.lh-suppliers-archive .btn-stroke:hover{ 
  background: color-mix(in srgb, #fff 80%, var(--gold) 20%); 
  border-color: var(--gold-strong); 
  color: var(--gold-strong) !important; 
} 

/* Focus accessible */ 
.lh-suppliers-archive .btn:focus-visible, 
.supplier-card a:focus-visible{ 
  outline:0; 
  box-shadow:0 0 0 3px var(--ring); 
} 

/* Rangée CTA — 2 boutons égaux, légèrement en retrait */
.supplier-card .actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  align-items:center;
  gap:10px;

  width:94%;
  margin:auto auto 4px;
  padding-top:12px;

  box-sizing:border-box;
}

.supplier-card .actions > a{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;

  min-height:40px;
  padding:9px 10px;

  box-sizing:border-box;
  white-space:nowrap;
}

/* ===== Logo “Be Home” en noir ===== */ 
.supplier-card[data-slug="be-home"] .logo-wrap{ 
  background:#fff; 
  border-color: rgba(0,0,0,.08); 
} 

.supplier-card[data-slug="be-home"] .logo-wrap img, 
.logo-wrap img[alt*="be home" i]{ 
  filter: brightness(0) saturate(100%); 
} 

/* ===== Mobile tweaks ===== */
@media (max-width:520px){
  .lh-suppliers-archive{
    padding:14px;
  }

  .supplier-card{
    padding:14px;
    border-radius:14px;
  }

  .supplier-card .badge{
    font-size:.8rem;
  }

  /* Deux CTA côte à côte, avec retrait par rapport aux bords de la carte */
  .lh-suppliers-archive .supplier-card .actions{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;

    width:92% !important;
    gap:8px !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  .lh-suppliers-archive .supplier-card .actions > a{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    min-height:38px !important;
    padding:8px 6px !important;

    font-size:.72rem !important;
    letter-spacing:.005em !important;

    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  .lh-suppliers-archive .btn-strong,
  .lh-suppliers-archive .btn-stroke{
    border-width:1.5px !important;
  }
}

/* Très petits écrans */
@media (max-width:360px){
  .lh-suppliers-archive .supplier-card .actions{
    width:94% !important;
    gap:6px !important;
  }

  .lh-suppliers-archive .supplier-card .actions > a{
    font-size:.68rem !important;
    padding-inline:4px !important;
    letter-spacing:0 !important;
  }
}