/* SacaPlato v0.9.15 · selective riot accents + shared mobile/desktop palette */
:root{
  --sp915-orange:#ff6b2c;
  --sp915-orange-hot:#ff4f1f;
  --sp915-cream:#fff0dc;
  --sp915-paper:#fff7e9;
  --sp915-ink:#17130f;
  --sp915-acid:#d9ff63;
  --sp915-peach:#ffe4c9;
}

/* Desktop now uses the same warm, punchy palette as mobile. */
html{background:var(--sp915-ink)!important;color:var(--sp915-ink)!important}
body{
  color:var(--sp915-ink)!important;
  background:linear-gradient(180deg,var(--sp915-orange) 0 112px,var(--sp915-peach) 112px,#fff1df 75%,#ffdbc0 100%)!important;
}
.orb-a{background:rgba(217,255,99,.18)!important}
.orb-b{background:rgba(255,107,44,.18)!important}
.topbar{background:var(--sp915-ink)!important;border-color:var(--sp915-ink)!important}
.progress-wrap{background:var(--sp915-cream)!important;border-color:var(--sp915-ink)!important;box-shadow:4px 5px 0 var(--sp915-ink)!important}
.manual-card,.detected-drawer,.pantry-panel,.info-card,.upgrade-card,.detail-copy,.done-card{
  background:var(--sp915-cream)!important;color:var(--sp915-ink)!important;border-color:var(--sp915-ink)!important;
}
.recipe-card{background:var(--sp915-paper)!important;color:var(--sp915-ink)!important}
#openRemindersButton{background:var(--sp915-orange)!important;color:var(--sp915-ink)!important;border-color:var(--sp915-cream)!important}
#aboutButton{background:var(--sp915-cream)!important;color:var(--sp915-ink)!important;border-color:var(--sp915-cream)!important}

/* The riot identity is now selective: first idea clean, punchline gets acid character shadow. */
body .about-dialog h2,
body .about-dialog .pantry-dialog-head h2,
#libraryDialog .library-riot-head h2{
  color:var(--sp915-ink)!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  text-decoration:none!important;
}
body .about-dialog h2 span,
body .about-dialog .pantry-dialog-head h2 span,
#libraryDialog .library-riot-head h2 span{
  color:var(--sp915-ink)!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  text-decoration:none!important;
}
body .about-dialog h2 em,
body .about-dialog .pantry-dialog-head h2 em,
#libraryDialog .library-riot-head h2 em{
  display:inline-block!important;
  color:var(--sp915-ink)!important;
  font-style:normal!important;
  -webkit-text-stroke:0!important;
  text-shadow:3px 4px 0 var(--sp915-acid)!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
}
#libraryDialog .library-riot-head h2 em{display:inline!important}
.library-dialog h2 em{
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
}

/* Help: “Tú sacas la lengua.” clean; “Nosotros, el plato.” gets the riot hit. */
#aboutDialog h2{color:var(--sp915-ink)!important;text-shadow:none!important}
#aboutDialog h2 em{color:var(--sp915-ink)!important;text-shadow:3px 4px 0 var(--sp915-acid)!important}

/* Pantry title: ditch the heavy black slab, keep the orange shell + cream title card. */
#pantryDialog .pantry-dialog-head{
  background:var(--sp915-cream)!important;
  color:var(--sp915-ink)!important;
  border:3px solid var(--sp915-ink)!important;
  border-radius:20px!important;
  margin:20px 20px 16px!important;
  padding:20px 58px 20px 20px!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  box-shadow:5px 6px 0 var(--sp915-ink)!important;
}
#pantryDialog .pantry-dialog-head .eyebrow{color:#74452f!important;margin-bottom:7px!important}
#pantryDialog .pantry-dialog-head h2{
  margin:0!important;
  max-width:100%!important;
  font-size:clamp(38px,5.2vw,64px)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#pantryDialog .pantry-dialog-head h2 em{
  color:var(--sp915-ink)!important;
  text-shadow:3px 4px 0 var(--sp915-acid)!important;
}
#pantryDialog .pantry-dialog-head img{width:58px!important;height:58px!important}

/* Library: same selective hierarchy and more breathing room. */
#libraryDialog .library-riot-head h2{margin-bottom:0!important}
#libraryDialog .library-lead{margin-top:28px!important}
#libraryDialog .library-riot-head h2 em{color:var(--sp915-ink)!important;text-shadow:3px 4px 0 var(--sp915-acid)!important}

/* Any all-shadow empty-state headlines get softened too. */
body .about-dialog .library-empty h3{color:var(--sp915-ink)!important;text-shadow:none!important}

@media(min-width:861px){
  /* Same orange/cream/ink balance as mobile, without changing desktop layout. */
  .hero-copy,.results-head{background:var(--sp915-orange)!important}
  .intent-layout{background:var(--sp915-ink)!important;box-shadow:10px 11px 0 var(--sp915-orange)!important}
  .intent-card{background:var(--sp915-cream)!important}
  .intent-card.is-selected{background:var(--sp915-orange)!important}
  .pantry-panel{background:var(--sp915-cream)!important;box-shadow:6px 7px 0 var(--sp915-orange)!important}
}

@media(max-width:860px){
  /* Give IA REAL its own air: +OLVIDÉ UNO floats above it instead of on top of it. */
  #floatingForgotButton{
    bottom:calc(132px + env(safe-area-inset-bottom))!important;
  }
  #pantryDialog .pantry-dialog-head{
    margin:16px 14px 14px!important;
    padding:17px 48px 17px 15px!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:11px!important;
  }
  #pantryDialog .pantry-dialog-head img{width:50px!important;height:50px!important}
  #pantryDialog .pantry-dialog-head h2{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:.91!important;
    margin:0!important;
  }
  body .about-dialog h2 em,
  #libraryDialog .library-riot-head h2 em,
  #pantryDialog .pantry-dialog-head h2 em{ text-shadow:2.5px 3px 0 var(--sp915-acid)!important; }
}

@media(max-width:430px){
  #floatingForgotButton{bottom:calc(136px + env(safe-area-inset-bottom))!important}
  #pantryDialog .pantry-dialog-head{
    grid-template-columns:46px minmax(0,1fr)!important;
    padding:15px 46px 15px 13px!important;
  }
  #pantryDialog .pantry-dialog-head img{width:44px!important;height:44px!important}
  #pantryDialog .pantry-dialog-head h2{font-size:clamp(31px,9.7vw,42px)!important}
}