/**
 * pxl-ivory-page-title.css — Bandeau « Titre de page Ivory »
 *
 * Widget Elementor pxl_ivory_page_title.
 * Rendu type COLLECTIONS : fond ivoire ou bordeaux, titre Latienne Swash
 * centré, description éditoriale Latienne Becker (italiques permis).
 *
 * Variables : voir assets/css/ivory-brand.css (--ivory-*).
 *
 * @package Nordic_Child
 */

.ivory-ptitle {
    width: 100%;
    box-sizing: border-box;
    padding: clamp(48px, 8vw, 110px) 20px;
}

.ivory-ptitle__inner {
    max-width: 1180px;
    margin: 0 auto;
}

/* ---------------------------------------------------------------------------
 * Alignements
 * ------------------------------------------------------------------------- */
.ivory-ptitle-align-center .ivory-ptitle__inner { text-align: center; }
.ivory-ptitle-align-left   .ivory-ptitle__inner { text-align: left; }
.ivory-ptitle-align-right  .ivory-ptitle__inner { text-align: right; }

/* ---------------------------------------------------------------------------
 * Titre — Latienne Swash, grand format display
 * ------------------------------------------------------------------------- */
.ivory-ptitle__title {
    margin: 0;
    font-family: var(--ivory-font-display, "Latienne Swash T", Georgia, serif);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: 0.01em;
    font-size: clamp(40px, 7vw, 104px);
}

.ivory-ptitle.is-uppercase .ivory-ptitle__title { text-transform: uppercase; }

/* ---------------------------------------------------------------------------
 * Description — Latienne Becker, bloc éditorial centré
 * ------------------------------------------------------------------------- */
.ivory-ptitle__desc {
    font-family: var(--ivory-font-body, "Latienne Becker", Georgia, serif);
    font-size: clamp(16px, 1.2vw, 20px);
    line-height: 1.7;
    max-width: 760px;
    margin: clamp(18px, 2.4vw, 30px) auto 0;
}

.ivory-ptitle-align-left  .ivory-ptitle__desc { margin-left: 0; }
.ivory-ptitle-align-right .ivory-ptitle__desc { margin-right: 0; }

.ivory-ptitle__desc p { margin: 0 0 0.6em; }
.ivory-ptitle__desc p:last-child { margin-bottom: 0; }
.ivory-ptitle__desc em,
.ivory-ptitle__desc i { font-style: italic; }

/* ---------------------------------------------------------------------------
 * Variante fond IVOIRE (titre bordeaux)
 * ------------------------------------------------------------------------- */
.ivory-ptitle-bg-ivoire { background-color: var(--ivory-ivoire, #F4EEE2); }
.ivory-ptitle-bg-ivoire .ivory-ptitle__title { color: var(--ivory-bordeaux, #520F1A); }
.ivory-ptitle-bg-ivoire .ivory-ptitle__desc  { color: var(--ivory-chocolat, #3C241B); }

/* ---------------------------------------------------------------------------
 * Variante fond BORDEAUX (titre ivoire)
 * ------------------------------------------------------------------------- */
.ivory-ptitle-bg-bordeaux { background-color: var(--ivory-bordeaux, #520F1A); }
.ivory-ptitle-bg-bordeaux .ivory-ptitle__title { color: var(--ivory-ivoire, #F4EEE2); }
.ivory-ptitle-bg-bordeaux .ivory-ptitle__desc  { color: var(--ivory-beige, #DFCDB7); }

/* Variante « personnalisé » : couleurs pilotées par les contrôles Elementor. */

/* ---------------------------------------------------------------------------
 * Placeholder en mode édition Elementor (widget vide)
 * ------------------------------------------------------------------------- */
.ivory-ptitle__placeholder {
    font-family: var(--ivory-font-body, Georgia, serif);
    font-style: italic;
    color: rgba(82, 15, 26, .5);
}