@charset "UTF-8";
/* ============================================================
   LES POTIONS DE MERLIN
   Berkshire Swash : titres, navigation, catégories et prix.
   Georgia : texte courant, ingrédients, histoires et commande.
   Remplacer intégralement le précédent CSS par celui-ci.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap");
/* 1. Texte courant : Georgia, graisse normale */
body,
.ecwid,
.ec-store,
.ec-size .ec-store {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
}

/* 2. Titres, navigation, catégories et noms des produits */
h1, h2, h3, h4,
nav,
.ec-store .grid-category__title,
.ec-store .grid-category__name,
.ec-store .grid-category__card-title,
.ec-store .ec-category-name,
.ec-store .ec-category-title,
.ec-store .grid-product__title,
.ec-store .grid-product__title-inner,
.ec-store .product-details__product-title,
.ecwid .grid-category__title,
.ecwid .grid-category__name,
.ecwid .grid-category__card-title,
.ecwid .ec-category-name,
.ecwid .ec-category-title,
.ecwid .grid-product__title,
.ecwid .grid-product__title-inner,
.ecwid .product-details__product-title {
  font-family: 'Berkshire Swash', Georgia, serif !important;
  font-weight: 400 !important;
}

.ec-store .grid-category__title,
.ec-store .grid-category__name,
.ecwid .grid-category__title,
.ecwid .grid-category__name {
  font-size: 24px !important;
}

.ec-store .grid-product__title,
.ec-store .grid-product__title-inner,
.ecwid .grid-product__title,
.ecwid .grid-product__title-inner {
  font-size: 21px !important;
}

.ec-store .product-details__product-title,
.ecwid .product-details__product-title {
  font-size: 34px !important;
}

/* 3. Paragraphes, histoires et listes : texte normal */
body p,
.ec-store p,
.ec-store li,
.ecwid p,
.ecwid li,
.ec-store .product-details__description,
.ec-store .product-details__product-description,
.ecwid .product-details__description,
.ecwid .product-details__product-description {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

.ec-store .product-details__description p,
.ec-store .product-details__general-info p,
.ecwid .product-details__description p,
.ecwid .product-details__general-info p {
  text-align: justify;
}

/* 4. Vrai gras : uniquement les éléments marqués strong ou b
   dans le HTML, notamment les allergènes et conseils d'infusion */
strong,
b,
.ec-store strong,
.ec-store b,
.ecwid strong,
.ecwid b {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 700 !important;
}

/* 5. Champs de saisie */
.ec-store input,
.ec-store select,
.ec-store textarea,
.ecwid input,
.ecwid select,
.ecwid textarea {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  text-transform: none !important;
}

/* 6. Panier et commande : Georgia pour tous les éléments */
.ec-store .ec-cart,
.ec-store .ec-cart *,
.ec-store .ec-checkout,
.ec-store .ec-checkout *,
.ecwid .ec-cart,
.ecwid .ec-cart *,
.ecwid .ec-checkout,
.ecwid .ec-checkout * {
  font-family: Georgia, 'Times New Roman', serif !important;
}

/* 7. Prix des produits : Berkshire Swash, graisse normale */
.ec-store .grid-product__price,
.ec-store .product-details__product-price,
.ecwid .grid-product__price,
.ecwid .product-details__product-price {
  font-family: 'Berkshire Swash', Georgia, serif !important;
  font-weight: 400 !important;
}

/* 8. Conserver les paramètres de la boutique */
/* Pas de grossissement de l'image au survol */
.ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__picture {
  transform: none !important;
}

/* Afficher la description complète */
.ec-store .product-details__general-info .product-details-module__content--collapsed,
.ecwid .product-details__general-info .product-details-module__content--collapsed {
  max-height: none !important;
  overflow: visible !important;
}

/* Masquer le bouton « Voir plus » */
.ec-store .product-details-module__btn-more,
.ecwid .product-details-module__btn-more {
  display: none !important;
}
