/* ============================================
   FIL D'ARIANE — PENSEZ SAUVAGE KRAFT
   Style unifié pour tous les fils d'Ariane du site,
   généré par le helper ps_breadcrumb() (inc/breadcrumb.php).
   Chargé inconditionnellement via inc/assets.php.
   ============================================ */

/* Règle de base partagée (police, taille, couleur). L'espacement (margin +
   padding) est entièrement géré par les règles .ps-colonne-cadre .ps-fil-ariane
   ci-dessous : tous les templates rendent le fil d'Ariane dans la colonne. */
.ps-fil-ariane {
    font-family: var(--ps-police-titre);
    font-size: 1.15rem;
    color: #6B4226;
}
.ps-fil-ariane a {
    color: #6B4226;
    text-decoration: none;
}
.ps-fil-ariane a:hover {
    color: var(--ps-orange);
    text-decoration: underline;
}
.ps-fil-ariane-courant {
    color: var(--ps-texte);
    font-weight: 500;
}
.ps-fil-ariane-sep {
    color: #6B4226;
    margin: 0 0.1em;
}


/* --- Fil d'Ariane AU-DESSUS du cadre central --- */
/* Tous les templates du site rendent le fil d'Ariane dans .ps-colonne-cadre
   (fiche produit, pages à hook, search, single, archive, glossaire) : il suit
   le bord gauche du cadre à tous les paliers. Marges calées à l'œil. */
.ps-colonne-cadre .ps-fil-ariane {
    margin: 0.5rem 0 0.4rem;
}

/* >=1028px : les onglets du menu catalogue chevauchent le haut du cadre,
   le fil d'Ariane doit passer AU-DESSUS d'eux. */
@media (min-width: 1028px) {
    .ps-colonne-cadre .ps-fil-ariane {
        margin-bottom: 2.5rem;
    }
}

/* Écrans moyens et petits : taille réduite + marges calibrées à l'inspecteur. */
@media (max-width: 1027px) {
    .ps-colonne-cadre .ps-fil-ariane {
        font-size: 1rem;
        margin: 1rem 0 0.9rem;
    }
}