/* =========================================================
   SITE GLOBAL
   Cartes – Librairies – Timeline – Boutons
   Classes stables, indépendantes des plugins
   ========================================================= */

/* ---------- Variables de base ---------- */
:root {
  --brand: #2c6494;
  --brand-dark: #224b6e;
  --bg-soft: #f9fbfd;
  --border-soft: rgba(0,0,0,.08);
  --radius-lg: 18px;
  --radius-md: 12px;
  --shadow-soft: 0 10px 30px rgba(0,0,0,.06);
}

/* ---------- Boutons génériques ---------- */
.btn,
a.btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: var(--radius-md);
  background: var(--brand);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease, transform .12s ease;
}

.btn:hover {
  background: var(--brand-dark);
  transform: translateY(-1px);
}

.btn:active {
  transform: translateY(0);
}

/* ---------- Cartes génériques ---------- */
.card {
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}

/* ---------- Librairies / Shops ---------- */
.librairies {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
}

.librairies__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}

.shop-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.shop-card__logo {
  padding: 14px;
  background: var(--bg-soft);
  border-bottom: 1px solid var(--border-soft);
  display: flex;
  justify-content: center;
}

.shop-card__hero {
  aspect-ratio: 16/9;
  background: #eee;
}

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

/* ---------- Timeline / Lightbox ---------- */
.tl-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  background: rgba(0,0,0,.86);
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.tl-lightbox:target {
  display: flex;
}

.tl-lightbox img {
  max-width: min(90vw, 1100px);
  max-height: 80vh;
  border-radius: var(--radius-md);
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
}
/* SermonPress archive: masquer le bloc recherche + son titre, garder uniquement "Trier par" */
.archive.sermons-library .sidebar-filter > h4:first-of-type {
  display: none !important; /* "Rechercher une prédication" */
}

.archive.sermons-library .sidebar-filter > .sermon-search-holder {
  display: none !important; /* le champ + bouton */
}