/* V20 — ícones no lugar de emojis + fonte escolhida aplicada ao conteúdo */

/* Sistema de ícones */
.dpv-moment-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#c44f80;
}
.dpv-moment-icon svg{display:block;width:100%;height:100%}
.dpv-moment-icon-chooser{
  width:24px;height:24px;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,108,175,.18),rgba(167,102,255,.08));
  box-shadow:inset 0 0 0 1px rgba(255,122,184,.14);
}
.single-letter-picker .letter-option .dpv-moment-icon-chooser{margin-right:2px}
.edit-letter-chooser .dpv-moment-icon-chip{
  width:18px;height:18px;border-radius:999px;
  background:rgba(255,122,184,.12);
  margin-right:6px;vertical-align:-4px;
}
.sealed-letter .dpv-moment-icon-sealed{
  width:20px;height:20px;border-radius:8px;
  background:rgba(255,255,255,.82);
  color:#cc4e84;
  box-shadow:0 8px 16px rgba(75,28,51,.08);
  margin-right:8px;
  vertical-align:-4px;
}
.letter-intro-icon .dpv-moment-icon-hero{
  width:42px;height:42px;color:#d94773;
}
.letter-intro-icon .dpv-moment-icon-hero svg{filter:drop-shadow(0 5px 10px rgba(217,71,115,.18))}

/* Força o uso da fonte selecionada no conteúdo da carta */
.opened-message .paper[class*="font-"] .reader-copy,
.opened-message .paper[class*="font-"] #letterText,
.opened-message .paper[class*="font-"] .story-result-text,
.opened-message .paper[class*="font-"] .story-heading-result p,
.opened-message .paper[class*="font-"] .story-row,
.opened-message .paper[class*="font-"] .letter-reason,
.opened-message .paper[class*="font-"] .journey-copy p,
.opened-message .paper[class*="font-"] .guestbook-list article p,
.opened-message .paper[class*="font-"] blockquote,
.opened-message .paper[class*="font-"] li{
  font-family:inherit!important;
}

/* Títulos e conteúdo por fonte */
.opened-message .paper.font-playfair,
.opened-message .paper.font-playfair .reader-copy,
.opened-message .paper.font-playfair #letterText,
.letter-look-paper.font-playfair{font-family:"Playfair Display",serif!important}

.opened-message .paper.font-cormorant,
.opened-message .paper.font-cormorant .reader-copy,
.opened-message .paper.font-cormorant #letterText,
.letter-look-paper.font-cormorant{font-family:"Cormorant Garamond",serif!important}

.opened-message .paper.font-lora,
.opened-message .paper.font-lora .reader-copy,
.opened-message .paper.font-lora #letterText,
.letter-look-paper.font-lora{font-family:"Lora",serif!important}

.opened-message .paper.font-caveat,
.opened-message .paper.font-caveat .reader-copy,
.opened-message .paper.font-caveat #letterText,
.letter-look-paper.font-caveat{font-family:"Caveat",cursive!important}

.opened-message .paper.font-kalam,
.opened-message .paper.font-kalam .reader-copy,
.opened-message .paper.font-kalam #letterText,
.letter-look-paper.font-kalam{font-family:"Kalam",cursive!important}

.opened-message .paper.font-dm,
.opened-message .paper.font-dm .reader-copy,
.opened-message .paper.font-dm #letterText,
.letter-look-paper.font-dm{font-family:"DM Sans",sans-serif!important}

.opened-message .paper.font-nunito,
.opened-message .paper.font-nunito .reader-copy,
.opened-message .paper.font-nunito #letterText,
.letter-look-paper.font-nunito{font-family:"Nunito",sans-serif!important}

.opened-message .paper.font-parisienne,
.opened-message .paper.font-parisienne .reader-copy,
.opened-message .paper.font-parisienne #letterText,
.letter-look-paper.font-parisienne{font-family:"Parisienne",cursive!important}

.opened-message .paper.font-greatvibes,
.opened-message .paper.font-greatvibes .reader-copy,
.opened-message .paper.font-greatvibes #letterText,
.letter-look-paper.font-greatvibes{font-family:"Great Vibes",cursive!important}

/* Escalas para manter legibilidade */
.opened-message .paper.font-cormorant .reader-copy,
.opened-message .paper.font-cormorant #letterText{font-size:clamp(20px,calc(.55vw + 15px),24px)!important;line-height:1.72!important}
.opened-message .paper.font-caveat .reader-copy,
.opened-message .paper.font-caveat #letterText{font-size:clamp(22px,calc(.72vw + 17px),27px)!important;line-height:1.66!important}
.opened-message .paper.font-kalam .reader-copy,
.opened-message .paper.font-kalam #letterText{font-size:clamp(20px,calc(.62vw + 16px),24px)!important;line-height:1.72!important}
.opened-message .paper.font-parisienne .reader-copy,
.opened-message .paper.font-parisienne #letterText{font-size:clamp(22px,calc(.9vw + 17px),30px)!important;line-height:1.72!important}
.opened-message .paper.font-greatvibes .reader-copy,
.opened-message .paper.font-greatvibes #letterText{font-size:clamp(23px,calc(1vw + 17px),31px)!important;line-height:1.7!important}
.opened-message .paper.font-nunito .reader-copy,
.opened-message .paper.font-nunito #letterText{font-size:clamp(17px,calc(.45vw + 13px),20px)!important;line-height:1.8!important}
.opened-message .paper.font-dm .reader-copy,
.opened-message .paper.font-dm #letterText{font-size:clamp(17px,calc(.42vw + 13px),20px)!important;line-height:1.8!important}

/* Títulos usando a mesma linguagem da fonte */
.opened-message .paper.font-caveat h3,
.opened-message .paper.font-kalam h3,
.opened-message .paper.font-parisienne h3,
.opened-message .paper.font-greatvibes h3,
.letter-look-paper.font-caveat h4,
.letter-look-paper.font-kalam h4,
.letter-look-paper.font-parisienne h4,
.letter-look-paper.font-greatvibes h4{
  font-family:inherit!important;
  letter-spacing:0!important;
}
.opened-message .paper.font-caveat h3{font-size:clamp(44px,calc(3vw + 20px),64px)!important;line-height:1.02!important}
.opened-message .paper.font-kalam h3{font-size:clamp(36px,calc(2.4vw + 18px),52px)!important;line-height:1.08!important}
.opened-message .paper.font-parisienne h3{font-size:clamp(52px,calc(3.6vw + 20px),76px)!important;line-height:1.02!important}
.opened-message .paper.font-greatvibes h3{font-size:clamp(56px,calc(3.8vw + 20px),82px)!important;line-height:1.01!important}

/* Ajustes extras de legibilidade para blocos derivados */
.opened-message .paper.font-parisienne .story-heading-result p,
.opened-message .paper.font-greatvibes .story-heading-result p,
.opened-message .paper.font-parisienne .journey-copy p,
.opened-message .paper.font-greatvibes .journey-copy p,
.opened-message .paper.font-parisienne .letter-reason,
.opened-message .paper.font-greatvibes .letter-reason{
  font-size:clamp(19px,calc(.65vw + 14px),24px)!important;
}

@media (max-width:720px){
  .sealed-letter .dpv-moment-icon-sealed{width:18px;height:18px;margin-right:7px}
  .opened-message .paper.font-parisienne .reader-copy,
  .opened-message .paper.font-parisienne #letterText,
  .opened-message .paper.font-greatvibes .reader-copy,
  .opened-message .paper.font-greatvibes #letterText{font-size:clamp(21px,5.8vw,28px)!important}
}