/* =====================================================
   Alysum — most medzi editorial podstránkami (svadby,
   e-maily, beauty) a dizajnom hlavného webu.

   Načítava sa AŽ ZA site-theme.css, takže:
     • dopĺňa tokeny, ktoré spoločná navigácia a pätička potrebujú,
     • prepisuje teplú paletu stránky na paletu hlavného webu,
     • vracia stránke jej vlastnú šírku obsahu (site-theme.css ju inak
       roztiahne na 1400 px),
     • a vracia nadpisom displejový serif, ktorý si site-theme.css
       inak prebije na Helvetica Neue.
   ===================================================== */

/* ---------- tokeny hlavného webu (rovnaké hodnoty ako app.css) ---------- */
:root{
  --background: 220 14% 96%;
  --foreground: 0 0% 4%;
  --primary: 355 78% 48%;
  --primary-foreground: 0 0% 100%;
  --muted-foreground: 0 0% 45%;
  --card: 0 0% 100%;
  --border: 0 0% 88%;
  --radius: 0rem;
}

/* ---------- paleta stránky prepísaná na hlavný web ---------- */
body.alysum-editorial{
  --bg:      #F4F5F7;   /* bola teplá krémová #F7F5F3 */
  --bg-2:    #EBECEF;
  --paper:   #FFFFFF;
  --ink:     #0A0A0A;
  --ink-soft:#737373;
  --line:    rgba(10,10,10,.12);
  --body:    "Manrope", system-ui, -apple-system, sans-serif;
  --r:       0px;
}

/* ---------- šírka obsahu ----------
   Stránka si .wrap riadi sama (site-theme.css ho na týchto stránkach
   zámerne nenastavuje), aby si sekcie udržali svoje zvislé odsadenie.
   Nastavujeme len pätičku, ktorá má ísť na plnú šírku hlavného webu. */
/* Len vodorovne! `padding`/`margin` ako skratka by zrazili zvislé odsadenie
   vnútri pätičky (.ft-nav má padding-bottom aj margin-bottom). */
body.alysum-editorial .site-footer-static > .wrap{
  max-width: 1400px;
  margin-left: auto; margin-right: auto;
  padding-left: 24px; padding-right: 24px;
}

/* ---------- hranaté rohy ako na hlavnom webe ----------
   Zámerne len na ovládacie prvky. Dekorácie (mockup telefónu, pečať,
   kruhové odznaky, fotky) si zaoblenie ponechávajú. */
body.alysum-editorial .btn,
body.alysum-editorial input,
body.alysum-editorial textarea,
body.alysum-editorial select,
body.alysum-editorial .chip,
body.alysum-editorial .badge,
body.alysum-editorial .pill,
body.alysum-editorial .lbl,
body.alysum-editorial .plan,
body.alysum-editorial .order,
body.alysum-editorial .pricecard,
body.alysum-editorial .glass{ border-radius: 0; }
body.alysum-editorial .btn{ font-weight: 700; }
/* .phone je mockup telefónu — zaoblenie mu zostáva, inak by prestal byť telefónom. */

/* ---------- displejový serif v nadpisoch zostáva ----------
   site-theme.css tlačí h1–h3 do Helvetica Neue cez !important,
   tu ho pre obsah stránky vraciame späť. */
body.alysum-editorial h1,
body.alysum-editorial h2,
body.alysum-editorial h3{
  font-family: var(--display) !important;
  letter-spacing: -.01em !important;
}
/* ...ale navigácia a pätička patria hlavnému webu. */
body.alysum-editorial .asnav h1,
body.alysum-editorial .asnav h2,
body.alysum-editorial .asnav h3,
body.alysum-editorial .site-footer-static h1,
body.alysum-editorial .site-footer-static h2,
body.alysum-editorial .site-footer-static h3{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: -.04em !important;
}

/* ---------- vlastná hlavička stránky je nahradená spoločnou ---------- */
body.alysum-editorial header.top{ display: none; }

/* ---------- pätička patrí hlavnému webu ----------
   /emaily má vlastné pravidlo `footer{background:var(--ink);color:#B7ADA6}`
   a `footer a{border-bottom:1px solid #4A3D39}`. Keďže sa vzťahuje na holý
   element <footer>, chytilo aj zjednotenú pätičku: čierne pozadie, čiarky
   pod odkazmi a tučné položky čiernym na čiernom. Tu to vraciame späť. */
body.alysum-editorial .site-footer-static{
  margin-top: 0 !important;
  background: transparent;
  color: hsl(var(--muted-foreground));
  font-size: 16px;
}
body.alysum-editorial .site-footer-static a{
  border-bottom: 0;
  text-decoration: none;
  color: hsl(var(--muted-foreground));
}
body.alysum-editorial .site-footer-static a:hover{ color: hsl(var(--primary)); }
body.alysum-editorial .site-footer-static strong{
  color: hsl(var(--foreground));
  font-weight: 700;
}