/* Miruel — identità grafica (brief del 19 ottobre 2026).
   Palette: Taupe #B89E8C, Sand #EADFD2, Cream #F8F8F4, Blush #F2D0C2, Sage #C8D6C9, Salvia #AFC4B5.
   Testo #3F3A36 (piu' contrasto, scelta del 19 ottobre), mai nero puro né antracite. Carattere: Poppins. Nessun effetto metallico. */

/* Tipografia */
body.boutique, body.boutique button, body.boutique input, body.boutique select, body.boutique textarea,
body.boutique h1, body.boutique h2, body.boutique h3, body.boutique h4, body.boutique p, body.boutique small,
body.boutique strong, body.boutique span, body.boutique li, body.boutique label, body.boutique a, body.boutique summary,
body.boutique footer{font-family:'Poppins',-apple-system,'Helvetica Neue',Arial,sans-serif!important}
body.boutique{color:var(--ink);background:var(--mr-cream);-webkit-font-smoothing:antialiased}
body.boutique h1,body.boutique h2,body.boutique h3,body.boutique h4{font-weight:500!important;letter-spacing:-.2px;color:var(--ink)}
body.boutique h1{font-size:28px}
body.boutique h2{font-size:22px}
body.boutique h3{font-size:19px}
body.boutique p{color:var(--muted);font-weight:400}
body.boutique button{font-weight:500}
body.boutique small{font-weight:300}

/* Header e logo */
.boutique header{background:var(--mr-cream);border-bottom:1px solid var(--mr-line)}
.boutique header b.brand{display:flex;align-items:center;background:none!important;-webkit-text-fill-color:initial;color:inherit}
.boutique header b.brand img{height:30px;width:auto;display:block}
.boutique .header-me{background:var(--mr-sand);border:2px solid #fff;box-shadow:0 2px 10px rgba(81,75,70,.12);color:var(--ink);font-weight:500}

/* Pulsanti */
.boutique button{border-radius:999px}
.boutique button:hover:not(:disabled){filter:brightness(.97)}
.boutique button.ghost,.boutique button.boutique-back{color:var(--ink)}

/* Card */
.boutique .panel,.boutique .card,.boutique .today-card,.boutique .home-tile,.boutique .look-tip,.boutique .magic-look-details,
.boutique .garment-editor .item{background:var(--mr-card);border:1px solid var(--mr-line);border-radius:20px;box-shadow:0 6px 20px rgba(81,75,70,.06)}

/* Navigazione in basso */
.boutique-bottom{background:rgba(248,248,244,.97);border-top:1px solid var(--mr-line)}
.boutique-bottom button{color:var(--mr-warm-grey);background:transparent}
.boutique-bottom button.active{color:var(--mr-primary);background:transparent}

/* Home */
.boutique .home-hero{background:
  linear-gradient(90deg,rgba(248,248,244,.94) 0%,rgba(248,248,244,.7) 42%,rgba(248,248,244,.05) 78%),
  linear-gradient(0deg,var(--mr-cream) 0%,rgba(248,248,244,0) 38%),
  var(--hero-photo,none) center/cover no-repeat,
  linear-gradient(180deg,var(--mr-blush-soft) 0%,var(--mr-cream) 100%)}
.boutique .home-hero h1{font-size:32px;font-weight:500!important;color:var(--ink)}
.boutique .home-hero .home-hero-sub{font-size:18px;font-weight:300;color:var(--ink)}
.boutique .place-now .place-city{font-weight:500;color:var(--ink)}
.boutique .place-ask-button{background:rgba(255,255,255,.75);color:var(--mr-primary);border-color:var(--mr-sand)}
.boutique .home-tile-icon{background:var(--mr-blush-soft);color:var(--mr-primary)}
.boutique .home-tile:nth-child(3) .home-tile-icon{background:#E6EEE7;color:#6F8576}
.boutique .home-tile:nth-child(4) .home-tile-icon{background:var(--mr-sand);color:#8F7A6B}
.boutique .home-tile strong{font-weight:500}
.boutique .today-text strong{font-weight:500}

/* Outfit di oggi */
.boutique .occasion-chips button{background:var(--mr-card);border:1px solid var(--mr-line);color:var(--ink);font-weight:400}
.boutique .occasion-chips button[aria-pressed="true"]{background:var(--mr-primary);border-color:var(--mr-primary);color:#fff;font-weight:500}
.boutique .look-top .look-heading h1{font-size:22px}
.boutique .magic-look-wear{background:var(--mr-primary);color:#fff}
.boutique .magic-look-wear.is-worn{background:var(--mr-sage);color:var(--ink)}
.boutique .boutique-look-actions [data-next]{background:var(--mr-primary);color:#fff}
.boutique .boutique-look-actions [data-previous]{background:var(--mr-sand);color:var(--ink)}
.boutique .look-caption{margin:0 0 12px}
.boutique .look-caption strong{display:block;font-size:17px;font-weight:500;color:var(--ink)}
.boutique .look-caption span{font-size:13px;color:var(--mr-primary);font-weight:500}
.boutique .look-caption p{margin:4px 0 0;font-size:13.5px}
.boutique .magic-avatar-stage{background:var(--mr-card);border-radius:20px}
.boutique .boost-box .boost-go{background:var(--mr-primary)}
.boutique .boost-list li{background:var(--mr-blush-soft);color:var(--ink)}
.boutique .look-tip-icon,.boutique .look-sun{color:#B0835A}
.boutique .look-tip-icon{background:#F6EFE6}

/* Guardaroba */
.boutique .boutique-categories button{background:var(--mr-card);border:1px solid var(--mr-line);color:var(--ink);font-weight:400}
.boutique .boutique-categories button[aria-pressed=true]{background:var(--mr-primary);border-color:var(--mr-primary);color:#fff}

/* Come funziona */
.boutique .help-story{background:var(--mr-sand)}
.boutique .help-story p{color:var(--ink)!important}
.boutique .help-story-kicker{color:var(--mr-primary)!important}

/* Schermata di accesso */
.auth-logo{display:block;height:40px;width:auto;margin:6px 0 4px}
.auth-tag{margin:0 0 14px;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--mr-warm-grey,#9B928A)}
body.boutique label{font-weight:500}
.boutique .garment-auto-pick{background:var(--mr-primary);color:#fff;font-weight:500}
.boutique .avatar-chip[aria-pressed="true"]{background:var(--mr-primary);color:#fff}
body.boutique .garment-editor .body strong,body.boutique .garment-editor strong{font-weight:500!important}
.boutique #message .success{color:#6F8576}
.boutique #message .error{color:#A0574A}
.boutique .help-story{background:var(--mr-sand)}
.boutique .help-story-claim{color:var(--ink)!important}
body.boutique .garment-name{font-weight:500!important}
.boutique.is-home #message .success{display:none}
body.boutique .magic-look-wear{font-weight:500!important}
@media(min-width:900px){
  .boutique .home-hero{margin:0;border-radius:0 0 28px 28px;padding-left:40px;padding-right:40px}
  .boutique .look-top,.boutique #dailyRoot{max-width:850px;margin-left:auto;margin-right:auto}
}

/* Dimmi cosa ne pensi */
.boutique .feedback-pill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 110px;background:var(--mr-card);color:var(--mr-primary);border:1px dashed var(--mr-taupe);min-height:50px}
.feedback-sheet{position:fixed;inset:0;z-index:50;background:rgba(63,58,54,.35);display:flex;align-items:flex-end;justify-content:center;padding:0 0 env(safe-area-inset-bottom)}
.feedback-card{background:var(--mr-card,#FFFEFB);width:min(560px,100%);border-radius:24px 24px 0 0;padding:22px 20px 26px;box-shadow:0 -10px 30px rgba(63,58,54,.15)}
.feedback-card h2{margin:0 0 4px;font:500 20px 'Poppins',sans-serif;color:var(--ink,#3F3A36)}
.feedback-card p{margin:0 0 12px;font-size:14px;color:var(--muted,#6F665F)}
.feedback-card textarea{width:100%;box-sizing:border-box;border:1px solid var(--mr-line,#E6DCD0);border-radius:16px;padding:12px;font:400 16px 'Poppins',sans-serif;background:#fff;color:var(--ink,#3F3A36);resize:vertical}
.feedback-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.feedback-status:empty{display:none}
.boutique .feedback-list{display:flex;flex-direction:column;gap:12px;margin-bottom:110px}
.boutique .feedback-item{background:var(--mr-card);border:1px solid var(--mr-line);border-radius:18px;padding:14px 16px}
.boutique .feedback-item header{font-size:13px;color:var(--muted)}
.boutique .feedback-item header strong{color:var(--ink);font-weight:500}
.boutique .feedback-item p{margin:6px 0;color:var(--ink);white-space:pre-wrap}
.boutique .feedback-item small{color:var(--mr-warm-grey)}
.boutique .home-tiles{margin-bottom:14px}
.boutique .feedback-item header{background:none;padding:0;border:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}

/* ---- Logo con V e payoff; leggibilità della Home (brief del 19 ottobre, seconda parte) ---- */
.boutique header b.brand{display:inline-flex;flex-direction:column;align-items:center;gap:1px}
.boutique header b.brand img{height:36px}
.boutique header .brand-payoff{display:none;font:400 11.5px/1.2 'Poppins',sans-serif!important;letter-spacing:.28em;padding-left:.28em;color:#7E5E4C;white-space:nowrap}
.boutique.is-home header .brand-payoff{display:block}
.auth-logo{height:44px}
.auth-tag{color:#7E5E4C;letter-spacing:.28em}

/* Testi più grandi e più contrastati (telefono) */
.boutique .home-hero h1{font-size:30px;line-height:1.15}
.boutique .home-hero .home-hero-sub{font-size:18px;font-weight:400;color:var(--ink)}
.boutique .place-now{font-size:17px}
.boutique .place-now .place-city{font-size:17px}
.boutique .place-now .place-temp{font-size:18px;font-weight:500}
.boutique .place-line .place-range{font-size:14.5px;color:var(--muted)}
.boutique .today-text strong,.boutique .home-tile strong,.boutique .look-caption strong,.boutique .look-tip strong,
.boutique .magic-look-details h4{font-size:17px;white-space:normal;overflow:visible;text-overflow:clip}
.boutique .today-text small,.boutique .home-tile small,.boutique .look-tip p,.boutique .look-caption p{font-size:14.5px;line-height:1.45;color:var(--muted)}
.boutique button{font-size:16px}
.boutique .occasion-chips button{font-size:15px}
.boutique-bottom button{font-size:12.5px}
.boutique .feedback-pill{font-size:16px}
.boutique .home-tile{min-height:136px}
body.boutique p{color:var(--muted)}
body.boutique{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Computer */
@media(min-width:900px){
  .boutique header b.brand img{height:46px}
  .boutique header .brand-payoff{font-size:12.5px}
  .boutique .home-hero h1{font-size:36px}
  .boutique .home-hero .home-hero-sub{font-size:20px}
  .boutique .place-now,.boutique .place-now .place-city{font-size:19px}
  .boutique .place-now .place-temp{font-size:20px}
  .boutique .today-text strong,.boutique .home-tile strong,.boutique .look-caption strong,.boutique .look-tip strong,.boutique .magic-look-details h4{font-size:18px}
  .boutique .today-text small,.boutique .home-tile small,.boutique .look-tip p,.boutique .look-caption p,.boutique .place-line .place-range{font-size:15.5px}
  .boutique button{font-size:17px}
  .boutique-bottom button{font-size:13.5px}
}
@media(min-width:900px){.boutique.is-home .home-hero{padding-top:124px}}

/* Statistiche tester */
.boutique .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}
.boutique .stat-tile{background:var(--mr-card);border:1px solid var(--mr-line);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.boutique .stat-tile strong{font-size:26px;font-weight:600;color:var(--mr-primary)}
.boutique .stat-tile span{font-size:13.5px;color:var(--muted);line-height:1.35}
.boutique .stat-people{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.boutique .stat-person{background:var(--mr-card);border:1px solid var(--mr-line);border-radius:18px;padding:14px 16px}
.boutique .stat-person header{background:none;padding:0;border:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.boutique .stat-person header strong{font-weight:500;color:var(--ink)}
.boutique .stat-person header span{font-size:13px;color:var(--muted)}
.boutique .stat-person p{margin:4px 0 0;font-size:14px}
.boutique .stat-note{margin-bottom:110px;font-size:13px}
@media(min-width:900px){.boutique .stat-grid{grid-template-columns:repeat(4,1fr)}}