/* V23.3 — consistência de ícones, editor e mídia escondida */

/* --- Landing: alinhamento dos ícones --- */
.feature-btn{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:14px!important;
  position:relative!important;
  padding:14px 16px!important;
}
.feature-btn:before{display:none!important}
.feature-btn .feature-icon.ui-icon{
  width:24px!important;
  height:24px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:currentColor!important;
  box-shadow:none!important;
  align-self:center!important;
  justify-self:center!important;
}
.feature-btn>span:last-child{min-width:0!important}
.feature-btn strong,.feature-btn small{display:block!important}
.feature-btn strong{line-height:1.25!important}
.feature-btn small{line-height:1.45!important;margin-top:4px!important}

/* --- Música escondida: não preservar o botão invisível no layout --- */
.hidden-music-cover[hidden],.hidden-music-player[hidden]{display:none!important}
.hidden-music-card.reader-media-block{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.hidden-music-cover{
  min-height:156px!important;
  margin:0!important;
}
.hidden-music-player{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
.hidden-music-player.revealed{
  display:block!important;
}
.hidden-music-player .media-shell{
  margin:0!important;
}
.hidden-music-player .spotify-result-shell iframe{
  display:block!important;
  width:100%!important;
  min-height:152px!important;
  margin:0!important;
}
.hidden-music-icon{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#963f67,#d95e94)!important;
  box-shadow:0 12px 25px rgba(201,75,130,.24)!important;
}
.hidden-music-icon .ui-icon{width:22px!important;height:22px!important}

/* --- Resultado “Motivos” alinhado ao design system --- */
.reader-reasons{
  width:min(100%,720px)!important;
  margin:clamp(26px,4vw,42px) auto!important;
  padding:clamp(20px,3vw,28px)!important;
  border-radius:26px!important;
  border:1px solid rgba(153,73,109,.15)!important;
  background:linear-gradient(155deg,rgba(255,250,252,.98),rgba(251,239,245,.94))!important;
  box-shadow:0 18px 46px rgba(89,41,62,.08)!important;
}
.reader-reasons .reader-section-heading{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
  text-align:left!important;
}
.reader-reasons .reader-section-heading .reader-icon{
  width:42px!important;height:42px!important;
  border-radius:14px!important;
  background:rgba(241,88,143,.10)!important;
  border:1px solid rgba(241,88,143,.14)!important;
}
.reader-reasons .reader-section-heading h4{
  margin:0!important;
  font-size:clamp(25px,3.5vw,38px)!important;
  line-height:1.08!important;
  color:#7e3d5a!important;
  text-wrap:balance;
}
.reader-reason-card{
  min-height:138px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:22px!important;
  border-radius:22px!important;
  border:1px solid rgba(220,104,152,.17)!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(85,39,59,.05)!important;
}
.reader-reason-card .reason-heart{
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;
  border-radius:14px!important;background:#fae5ee!important;color:#df5d91!important;
}
.reader-reason-card .reason-heart .ui-icon{width:19px!important;height:19px!important}
.reader-reason-card p{
  margin:0!important;
  font-size:clamp(18px,2.2vw,24px)!important;
  line-height:1.55!important;
  color:#674453!important;
  text-align:left!important;
}
.reader-reason-next{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:48px!important;
  margin:16px auto 0!important;
  padding:0 18px!important;
  border-radius:15px!important;
  border:1px solid rgba(171,75,118,.18)!important;
  background:linear-gradient(180deg,#fff,#fff9fc)!important;
  color:#87445f!important;
  font-family:"DM Sans",sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(91,41,62,.06)!important;
}
.reader-reason-next .ui-icon{width:16px!important;height:16px!important;color:#d65b8d!important}
.reader-reason-count{margin-top:10px!important;color:#a88493!important;font-family:"DM Sans",sans-serif!important;font-size:12px!important}
.paper-night .reader-reasons,.paper-glass .reader-reasons{
  background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border-color:rgba(255,226,238,.12)!important;
  box-shadow:none!important;
}
.paper-night .reader-reason-card,.paper-glass .reader-reason-card{background:rgba(255,255,255,.07)!important;border-color:rgba(255,228,240,.12)!important}
.paper-night .reader-reasons h4,.paper-glass .reader-reasons h4,.paper-night .reader-reason-card p,.paper-glass .reader-reason-card p{color:#f5dce8!important}

/* --- Editor: base única para todos os blocos claros --- */
.story-builder{gap:18px!important}
.story-block{
  overflow:hidden!important;
  padding:0!important;
  border-radius:24px!important;
  border:1px solid rgba(108,61,82,.13)!important;
  background:linear-gradient(180deg,rgba(255,252,253,.99),rgba(251,244,247,.97))!important;
  box-shadow:0 16px 36px rgba(86,42,60,.075)!important;
  color:#573847!important;
}
.story-block-number{
  min-height:54px!important;
  margin:0!important;
  padding:10px 14px!important;
  border-bottom:1px solid rgba(112,63,85,.09)!important;
  background:rgba(255,255,255,.60)!important;
  color:#8b576f!important;
  font-size:12px!important;
}
.story-block-number strong{font-size:13px!important;color:#7b465d!important}
.story-block-number i{
  width:28px!important;height:28px!important;
  background:#f8dfE9!important;color:#a34b70!important;
}
.story-block-actions{gap:7px!important}
.story-mini-action{
  min-height:38px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(113,65,86,.13)!important;
  background:#fff!important;
  color:#805267!important;
  font-size:11px!important;
  font-weight:700!important;
  box-shadow:0 5px 14px rgba(80,39,56,.035)!important;
}
.story-mini-action.danger{color:#b44e68!important}
.story-mini-action:hover{border-color:rgba(198,77,128,.30)!important;background:#fffafd!important}
.story-media-editor,.story-album-editor,.story-photo-card,.story-block-text> :not(.story-block-number){margin-left:18px!important;margin-right:18px!important}
.story-media-editor,.story-album-editor{padding:18px 0!important;gap:16px!important}
.story-media-hero{
  padding:15px 17px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff8fb,#fbf2f7)!important;
  border:1px solid rgba(164,83,120,.12)!important;
  box-shadow:none!important;
}
.story-media-hero strong{display:flex!important;align-items:center!important;gap:9px!important;color:#754359!important;font-size:15px!important}
.story-media-hero p{margin-top:5px!important;color:#967080!important;font-size:12px!important;line-height:1.58!important}
.story-media-grid{gap:14px!important;align-items:start!important}
.story-media-panel{
  padding:17px!important;
  border-radius:19px!important;
  border:1px solid rgba(112,64,85,.12)!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(83,42,58,.035)!important;
}
.story-section-label,.album-title-field label{
  margin:14px 0 7px!important;
  color:#73495b!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.story-section-label:first-child,.album-title-field:first-child label{margin-top:0!important}
.story-block .input,
.story-block .textarea,
.story-block .story-light-input,
.story-block .story-textarea,
.story-block .story-rich-editor{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(111,65,85,.16)!important;
  background:#fff!important;
  color:#553746!important;
  caret-color:#be4e7d!important;
  border-radius:14px!important;
  box-shadow:0 4px 12px rgba(83,42,58,.025)!important;
}
.story-block .input,.story-block .story-light-input{min-height:48px!important;padding:12px 14px!important}
.story-block .textarea,.story-block .story-textarea{padding:13px 14px!important;line-height:1.6!important}
.story-block .input::placeholder,.story-block .textarea::placeholder,.story-block .story-light-input::placeholder,.story-block .story-textarea::placeholder,.story-rich-editor:empty:before{color:#b491a0!important;opacity:1!important}
.story-block .input:focus,.story-block .textarea:focus,.story-block .story-light-input:focus,.story-block .story-textarea:focus,.story-rich-editor:focus{
  outline:none!important;
  border-color:rgba(205,78,132,.48)!important;
  box-shadow:0 0 0 4px rgba(205,78,132,.08)!important;
}
.story-preview-note,.guestbook-editor-sample,.media-empty-player{
  border-radius:18px!important;
  border:1px solid rgba(111,65,85,.11)!important;
  background:linear-gradient(145deg,#fffafd,#f9f2f6)!important;
  color:#7c5365!important;
}
.story-final-preview{
  margin:2px 18px 18px!important;
  border-radius:20px!important;
  border:1px solid rgba(111,65,85,.11)!important;
  background:#fff!important;
  overflow:hidden!important;
}
.story-final-preview-head{background:#fff8fb!important;border-bottom:1px solid rgba(111,65,85,.08)!important}

/* seletores de modo */
.album-layout-picker,.heading-align-picker{gap:8px!important;flex-wrap:wrap!important}
.album-layout-choice{
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:13px!important;
  border:1px solid rgba(112,64,85,.13)!important;
  background:#fff!important;
  color:#7f5367!important;
  font-size:11px!important;
  font-weight:800!important;
}
.album-layout-choice.active{
  background:linear-gradient(135deg,#964365,#b14f7a)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px rgba(151,61,99,.15)!important;
}
.album-layout-choice.active .ui-icon{color:#fff!important}
.album-layout-choice .ui-icon{width:15px!important;height:15px!important}

/* timeline */
.simple-timeline-editor,.storymap-editor,.simple-reasons-editor{display:grid!important;gap:11px!important;margin-top:14px!important}
.simple-timeline-row,.storymap-editor-row,.simple-reason-row{
  padding:12px!important;
  border-radius:17px!important;
  border:1px solid rgba(112,65,85,.11)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.simple-timeline-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important}
.timeline-row-number,.storymap-editor-row>span{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#f7dce7!important;
  color:#b64d79!important;
  font-weight:800!important;
}
.timeline-row-fields{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.simple-timeline-row.photo-mode .timeline-row-fields{grid-template-columns:1fr 1fr!important}
.simple-timeline-row.photo-mode .timeline-photo-uploader{grid-column:1/-1!important}
.timeline-photo-uploader{
  min-height:112px!important;
  border-radius:15px!important;
  border:1px dashed rgba(118,70,91,.20)!important;
  background:#fff9fc!important;
  color:#85556a!important;
}
.simple-add-row{
  min-height:46px!important;
  border-radius:15px!important;
  border:1px dashed rgba(155,73,111,.24)!important;
  background:#fffafd!important;
  color:#8d4e68!important;
  font-weight:800!important;
}

/* story map */
.storymap-editor-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important}
.storymap-editor-row>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.storymap-editor-row textarea{grid-column:1/-1!important;min-height:82px!important}
.map-photo-uploader{grid-column:1/-1!important}

/* reasons editor */
.simple-reason-row{grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important}
.simple-reason-row>span{
  display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;
  border-radius:10px!important;
  background:#fae2ec!important;color:#d75b8d!important;
}

/* heading editor */
.story-block-heading .story-heading-editor-grid{max-width:none!important;margin:0!important}
.story-block-heading .story-media-panel{max-width:none!important;width:100%!important}
.story-block-heading .heading-editor-title{
  min-height:108px!important;
  font-family:"Playfair Display",serif!important;
  font-size:clamp(21px,2.4vw,30px)!important;
  line-height:1.18!important;
  color:#713f55!important;
}
.heading-align-picker{margin-top:12px!important}

/* empty/other editors inherit system */
.story-album-editor,.premium-album-editor{padding-bottom:18px!important}
.album-editor-top,.album-upload-panel,.story-album-item,.story-url-row,.story-media-actions{gap:10px!important}
.album-title-field,.album-upload-panel,.story-album-item{
  border-radius:17px!important;
  border-color:rgba(112,64,85,.11)!important;
}
.media-empty-player{min-height:110px!important;padding:16px!important}

/* Mobile editor */
@media(max-width:760px){
  .feature-btn{grid-template-columns:40px minmax(0,1fr)!important;padding:12px 13px!important}
  .feature-btn .feature-icon.ui-icon{width:22px!important;height:22px!important}
  .reader-reasons{padding:18px!important;border-radius:22px!important}
  .reader-reasons .reader-section-heading{grid-template-columns:38px minmax(0,1fr)!important}
  .reader-reason-card{grid-template-columns:36px minmax(0,1fr)!important;min-height:116px!important;padding:17px!important}
  .story-media-editor,.story-album-editor,.story-photo-card,.story-block-text> :not(.story-block-number){margin-left:13px!important;margin-right:13px!important}
  .story-final-preview{margin:2px 13px 13px!important}
  .story-block-number{padding:10px 12px!important}
  .story-block-actions{width:100%!important;display:flex!important;justify-content:flex-end!important}
  .simple-timeline-row,.storymap-editor-row{grid-template-columns:32px minmax(0,1fr)!important}
  .simple-timeline-row>.story-mini-action,.storymap-editor-row>.story-mini-action{grid-column:2!important;justify-self:start!important}
  .simple-timeline-row.photo-mode .timeline-row-fields,.storymap-editor-row>div{grid-template-columns:1fr!important}
  .storymap-editor-row textarea{grid-column:auto!important}
  .simple-reason-row{grid-template-columns:30px minmax(0,1fr)!important}
  .simple-reason-row>.story-mini-action{grid-column:2!important;justify-self:start!important}
}