/* ══════════════════════════════════════════════════════════════════
   Page auteur « créateur » : petits accents aux couleurs du créateur sur une page qui reste
   Ciné Délices (fond bleu nuit, cartes sombres, filtres, pied de page). Uniquement des détails :
   avatar de l'auteur sur les cartes, pastille, favori. Piloté par --creator-primary.
══════════════════════════════════════════════════════════════════ */
body.author-page--creator .recipe-card .contrib__av img { box-shadow: 0 0 0 1.5px var(--creator-primary), 0 0 10px color-mix(in srgb, var(--creator-primary) 40%, transparent); }
body.author-page--creator .recipe-card .contrib__pill { color: color-mix(in srgb, var(--creator-primary) 60%, #fff); border-color: color-mix(in srgb, var(--creator-primary) 55%, transparent); }
body.author-page--creator .recipe-card .contrib__pill-dot { background: var(--creator-primary); }
body.author-page--creator .recipe-card .btn-fav { color: var(--creator-primary); border-color: color-mix(in srgb, var(--creator-primary) 55%, transparent); }
body.author-page--creator .recipe-card .btn-fav:hover { background: var(--creator-primary); color: #fff; }

/* ══════════════════════════════════════════════════════════════════
   Teinte du créateur à la place du doré : titres, sous-titres, chiffres et libellés.
   Un rose poudré lumineux, calculé depuis la couleur principale du créateur (mélange avec du blanc) :
   il garde un contraste élevé sur le bleu nuit (≈ 10:1) et s'harmonise avec son univers.
   Le doré reste réservé à la navigation et au reste du site.
══════════════════════════════════════════════════════════════════ */
body.author-page--creator {
  --creator-tint: color-mix(in srgb, var(--creator-primary) 20%, #fff);        /* titres, libellés */
  --creator-tint-strong: color-mix(in srgb, var(--creator-primary) 30%, #fff); /* chiffres */
}

/* Héros : chiffres */
.author-page .profile-hero--creator .h-stat__num { color: var(--creator-tint-strong); text-shadow: 0 0 22px color-mix(in srgb, var(--creator-primary) 32%, transparent); }

/* Fil d'Ariane : page courante */
body.author-page--creator .bc-cur { color: var(--creator-tint); }

/* Section des recettes : surtitre, titre, filtres */
body.author-page--creator .author-films-toolbar .tb-label { color: var(--creator-tint); }
body.author-page--creator .author-films-toolbar .tb-label::before { background: var(--creator-tint); }
body.author-page--creator .author-films-toolbar .tb-title { color: #fff; text-shadow: 0 0 28px color-mix(in srgb, var(--creator-primary) 22%, transparent); }
body.author-page--creator .author-recipe-count { color: var(--creator-tint); }
body.author-page--creator .af-label { color: var(--creator-tint); }
body.author-page--creator .author-films-toolbar .dropdown-trigger { border-color: color-mix(in srgb, var(--creator-primary) 45%, transparent); }
body.author-page--creator .author-films-toolbar .dropdown-trigger:hover { border-color: var(--creator-tint); }
body.author-page--creator .author-films-toolbar .dropdown-trigger svg,
body.author-page--creator .author-films-toolbar .dropdown-trigger i { color: var(--creator-tint); }
body.author-page--creator .dropdown .dropdown__cat { color: var(--creator-tint); }
body.author-page--creator .dropdown .dropdown__item--active { color: var(--creator-tint); }

/* Cartes : titres des recettes */
body.author-page--creator .recipe-ttl { color: var(--creator-tint); }
body.author-page--creator .recipe-card:hover .recipe-ttl { color: #fff; }

/* Favori activé : cœur plein rose sur fond sombre teinté rose (plus de fond rouge) */
body.author-page--creator .recipe-card .btn-fav[data-is-favorite="true"] {
  background: color-mix(in srgb, var(--creator-primary) 20%, rgba(7, 19, 33, .92));
  border-color: var(--creator-primary); color: var(--creator-primary);
  box-shadow: 0 0 12px color-mix(in srgb, var(--creator-primary) 40%, transparent);
}
body.author-page--creator .recipe-card .btn-fav[data-is-favorite="true"]:hover {
  background: color-mix(in srgb, var(--creator-primary) 32%, rgba(7, 19, 33, .92)); color: color-mix(in srgb, var(--creator-primary) 55%, #fff);
}

/* Menu « Personnaliser mon profil » aux couleurs du créateur */
body.author-page--creator .dropdown-trigger--uni { color: color-mix(in srgb, var(--creator-primary) 30%, #fff); border-color: color-mix(in srgb, var(--creator-primary) 55%, transparent); }
body.author-page--creator .dropdown-trigger--uni:hover,
body.author-page--creator .dropdown-trigger--uni.is-open { border-color: var(--creator-primary); background: color-mix(in srgb, var(--creator-primary) 16%, transparent); }
body.author-page--creator .uni-star { color: var(--creator-primary); }
body.author-page--creator .uni-panel { border-color: color-mix(in srgb, var(--creator-primary) 40%, transparent); }
body.author-page--creator .uni-panel .dropdown__cat { color: color-mix(in srgb, var(--creator-primary) 30%, #fff); }
body.author-page--creator .uni-panel .dropdown__icon { color: var(--creator-primary); }
body.author-page--creator .uni-panel .dropdown__item:hover { background: color-mix(in srgb, var(--creator-primary) 14%, transparent); }
body.author-page--creator .dropdown-trigger--uni:focus-visible,
body.author-page--creator .dropdown__item:focus-visible { outline-color: var(--creator-primary); }
body.author-page--creator .hero-position-panel__save { background: var(--creator-primary); border-color: var(--creator-primary); color: #fff; }

/* Fenêtre « Mon slogan et mon TikTok » */
.creator-dialog { margin: auto; border: 1px solid color-mix(in srgb, var(--creator-primary) 50%, transparent); border-radius: 16px; padding: 0; background: #0d1c2d; color: #F4F1E9; width: min(440px, calc(100vw - 32px)); }
.creator-dialog::backdrop { background: rgba(4, 10, 18, .72); }
.creator-dialog__form { display: flex; flex-direction: column; gap: 8px; padding: 22px; }
.creator-dialog__form h2 { margin: 0 0 6px; font-family: var(--f-title, "Cinzel", serif); font-size: 1.05rem; letter-spacing: .06em; color: color-mix(in srgb, var(--creator-primary) 30%, #fff); }
.creator-dialog__form label { font-size: .8rem; font-weight: 700; color: #AEB8C5; margin-top: 6px; }
.creator-dialog__form input { padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.22); background: rgba(7,19,33,.8); color: #fff; font: inherit; }
.creator-dialog__form input:focus-visible { outline: 2px solid var(--creator-primary); outline-offset: 1px; }
.creator-dialog__error { margin: 4px 0 0; font-size: .82rem; color: #ffb4b4; }
.creator-dialog__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.creator-dialog__btn { padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: transparent; color: #F4F1E9; font: inherit; font-weight: 700; cursor: pointer; }
.creator-dialog__btn--primary { background: var(--creator-primary); border-color: var(--creator-primary); color: #fff; }
.creator-dialog__btn:disabled { opacity: .55; cursor: default; }

/* Sélecteur de fonds du héros (vignettes) */
.creator-bg-grid { grid-template-columns: repeat(3, 72px); }
.creator-bg-thumb { width: 72px; height: 40px; border-radius: 8px; border: 2px solid rgba(255,255,255,.2); background-size: cover; background-position: center; cursor: pointer; padding: 0; }
.creator-bg-thumb:hover { border-color: color-mix(in srgb, var(--creator-primary) 60%, #fff); }
.creator-bg-thumb--active { border-color: var(--creator-primary); box-shadow: 0 0 10px color-mix(in srgb, var(--creator-primary) 55%, transparent); }
.creator-bg-thumb:focus-visible { outline: 2px solid var(--creator-primary); outline-offset: 2px; }

/* Barre de filtres : ce qui était doré passe en blanc (icône du filtre, libellés et flèches des menus) */
body.author-page--creator .author-films-toolbar .tb-right .lucide-filter,
body.author-page--creator .author-films-toolbar .tb-right .dropdown-trigger,
body.author-page--creator .author-films-toolbar .tb-right .dropdown-trigger span,
body.author-page--creator .author-films-toolbar .tb-right .dt-arrow { color: #fff; }