/**
 * Typo overrides hors CCC (évite CDN / theme-*.css stale).
 * 2026-11-03
 *
 * Lot 1 : body 16px + CMS de base + btn-lg + shortcode line-height
 * Lot 2 : plancher 15px sur corps de texte encore ≤13px (hors mosaic / chrome UI)
 * Lot 3 : liste produits — titre 16px / prix 15px (hors fiche produit)
 * Lot 4 : fiche produit — titre ~32px / prix ~28px (desktop)
 * Lot 5 : titres CMS / catégorie — plus de pt, échelle px unique
 * Lot 6 : menu — top 15px / sous-menu 14px (aligné body 16)
 */
body {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.btn-lg,
.btn-group-lg > .btn {
  font-size: 16px !important;
}

/* --- Lot 1 + 2 : plancher textes de contenu --- */
.resize-text-shortcode p,
.gift-desc-2,
.gift-desc-3,
#creator p,
.miao p,
.panel-body,
.block.subtitle-contact.ApHtml,
.background-faq-right p,
.page-cms .page-content p,
.page-cms .rte p,
#content-wrapper .rte p,
.category-description p,
#main .product-description p {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* Shortcode titles : line-height ≥ font-size */
.resize-text-shortcode h2,
.resize-text-shortcode h3,
.resize-text-shortcode h4,
.miao h2 {
  line-height: 1.3 !important;
}

/* --- Lot 3 : miniatures / listing (pas la fiche produit) --- */
.thumbnail-container .product-title,
.thumbnail-container h3.product-title {
  font-size: 16px !important;
  line-height: 1.35 !important;
}
.thumbnail-container .product-title a {
  font-size: 16px !important;
  line-height: 1.35 !important;
}
.thumbnail-container .product-price-and-shipping,
.thumbnail-container .product-price-and-shipping .price {
  font-size: 15px !important;
}

/* --- Lot 4 : fiche produit (desktop) --- */
.product-detail-name {
  font-size: 32px !important;
  line-height: 1.2 !important;
}
.product-prices .current-price {
  font-size: 28px !important;
  line-height: 1.2 !important;
}
.product-discount .regular-price {
  font-size: 18px !important;
}
#product .description-short,
#product .description-short p {
  line-height: 1.5 !important;
}

@media (max-width: 767px) {
  .product-detail-name {
    font-size: 28px !important;
  }
  .product-prices .current-price {
    font-size: 26px !important;
  }
}

/* --- Lot 5 : titres display CMS / catégorie (px only, pas de layout) --- */
.title-whoweare,
.title-miao {
  font-size: 42px !important;
  line-height: 1.15 !important;
}
.title-middle-whoarewe {
  font-size: 28px !important;
  line-height: 1.25 !important;
}
#market h2,
#events h2,
#resellers h2 {
  font-size: 36px !important; /* était 35pt ≈ 47px */
  line-height: 1.2 !important;
}
.gift-title-3-1 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}
.h1.category-name {
  font-size: 28px !important;
  line-height: 1.25 !important;
}

@media (max-width: 767px) {
  .title-whoweare,
  .title-miao {
    font-size: 32px !important;
  }
  #market h2,
  #events h2,
  #resellers h2,
  .gift-title-3-1 {
    font-size: 28px !important;
  }
  .h1.category-name {
    font-size: 24px !important;
  }
}

/* --- Lot 6 : mégamenu (pas de layout / padding) --- */
.leo-megamenu .navbar-nav > li > a {
  font-size: 15px !important;
}
.leo-megamenu .dropdown-menu li a,
.leo-megamenu .dropdown-menu a > .menu-title {
  font-size: 14px !important; /* était 13px */
}
/* Titres de colonne méga (ex. « Les bijoux… ») restent un cran au-dessus */
.leo-megamenu .dropdown-menu > .menu-title,
.leo-megamenu .dropdown-menu .widget .menu-title,
.leo-megamenu .dropdown-menu .leo-widget .menu-title {
  font-size: 16px !important;
}
.off-canvas-nav-megamenu .navbar-nav > li > a {
  font-size: 15px !important;
}
.off-canvas-nav-megamenu .dropdown-menu li a,
.off-canvas-nav-megamenu .dropdown-sub .menu-title {
  font-size: 14px !important;
}

/* --- Header utils = même rendu que le mégamenu (ex. E-SHOP / À PROPOS) --- */
#header .popup-over .popup-title,
#header .popup-over .popup-title .text-title,
#header .popup-over .popup-title .title-cart,
#header .popup-over .popup-title .title-language,
#header .title-cart,
#header .title-language {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  font-family: "DM Sans", sans-serif !important;
}
#header .popup-over .popup-title .icon,
#header .popup-over .popup-title .icon-arrow-down {
  color: #000000 !important;
  font-size: 14px !important;
}
#header .popup-over .popup-title:hover,
#header .popup-over .popup-title:hover .text-title,
#header .popup-over .popup-title:hover .title-cart,
#header .popup-over .popup-title:hover .title-language,
#header .popup-over .popup-title:hover .icon {
  color: #ff3333 !important;
}

/*
 * EXCLUS : mosaic home (.description-home-resize) → home-mosaic.css
 * EXCLUS : badges, copyright footer micro, form-control-sm
 */

/* --- Lot 7 : footer — DM Sans unifié, graisses lisibles (SEO/a11y) ---
 * Avant : titres Work Sans 300 (trop fins, faible contraste perçu)
 * Backup : var/backup/typography-overrides.css.before-footer-fonts-20261103
 */
.footer-container,
#footer {
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-container .title_block,
.footer-container h2.title_block,
.footer-container h3.title_block,
.footer-container .block-contact-title,
.footer-container .h4.block-contact-title,
.footer-container .block-title .title_block {
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
}

.footer-container .block_content,
.footer-container .block_content p,
.footer-container .block-contact,
.footer-container .block-contact p,
.footer-container .block-contact li,
.footer-container .block-contact a,
.footer-container .ApBlockLink li a,
.footer-container .ApHtml .block_content,
.footer-container .ApHtml .block_content p,
.footer-container .ApHtml .block_content a {
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333333 !important;
}

.footer-container .block-contact a:hover,
.footer-container .ApBlockLink li a:hover,
.footer-container .ApHtml .block_content a:hover {
  color: #1a1a1a !important;
}