/* ==========================================================================
   PASSPAM — THÈME « DCODE » (variante orange)
   Habillage inspiré du template Dcode (SacredThemes, licence achetée par l'exploitant) :
   typographie Source Sans + Alegreya italique, dégradés ambre → orange, vagues, cartes
   aérées à ombre douce, boutons pilule en dégradé. Chargé APRÈS passpam.css / organizer.css /
   admin : il ne fait que redéfinir des jetons et des composants existants.
   Accessibilité : tout texte posé sur de l'orange utilise les teintes « ink / btn » (≥ 4.5:1) ;
   l'orange vif (#f56616) et l'ambre (#f0ac0e) restent décoratifs (vagues, anneaux, filets).
   ========================================================================== */

/* Polices auto-hébergées (SIL OFL, voir assets/fonts/LICENSE-*) : aucune requête vers Google, fonctionne hors ligne. */
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/source-sans-3-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/source-sans-3-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/source-sans-3-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 900; font-display: swap; src: url("fonts/source-sans-3-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "Alegreya"; font-style: italic; font-weight: 600; font-display: swap; src: url("fonts/alegreya-latin-600-italic.woff2") format("woff2"); }
@font-face { font-family: "Alegreya"; font-style: italic; font-weight: 700; font-display: swap; src: url("fonts/alegreya-latin-700-italic.woff2") format("woff2"); }

:root {
  --pp-font: "Source Sans 3", "Source Sans Pro", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --pp-font-display: "Source Sans 3", "Source Sans Pro", "Segoe UI", system-ui, sans-serif;
  --pp-font-accent: "Alegreya", Georgia, "Times New Roman", serif;

  --pp-ink: #16152f;
  --pp-ink-2: #3f3f55;
  --pp-muted: #66667f;
  --pp-line: #ebe8f0;
  --pp-bg: #ffffff;
  --pp-surface: #ffffff;
  --pp-surface-2: #f6f5fa;
  --pp-tint: #fff6ee;                /* fond chaud des sections marketing */
  --pp-night: #0a0a36;               /* bleu nuit Dcode */
  --pp-night-2: #1d1b5e;

  --pp-ember: #f56616;               /* orange Dcode — décoratif */
  --pp-amber: #f0ac0e;               /* ambre Dcode — décoratif */
  --pp-coral: #f56616;
  --pp-coral-2: #e8590c;
  --pp-coral-ink: #c2410c;           /* texte / liens orange : 5.2:1 sur blanc */
  --pp-coral-btn: #b5360a;           /* fond plein des boutons : 6:1 avec texte blanc */
  --pp-coral-btn-2: #933006;
  --pp-coral-soft: #fff1e6;
  --pp-gold: #f0ac0e;

  --pp-grad: linear-gradient(120deg, #f0ac0e 0%, #f56616 100%);
  --pp-grad-btn: linear-gradient(180deg, #cc4a0b 0%, #a83a08 100%);
  --pp-grad-night: linear-gradient(135deg, #1d1b5e 0%, #0a0a36 70%);

  --pp-radius-s: 8px; --pp-radius: 12px; --pp-radius-l: 18px;
  --pp-shadow-s: 0 2px 6px rgba(10, 10, 54, .05);
  --pp-shadow: 0 12px 30px rgba(10, 10, 54, .08);
  --pp-shadow-l: 0 24px 60px rgba(10, 10, 54, .16);
  --pp-glow: 0 10px 24px rgba(245, 102, 22, .30);
  --pp-focus: 0 0 0 3px rgba(245, 102, 22, .45);
}

body { font-size: 17px; letter-spacing: .005em; }
h1, h2, h3, h4 { letter-spacing: -.005em; }
h1 { font-weight: 800; }
h2 { font-weight: 700; }
.pp-accent { font-family: var(--pp-font-accent); font-style: italic; font-weight: 600; color: var(--pp-coral-ink); letter-spacing: 0; }
::selection { background: #f56616; color: #fff; }

/* ---------- Boutons : pilule en dégradé, halo orange ---------- */
.pp-btn { font-weight: 700; letter-spacing: .01em; }
.pp-btn--primary { background-color: var(--pp-coral-btn); background-image: var(--pp-grad-btn); color: #fff; box-shadow: var(--pp-glow); border: 0; }
.pp-btn--primary:hover { background-color: var(--pp-coral-btn-2); background-image: linear-gradient(180deg, #b5360a 0%, #933006 100%); box-shadow: 0 14px 30px rgba(245, 102, 22, .38); }
.pp-btn--soft { background: var(--pp-coral-soft); color: var(--pp-coral-ink); }
.pp-btn--soft:hover { background: #ffe4d1; }
.pp-btn--dark { background: var(--pp-night); }
.pp-btn--ghost { border-color: #dedae6; }
.pp-btn--ghost:hover { border-color: var(--pp-coral); color: var(--pp-coral-ink); background: #fff; }
.pp-input:focus, .pp-select:focus, .pp-textarea:focus { border-color: var(--pp-ember); }
.pp-check input { accent-color: var(--pp-coral-btn); }
.pp-link { color: var(--pp-coral-ink); }

/* ---------- En-tête : blanc, collant, ombre légère (Dcode) ---------- */
.pp-header { background: rgba(255, 255, 255, .96); color: var(--pp-ink); box-shadow: 0 4px 24px rgba(10, 10, 54, .07); backdrop-filter: saturate(160%) blur(8px); -webkit-backdrop-filter: saturate(160%) blur(8px); }
.pp-header .pp-logo { color: var(--pp-night); font-weight: 900; }
.pp-nav a { color: var(--pp-ink); font-weight: 700; }
.pp-nav a:hover, .pp-nav a[aria-current="page"] { background: transparent; color: var(--pp-coral-ink); box-shadow: inset 0 -3px 0 var(--pp-ember); border-radius: 0; }
.pp-header .pp-iconbtn { color: var(--pp-ink); background: var(--pp-surface-2); }
.pp-header .pp-iconbtn:hover { background: var(--pp-coral-soft); color: var(--pp-coral-ink); }
.pp-header .pp-btn--light { background: #fff; color: var(--pp-ink); border: 1.5px solid #dedae6; }
.pp-header .pp-btn--light:hover { border-color: var(--pp-ember); color: var(--pp-coral-ink); }
.pp-avatar { background: var(--pp-grad-btn); }

/* ---------- Héro de l'accueil : fond chaud, vague orange, pile de billets ---------- */
.pp-hero { background: radial-gradient(900px 420px at 88% 10%, rgba(240, 172, 14, .18), transparent 60%), linear-gradient(180deg, #fff6ee 0%, #ffffff 100%); color: var(--pp-ink); padding: 48px 0 120px; }
.pp-hero::after { display: none; }
.pp-hero__grid { display: grid; gap: 32px; align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .pp-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); } }
.pp-hero h1 { font-size: clamp(2.2rem, 3.4vw + 1rem, 3.9rem); font-weight: 900; line-height: 1.04; max-width: 15ch; color: var(--pp-ink); }
.pp-hero h1 .pp-accent { display: block; font-weight: 700; font-size: 1.04em; line-height: 1.05; }
.pp-hero p { color: var(--pp-ink-2); font-size: 1.15rem; margin: 18px 0 0; }
.pp-hero__search { margin-top: 30px; }
.pp-hero .pp-search { box-shadow: 0 20px 50px rgba(10, 10, 54, .12); border: 1px solid #f1ece6; }
.pp-hero .pp-search__cell { background: #f8f6fb; }
.pp-hero .pp-chip { background: #fff; color: var(--pp-ink); border: 1px solid #ece6df; }
.pp-hero .pp-chip:hover { border-color: var(--pp-ember); color: var(--pp-coral-ink); }
.pp-wave { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 90px; display: block; pointer-events: none; }
@media (max-width: 767px) { .pp-hero { padding: 32px 0 80px; } .pp-wave { height: 48px; } }

/* La pile de billets (élément signature) */
.pp-herostack { position: relative; height: 420px; display: none; }
@media (min-width: 1024px) { .pp-herostack { display: block; } }
.pp-herostack::before { content: ""; position: absolute; width: 330px; height: 330px; right: 40px; top: 20px; border-radius: 50%; background: var(--pp-grad); opacity: .95; }
.pp-herostack::after { content: ""; position: absolute; width: 400px; height: 400px; right: 5px; top: -15px; border-radius: 50%; border: 2px dashed rgba(245, 102, 22, .35); }
.pp-heroticket { position: absolute; width: 270px; background: #fff; border-radius: 16px; box-shadow: 0 24px 50px rgba(10, 10, 54, .18); overflow: hidden; color: var(--pp-ink); z-index: 1; transition: transform .25s ease; }
.pp-heroticket:nth-child(1) { right: 250px; top: 10px; transform: rotate(-8deg); z-index: 1; }
.pp-heroticket:nth-child(2) { right: 0; top: 70px; transform: rotate(6deg); z-index: 2; }
.pp-heroticket:nth-child(3) { right: 150px; top: 205px; transform: rotate(-3deg); z-index: 3; width: 250px; }
.pp-heroticket:hover { transform: rotate(0) translateY(-6px); z-index: 4; }
.pp-heroticket__img { height: 110px; background: var(--pp-grad-night); }
.pp-heroticket__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pp-heroticket__body { padding: 12px 14px 10px; }
.pp-heroticket__date { color: var(--pp-coral-ink); font-weight: 700; font-size: .82rem; text-transform: capitalize; }
.pp-heroticket__title { font-weight: 800; font-size: 1rem; line-height: 1.2; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pp-heroticket__stub { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px 12px; border-top: 2px dashed #ece6df; font-weight: 800; font-size: .9rem; }
.pp-heroticket__stub::before, .pp-heroticket__stub::after { content: ""; position: absolute; top: -9px; width: 16px; height: 16px; border-radius: 50%; background: #fff6ee; }
.pp-heroticket__stub::before { left: -8px; } .pp-heroticket__stub::after { right: -8px; }
.pp-heroticket__bars { width: 64px; height: 18px; background: repeating-linear-gradient(90deg, var(--pp-night) 0 2px, transparent 2px 4px, var(--pp-night) 4px 5px, transparent 5px 8px); opacity: .85; }
@media (prefers-reduced-motion: reduce) { .pp-heroticket { transition: none; } }

/* ---------- Sections ---------- */
.pp-section { padding: 44px 0; }
@media (max-width: 639px) { .pp-section { padding: 22px 0; } }
.pp-section--tint { background: var(--pp-tint); }
.pp-section__head h2 { font-size: clamp(1.5rem, 1.4vw + 1rem, 2rem); font-weight: 800; }
.pp-section__head h2::after { content: ""; display: block; width: 46px; height: 4px; border-radius: 4px; background: var(--pp-grad); margin-top: 10px; }

/* ---------- Cartes ---------- */
.pp-card { border: 1px solid #efedf3; box-shadow: var(--pp-shadow-s); border-radius: var(--pp-radius-l); }
.pp-event { border: 0; box-shadow: 0 8px 26px rgba(10, 10, 54, .08); transition: transform .2s ease, box-shadow .2s ease; }
.pp-event:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(10, 10, 54, .14); }
.pp-event__fallback { background: linear-gradient(140deg, #1d1b5e 0%, #0a0a36 45%, #c2410c 140%); }
.pp-event__date { border-radius: 10px; overflow: hidden; padding: 0 0 6px; min-width: 50px; box-shadow: 0 6px 16px rgba(10, 10, 54, .15); }
.pp-event__date b { padding-top: 6px; }
.pp-event__date::before { content: ""; display: block; height: 5px; background: var(--pp-grad); }
.pp-event__title { font-weight: 800; }
.pp-event__price { color: var(--pp-ink); }
.pp-cat { border: 1px solid #efedf3; box-shadow: var(--pp-shadow-s); border-radius: 14px; }
.pp-cat:hover { border-color: rgba(245, 102, 22, .5); box-shadow: 0 12px 26px rgba(245, 102, 22, .14); }
.pp-cat__icon { background: var(--pp-grad); color: #fff; border-radius: 12px; box-shadow: 0 6px 14px rgba(245, 102, 22, .28); }
.pp-city { background: var(--pp-grad-night); position: relative; overflow: hidden; border-radius: 16px; }
.pp-city::before { content: ""; position: absolute; z-index: -1; width: 86px; height: 86px; right: -28px; top: -44px; border-radius: 50%; background: var(--pp-grad); opacity: .9; }
.pp-city { isolation: isolate; }
.pp-city small { position: relative; }
.pp-org__logo { background: var(--pp-coral-soft); color: var(--pp-coral-ink); }

/* ---------- « Comment ça marche » : bande nuit à vagues (Dcode) ---------- */
.pp-how { position: relative; background: var(--pp-night); color: #fff; padding: 110px 0 120px; margin: 24px 0; overflow: hidden; }
.pp-how::before { content: ""; position: absolute; width: 520px; height: 520px; left: -220px; top: 30%; border-radius: 50%; background: radial-gradient(circle, rgba(245, 102, 22, .25), transparent 70%); }
.pp-how .pp-wave--top { top: -1px; bottom: auto; }
.pp-how__grid { position: relative; display: grid; gap: 36px; align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .pp-how__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); } }
.pp-how h2 { color: #fff; font-size: clamp(1.6rem, 1.6vw + 1rem, 2.3rem); font-weight: 800; }
.pp-how h2 .pp-accent { color: #ffb070; }
.pp-how__lead { color: #d8d6ee; max-width: 56ch; margin: 12px 0 28px; }
.pp-how__steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; counter-reset: step; }
@media (min-width: 640px) { .pp-how__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pp-how__steps li { counter-increment: step; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; padding: 20px 18px; }
.pp-how__steps li::before { content: counter(step, decimal-leading-zero); display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--pp-grad); color: #0a0a36; font-family: var(--pp-font-accent); font-style: italic; font-weight: 700; font-size: 1.35rem; margin-bottom: 12px; }
.pp-how__steps b { display: block; font-size: 1.1rem; margin-bottom: 4px; }
.pp-how__steps span { color: #d8d6ee; font-size: .95rem; }
.pp-how__img { justify-self: center; max-width: 440px; width: 100%; filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .35)); }
@media (max-width: 1023px) { .pp-how__img { display: none; } .pp-how { padding: 70px 0 80px; } }

/* ---------- Appel aux organisateurs ---------- */
.pp-cta { background: #fff; color: var(--pp-ink); border: 1px solid #f1ece6; box-shadow: var(--pp-shadow-l); border-radius: 24px; padding: 36px 32px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: center; }
@media (min-width: 900px) { .pp-cta { grid-template-columns: minmax(0, 1.2fr) auto minmax(0, .7fr); padding: 44px 48px; } }
.pp-cta::before { content: ""; position: absolute; width: 380px; height: 380px; right: -120px; bottom: -200px; border-radius: 50%; background: var(--pp-grad); opacity: .14; }
.pp-cta h2 { font-size: clamp(1.5rem, 1.4vw + 1rem, 2.1rem); font-weight: 800; }
.pp-cta p { color: var(--pp-ink-2); }
.pp-cta__img { position: relative; max-width: 260px; justify-self: center; }
@media (max-width: 899px) { .pp-cta__img { display: none; } }

/* ---------- Pied de page : nuit, liseré en vague orange ---------- */
.pp-footer { position: relative; background: var(--pp-night); color: #cfcde6; padding-top: 110px; margin-top: 60px; }
.pp-footer .pp-wave--top { top: -1px; bottom: auto; height: 70px; }
.pp-footer .pp-logo { color: #fff; }
.pp-footer h4 { color: #fff; letter-spacing: .04em; text-transform: none; font-size: 1rem; }
.pp-footer a:hover { color: #ffb070; }
.pp-lang a[aria-current="true"] { background-color: #f08a12; background-image: var(--pp-grad); color: var(--pp-night); border-color: transparent; }

/* ---------- Connexion / inscription : en-tête courbe en dégradé (Dcode « sign in ») ---------- */
.pp-auth { border: 0; box-shadow: var(--pp-shadow-l); border-radius: 22px; }
.pp-auth .pp-card__body { padding: 0 28px 28px; }
.pp-auth h1 { margin: 0 -28px 18px; padding: 34px 28px 54px; color: #fff; background-color: var(--pp-coral-btn); background-image: linear-gradient(135deg, #cc4a0b 0%, #a83a08 70%), radial-gradient(circle at 90% 0, #f0ac0e, transparent 60%); border-bottom-right-radius: 100% 64px; font-size: 1.9rem; }
.pp-auth h1 + .pp-muted { margin-top: -4px; }

/* ---------- Page événement ---------- */
.pp-eventhero { background: var(--pp-grad-night); }
.pp-eventhero__kicker a { color: var(--pp-amber); }
.pp-eventhero__meta svg { color: var(--pp-amber); }
.pp-infolist > div { border-color: #efedf3; box-shadow: var(--pp-shadow-s); }
.pp-infolist svg { color: var(--pp-coral-ink); }
.pp-goodtoknow > div { background: var(--pp-tint); }
.pp-goodtoknow svg { color: var(--pp-coral-ink); flex: none; }
.pp-buybox { border: 0; box-shadow: var(--pp-shadow-l); }
.pp-ticket { border-color: #efedf3; }
.pp-qty button:hover { background: var(--pp-coral-soft); color: var(--pp-coral-ink); }
.pp-datechip[aria-pressed="true"] { background-color: var(--pp-coral-btn); background-image: var(--pp-grad-btn); border-color: transparent; }

/* ---------- Divers ---------- */
.pp-error-page__illu { width: min(80vw, 360px); margin: 0 auto 8px; }
.pp-error-page__code { background: var(--pp-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pp-empty__icon { background: var(--pp-grad); color: #fff; }
.pp-tabs a[aria-current="page"], .pp-tabs .is-active { border-bottom-color: var(--pp-ember); }
.pp-pagination [aria-current="page"] { background: var(--pp-coral-btn); border-color: var(--pp-coral-btn); }
.pp-account__nav a[aria-current="page"] { background-color: var(--pp-coral-btn); background-image: var(--pp-grad-btn); box-shadow: var(--pp-glow); }
.pp-dticket__top { background: var(--pp-grad-night); }
.pp-mobilenav a[aria-current="page"] { color: var(--pp-coral-ink); }
.pp-mobilenav { box-shadow: 0 -6px 24px rgba(10, 10, 54, .08); border-top-color: #efedf3; }
.skip-link { background: var(--pp-coral-btn); }

/* ---------- Espaces organisateur / admin / revendeur ---------- */
.org-body { background: #f6f5fa; }
.org-sidebar { background: var(--pp-night); background-image: radial-gradient(420px 260px at 0 100%, rgba(245, 102, 22, .22), transparent 70%); }
.org-sidebar__logo small { color: var(--pp-amber); }
.org-nav a { color: #d6d4ee; }
.org-nav a:hover { background: rgba(255, 255, 255, .07); color: #fff; }
.org-nav a[aria-current="page"] { background-color: var(--pp-coral-btn); background-image: var(--pp-grad-btn); color: #fff; box-shadow: 0 8px 20px rgba(245, 102, 22, .28); }
.org-header { box-shadow: 0 2px 16px rgba(10, 10, 54, .05); border-bottom-color: #efedf3; }
.org-header__actions .pp-avatar { background: var(--pp-grad-btn); }
.org-dot { background: var(--pp-coral-btn); }
.org-card { border: 1px solid #efedf3; box-shadow: 0 6px 20px rgba(10, 10, 54, .05); border-radius: 16px; }
.org-step__n { background: var(--pp-grad-btn); }
.org-choice:has(input:checked) { border-color: var(--pp-ember); background: #fff6ee; }
.org-day input:checked + span { background-color: var(--pp-coral-btn); background-image: var(--pp-grad-btn); border-color: transparent; }

/* ---------- Accueil mobile : rangées défilantes au lieu de colonnes interminables ---------- */
@media (max-width: 639px) {
  .pp-grid.pp-rail { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; margin-inline: -16px; padding: 4px 16px 14px; scrollbar-width: none; }
  .pp-grid.pp-rail::-webkit-scrollbar { display: none; }
  .pp-grid.pp-rail > * { scroll-snap-align: start; }
}

/* ---------- Bouton contour (fonds clairs) ---------- */
.pp-btn--outline { background: #fff; color: var(--pp-ink); border: 1.5px solid #dedae6; }
.pp-btn--outline:hover { border-color: var(--pp-ember); color: var(--pp-coral-ink); }

/* ---------- Landing organisateurs ---------- */
.pp-hero__illu { justify-self: center; width: auto; max-width: 100%; max-height: 380px; height: auto; object-fit: contain; }
@media (max-width: 1023px) { .pp-hero__illu { max-height: 260px; } }
@media (max-width: 639px) { .pp-hero__illu { display: none; } }
.pp-hero--org .pp-flex { margin-top: 28px; }
.pp-feature .pp-card__body { padding: 26px 22px; }
.pp-feature__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; background: var(--pp-grad); color: #fff; box-shadow: var(--pp-glow); margin-bottom: 16px; }
.pp-feature h3 { font-size: 1.12rem; font-weight: 800; margin-bottom: 6px; }
.pp-how__steps--4 { margin-top: 26px; }
@media (min-width: 640px) { .pp-how__steps--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pp-how__steps--4 li { display: flex; align-items: center; gap: 14px; }
.pp-how__steps--4 li::before { margin-bottom: 0; flex-shrink: 0; }
.pp-how__steps--4 li span { color: #fff; font-size: 1.02rem; }
.pp-faq { border-radius: 16px; }
.pp-faq[open] { border-color: rgba(245, 102, 22, .35); }
.pp-faq summary::marker { color: var(--pp-ember); }
@media (max-width: 639px) {
  .pp-how__steps li { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; align-items: start; padding: 16px; }
  .pp-how__steps li::before { grid-row: 1 / span 2; width: 46px; height: 46px; margin: 0; font-size: 1.15rem; }
  .pp-how__steps--4 li { display: flex; }
}

/* Code en ligne : la police du thème est plus large ; jamais de débordement horizontal sur mobile (320 px). */
code { overflow-wrap: anywhere; word-break: break-word; }

/* FEAT-023 — paiement de test simulé (hors production) */
.pp-simpay { margin: 14px 0; border: 2px dashed #f0ac0e; background: #fffaf0; }