:root {
  --weedily-green: #1C3F35;
  --weedily-green-hover: #215246;
  --weedily-lime: #8CCF85;
    --weedily-beige: #F5F1E6;
}

.ibssociallink-title{ font: 700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; margin: 0 0 .5rem 0; letter-spacing: .2px; }

/* Bouton compact */
.ibssociallink-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 10px;            /* ↓ padding réduit */
  border-radius: 6px;           /* coins un peu moins ronds */
  font-size: 0.875rem;          /* ≈ 14px */
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: background-color .15s ease, transform .05s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,.08); /* ombre plus discrète */
  line-height: 1.2;
  min-height: 38px;             /* hauteur mini proche d’un .btn-sm */
}

.ibssociallink-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

/* Icône plus petite */
.icon-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.15);
  flex: 0 0 34px;
}
.icon-box .fab,
.icon-box .fa-brands,
.icon-box .fa {
  font-size: 18px;
}

/* Couleurs de marque */
.whatsapp-link { background-color: #25D366; }
.whatsapp-link:hover { background-color: #1eb656; }

.linkedin-link { background-color: #0A66C2; }
.linkedin-link:hover { background-color: #0959a9; }

.facebook-link { background-color: #1877F2; }
.facebook-link:hover { background-color: #145fd0; }

.pinterest-link { background-color: #E60023; }
.pinterest-link:hover { background-color: #c4001d; }

.twitter-link { background-color: #000; }
.twitter-link:hover { background-color: #111; }

.telegram-link { background-color: #229ED9; }
.telegram-link:hover { background-color: #1c87bb; }


/* Couleurs Weedily si non déjà définies */
:root {
  --weedily-lime: #b7dd46;
  --weedily-beige: #faf6ee;
}

/* Bloc principal */
.callout-article {
  position: relative;
  display: block;
  width: 100%;
  background-color: var(--weedily-beige);
  border-left: 6px solid var(--weedily-lime);
  border-radius: 0;               /* ➜ angles droits */
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  color: #333;
  font: 500 0.95rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Label ("Lire cet article") */
.callout-article .callout-label {
  font-weight: 700;
  margin-right: .35rem;
}

/* Séparateur deux-points */
.callout-article .callout-sep {
  margin-right: .35rem;
  opacity: .5;
}

/* Lien de l’article */
.callout-article .callout-link {
  color: var(--weedily-lime);
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease, text-decoration .2s ease;
}
.callout-article .callout-link:hover,
.callout-article .callout-link:focus {
  text-decoration: underline;
  color: #9cc92b; /* vert légèrement plus foncé au survol */
}

/* Accessibilité */
.callout-article a:focus {
  outline: 2px solid var(--weedily-lime);
  outline-offset: 2px;
}

/* Donner à quote.spip le style Bootstrap .blockquote + italique */
blockquote.spip, blockquote.spip p {
    padding: 0.5rem 1rem;
    margin: 1rem 0;
    /*#border-left: 0.25rem solid #ececec;*/
    font-size: 1.25rem;
    font-style: italic;
    text-align: right;
}

/* Équivalent du .text-right (Bootstrap 4) */
blockquote.spip, blockquote.spip p {
    text-align: right;
}

.art-card {
  position: relative;
  background-color: #F5F1E6; /*#8CCF85;*/
  border: 1px solid #ddd;       /* style de bordure du cartouche */
  border-radius: .5rem;
  overflow: hidden;             /* pour que rien ne dépasse des arrondis */
}

.art-main {
  position: relative;
  #padding: .5rem 1rem 1rem ;
  padding: .5rem;
  border-radius: 0 0 2rem 2rem;
  overflow: hidden;             /* pour que rien ne dépasse des arrondis */
}

.art-secondary {
  padding: .1rem 1rem 0rem;
  /*border-top: 1px solid rgba(0,0,0,.05); /* petit filet de séparation */
  font-size: .7rem;
  text-align: right;
}

.art-main .stretched-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.art-rubrique-link {
  position: relative;
  z-index: 2;
  text-decoration: underline;
  cursor: pointer;
}


.page-header {
  padding-bottom: 0em !important;
  border-bottom: 0px !important;
}