@import url('./home-core.css');

/* CULT 10 Dischi del Cuore — hard contrast in both themes */
.t10-request,.t10-request-first{color:var(--text-primary)}
.t10-request input,.t10-request textarea{color:var(--text-primary)!important;background:var(--surface)!important;border:1px solid var(--surface-hairline)!important;caret-color:var(--accent);opacity:1!important}
.t10-request input::placeholder,.t10-request textarea::placeholder{color:var(--text-muted)!important;opacity:1}
.t10-request-row>span{color:var(--accent)!important}
.t10-row-actions{display:flex;gap:5px}
.t10-row-actions button{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface-2);border:1px solid var(--surface-hairline);color:var(--text-primary)!important}
.t10-request-status{min-height:1.5em;color:var(--text-secondary)!important;font-weight:600}
.t10-request textarea{min-height:96px;resize:vertical}
.t10-request-grid,.t10-request-meta,.t10-request-actions{min-width:0}

:root[data-theme="light"] .t10-request,:root[data-theme="light"] .t10-request-first{background:#fff!important;color:#171420!important;border-color:#D8CFC0!important}
:root[data-theme="light"] .t10-request h3,:root[data-theme="light"] .t10-request p,:root[data-theme="light"] .t10-request label,:root[data-theme="light"] .t10-request strong,:root[data-theme="light"] .t10-request b,:root[data-theme="light"] .t10-request span:not(.eyebrow){color:#171420!important}
:root[data-theme="light"] .t10-request .eyebrow,:root[data-theme="light"] .t10-request-row>span:first-child{color:#8A350D!important}
:root[data-theme="light"] .t10-request input,:root[data-theme="light"] .t10-request textarea{background:#F6F2EA!important;color:#171420!important;border-color:#A99D8A!important;-webkit-text-fill-color:#171420!important;caret-color:#E85F1C!important;box-shadow:none!important}
:root[data-theme="light"] .t10-request input::placeholder,:root[data-theme="light"] .t10-request textarea::placeholder{color:#625B68!important;-webkit-text-fill-color:#625B68!important;opacity:1!important}
:root[data-theme="light"] .t10-request-row>span:first-child{color:#8A350D!important}
:root[data-theme="light"] .t10-row-actions button{background:#EDE7DA;color:#171420!important;border-color:#A99D8A}
:root[data-theme="light"] .t10-request-status{color:#4A4456!important}
:root[data-theme="dark"] .t10-request input,:root[data-theme="dark"] .t10-request textarea{background:#1E1B27!important;color:#F3EFE7!important;-webkit-text-fill-color:#F3EFE7!important;border-color:rgba(255,255,255,.22)!important}
:root[data-theme="dark"] .t10-request input::placeholder,:root[data-theme="dark"] .t10-request textarea::placeholder{color:#BDB5C8!important;-webkit-text-fill-color:#BDB5C8!important}
:root[data-theme="dark"] .t10-request-status{color:#D7D0DF!important}

/* Emotional pre-send confirmation */
.t10-confirm{text-align:center;padding:10px 2px 4px;color:var(--text-primary)}
.t10-confirm-heart{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;font-size:2rem;color:var(--neon-pink);background:color-mix(in srgb,var(--neon-pink) 12%,var(--surface));box-shadow:0 0 34px color-mix(in srgb,var(--neon-pink) 22%,transparent)}
.t10-confirm h3{margin:8px auto 10px;max-width:20ch;font-size:clamp(1.7rem,5vw,2.5rem)}
.t10-confirm>p{max-width:48ch;margin:0 auto 10px;color:var(--text-secondary)}
.t10-confirm-mood{font-size:1.05rem!important;color:var(--accent)!important;font-weight:700}
.t10-confirm-list{display:grid;gap:7px;margin:18px 0;text-align:left;counter-reset:none;padding:0;list-style:none}
.t10-confirm-list li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--surface-hairline);border-radius:12px;background:var(--surface-2);color:var(--text-primary)}
.t10-confirm-list b{color:var(--neon-pink);font-family:var(--font-mono)}
.t10-confirm-list span{overflow-wrap:anywhere}
.t10-confirm-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;text-align:left}
.t10-confirm-meta p{display:grid;gap:3px;margin:0;padding:11px 12px;border:1px solid var(--surface-hairline);border-radius:12px;background:var(--surface-2);color:var(--text-primary)}
.t10-confirm-meta b{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.t10-confirm-meta span{overflow-wrap:anywhere}
.t10-confirm-meta .t10-confirm-dedica{grid-column:1/-1}
.t10-confirm-question{margin-top:18px!important;color:var(--text-primary)!important}
.t10-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.t10-confirm small{display:block;margin-top:12px;color:var(--text-muted)}
.t10-final-status{min-height:1.5em;margin-top:12px!important;color:var(--accent)!important;font-weight:700}

:root[data-theme="light"] .t10-confirm,:root[data-theme="light"] .t10-confirm h3,:root[data-theme="light"] .t10-confirm-list li,:root[data-theme="light"] .t10-confirm-list span,:root[data-theme="light"] .t10-confirm-meta p,:root[data-theme="light"] .t10-confirm-meta span,:root[data-theme="light"] .t10-confirm-question{color:#171420!important}
:root[data-theme="light"] .t10-confirm-list li,:root[data-theme="light"] .t10-confirm-meta p{background:#F6F2EA;border-color:#D8CFC0}
:root[data-theme="light"] .t10-confirm>p{color:#4A4456!important}
:root[data-theme="light"] .t10-confirm-mood,:root[data-theme="light"] .t10-final-status{color:#8A350D!important}
:root[data-theme="light"] .t10-confirm-meta b{color:#625B68!important}

/* Mobile keyboard + overlay scroll resilience */
.modal-dialog{max-height:min(92dvh,920px)}
.modal-body{overflow-y:auto;max-height:calc(min(92dvh,920px) - 76px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:560px){
  .t10-confirm-actions{grid-template-columns:1fr}
  .t10-confirm-actions .btn{width:100%;white-space:normal;text-align:center}
  .t10-confirm-meta{grid-template-columns:1fr}
  .t10-confirm-meta .t10-confirm-dedica{grid-column:auto}
  .t10-request-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .t10-request-actions .btn{width:100%}
  .t10-request-row{grid-template-columns:28px minmax(0,1fr) auto}
  .t10-request input,.t10-request textarea{font-size:16px!important}
}

/* 2026-09-23 — mobile hero repair: content first, decorative art never dominates */
@media (max-width:639px){
  .hero{min-height:0!important;padding:20px 0 24px!important;overflow:hidden!important}
  .hero-wall{display:none!important}
  .hero-grid{position:relative;z-index:1;gap:16px!important}
  .hero-grid>div:first-child{min-width:0}
  .hero-grid .eyebrow{font-size:.72rem}
  .hero-title{font-size:clamp(2.25rem,10.8vw,3.35rem)!important;line-height:.92!important;margin:4px 0 8px!important}
  .hero-sub{font-size:.78rem!important;line-height:1.35!important;letter-spacing:.12em!important;margin:0!important}
  .hero-cta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}
  .hero-cta .btn{min-height:48px!important;padding:10px 8px!important;font-size:.82rem!important;white-space:nowrap}
  .hero-now{margin-top:0!important;padding:16px!important;border-radius:20px!important}
  .hero-logo-badge{width:50px!important;height:50px!important;top:-14px!important;right:16px!important}
  .hero-now-top{margin-bottom:9px!important}
  .now-playing{padding:10px 12px!important;margin-bottom:10px!important}
  .now-playing-title{font-size:1.02rem!important}
  .now-playing-foot{margin-top:4px!important;gap:6px!important}
  .hero-show{margin-top:12px!important;padding-top:12px!important;gap:10px!important}
  .hero-show-art{width:48px!important;height:48px!important;border-radius:14px!important}
  .hero-show-art .icon{width:21px!important;height:21px!important}
  .hero-show-meta strong{font-size:.94rem!important}
  .hero-show-time{font-size:.72rem!important}
  .hero-now .hero-sub{margin-top:7px!important;font-size:.76rem!important;letter-spacing:0!important}
}
@media (max-width:380px){
  .hero-cta{grid-template-columns:1fr!important}
  .hero-cta .btn{min-height:46px!important}
}

/* Rubric cards: semantic image binding. Never depend on DOM order. */
.rubrica-card[data-rubrica-id="almanacco"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1544947950-fa07a98d237f?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="notizie"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1495020689067-958852a7765e?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="meteo"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="astro"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="sport"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="music-info"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="nutrizionista"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1540420773420-3366772f4999?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="cartoni"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1594909122845-11baa439b7bf?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="viaggi"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&q=84')!important}
.rubrica-card[data-rubrica-id="cinema"] .rubrica-visual{background-image:url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1400&q=84')!important}