/* ==========================================================
   FEMAG DS 0.5.7 — Recipe UX stabilization
   Visual only. Content/data stay in FEMAG Content System.
   ========================================================== */

/* ---- More recipes: true 1:1 cards, never text over photography ---- */
.femag-site .fcs-recipe-related__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(.75rem,1.6vw,1.15rem)!important;
}
.femag-site .fcs-recipe-related__card{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  min-width:0!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(23,25,31,.12)!important;
  border-radius:18px!important;
  color:var(--femag-ink)!important;
  text-decoration:none!important;
  box-shadow:0 1px 0 rgba(23,25,31,.02)!important;
}
.femag-site .fcs-recipe-related__media{
  width:100%!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--femag-gray-100)!important;
}
.femag-site .fcs-recipe-related__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.femag-site .fcs-recipe-related__body{
  display:flex!important;
  flex-direction:column!important;
  gap:.45rem!important;
  min-width:0!important;
  padding:.85rem .9rem 1rem!important;
  background:transparent!important;
  position:static!important;
}
.femag-site .fcs-recipe-related__body .fcs-recipe-card__meta{
  display:flex!important;
  gap:.3rem .55rem!important;
  color:var(--femag-gray-700)!important;
  font-size:.72rem!important;
  line-height:1.2!important;
}
.femag-site .fcs-recipe-related__body h3{
  margin:0!important;
  max-width:none!important;
  color:var(--femag-ink)!important;
  font-family:var(--femag-font-display)!important;
  font-size:clamp(1.05rem,1.45vw,1.28rem)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.femag-site .fcs-recipe-related__card--no-media .fcs-recipe-related__body{
  min-height:150px!important;
  justify-content:flex-end!important;
}
.femag-site .fcs-recipe-related__all{
  margin-top:1.15rem!important;
}
.femag-site .fcs-recipe-related__all .fcs-button{
  width:auto!important;
  min-width:0!important;
}

@media(max-width:760px){
  .femag-site .fcs-recipe-related__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.7rem!important;
  }
  .femag-site .fcs-recipe-related__card{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
  }
  .femag-site .fcs-recipe-related__body{
    padding:.7rem .72rem .82rem!important;
  }
  .femag-site .fcs-recipe-related__body h3{
    font-size:1rem!important;
    line-height:1.08!important;
  }
  .femag-site .fcs-recipe-related__body .fcs-recipe-card__meta{
    font-size:.66rem!important;
  }
}
@media(max-width:360px){
  .femag-site .fcs-recipe-related__grid{gap:.55rem!important}
  .femag-site .fcs-recipe-related__body{padding:.62rem!important}
  .femag-site .fcs-recipe-related__body h3{font-size:.94rem!important}
}

/* ---- Conservation / dark recipe scenes: static depth, no motion tax ---- */
.femag-site .fcs-recipe .fcs-section--blue{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(84,117,190,.46),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(224,30,60,.18),transparent 31%),
    linear-gradient(137deg,var(--femag-blue-900) 0%,var(--femag-blue-800) 58%,var(--femag-blue-950) 100%)!important;
  color:#fff!important;
}
.femag-site .fcs-recipe .fcs-section--blue::before{
  content:"";
  position:absolute;
  inset:-25% -10%;
  z-index:-1;
  pointer-events:none;
  opacity:.16;
  background:repeating-linear-gradient(122deg,transparent 0 22px,rgba(255,255,255,.16) 22px 23px,transparent 23px 45px);
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
}
.femag-site .fcs-recipe .fcs-section--blue .fcs-section-head h2,
.femag-site .fcs-recipe .fcs-section--blue .fcs-recipe-aftercare h3{
  color:#fff!important;
}
.femag-site .fcs-recipe .fcs-recipe-aftercare{
  gap:1px!important;
  background:rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.femag-site .fcs-recipe .fcs-recipe-aftercare>div{
  background:rgba(19,25,74,.36)!important;
  padding:clamp(1.2rem,3vw,1.65rem)!important;
}
.femag-site .fcs-recipe .fcs-recipe-aftercare p{
  color:rgba(255,255,255,.84)!important;
  font-size:1rem!important;
  line-height:1.62!important;
}

/* ---- Print choice ---- */
.femag-site .fcs-print-choice__actions .fcs-button{
  width:100%!important;
  color:#fff!important;
}
.femag-site .fcs-print-choice__actions .fcs-button--dark{
  background:var(--femag-ink)!important;
  color:#fff!important;
}

/* ---- Recipe feedback: intentionally small, structured and non-forum-like ---- */
.femag-site .fcs-recipe-feedback-section{
  background:linear-gradient(180deg,#fff 0%,var(--femag-cream) 100%)!important;
}
.femag-site .fcs-recipe-feedback-card{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:clamp(1.4rem,4vw,4rem);
  align-items:start;
  padding:clamp(1.35rem,3vw,2rem);
  border:1px solid rgba(23,25,31,.12);
  border-radius:20px;
  background:rgba(255,255,255,.78);
}
.femag-site .fcs-recipe-feedback-card__intro h2{
  margin:.45rem 0 .65rem!important;
  max-width:10ch!important;
  font-size:clamp(2rem,4vw,3.4rem)!important;
  line-height:.96!important;
}
.femag-site .fcs-recipe-feedback-card__intro p{
  max-width:39ch;
  color:var(--femag-gray-700)!important;
  line-height:1.55!important;
}
.femag-site .fcs-recipe-feedback__choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.6rem;
}
.femag-site .fcs-recipe-feedback__choices button{
  appearance:none;
  min-height:88px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.25rem;
  padding:.85rem .9rem;
  border:1px solid rgba(23,25,31,.16);
  border-radius:14px;
  background:#fff;
  color:var(--femag-ink);
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:border-color var(--femag-motion-ui),background-color var(--femag-motion-ui),transform var(--femag-motion-ui) var(--femag-ease-standard);
}
.femag-site .fcs-recipe-feedback__choices button strong{
  font-size:.95rem;
  line-height:1.08;
}
.femag-site .fcs-recipe-feedback__choices button span{
  color:var(--femag-gray-700);
  font-size:.72rem;
  line-height:1.25;
}
.femag-site .fcs-recipe-feedback__choices button:hover{
  transform:translateY(-1px);
  border-color:rgba(32,38,95,.55);
}
.femag-site .fcs-recipe-feedback__choices button.is-selected{
  border-color:var(--femag-blue-900);
  background:var(--femag-blue-100);
  box-shadow:0 0 0 1px var(--femag-blue-900) inset;
}
.femag-site .fcs-recipe-feedback__choices button:focus-visible{
  outline:3px solid var(--femag-red-300);
  outline-offset:2px;
}
.femag-site .fcs-recipe-feedback__details{
  margin-top:1rem;
}
.femag-site .fcs-recipe-feedback__details[hidden]{display:none!important}
.femag-site .fcs-recipe-feedback__details label{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.5rem;
}
.femag-site .fcs-recipe-feedback__details label span{
  color:var(--femag-gray-700);
  font-size:.75rem;
}
.femag-site .fcs-recipe-feedback textarea{
  width:100%;
  min-height:108px;
  resize:vertical;
  padding:.85rem .9rem;
  border:1px solid rgba(23,25,31,.18);
  border-radius:12px;
  background:#fff;
  color:var(--femag-ink);
  font:inherit;
  line-height:1.5;
}
.femag-site .fcs-recipe-feedback textarea:focus{
  outline:3px solid var(--femag-blue-100);
  outline-offset:2px;
  border-color:var(--femag-blue-900);
}
.femag-site .fcs-recipe-feedback__submit-row{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-top:.75rem;
}
.femag-site .fcs-recipe-feedback__privacy{
  margin:0!important;
  color:var(--femag-gray-700)!important;
  font-size:.75rem!important;
}
.femag-site .fcs-recipe-feedback__status{
  min-height:1.4em;
  margin:.75rem 0 0!important;
  font-weight:700;
}
.femag-site .fcs-recipe-feedback__status.is-success{color:var(--femag-green)!important}
.femag-site .fcs-recipe-feedback__status.is-error{color:var(--femag-red-800)!important}
.femag-site .fcs-recipe-feedback__help-link{margin:.45rem 0 0!important}
.femag-site .fcs-recipe-feedback__help-link a{
  color:var(--femag-blue-900)!important;
  font-weight:800;
  text-underline-offset:.2em;
}
.femag-site .fcs-recipe-feedback.is-complete .fcs-recipe-feedback__choices{
  opacity:.72;
}

@media(max-width:820px){
  .femag-site .fcs-recipe-feedback-card{grid-template-columns:1fr;gap:1.1rem}
  .femag-site .fcs-recipe-feedback-card__intro h2{max-width:none!important}
}
@media(max-width:560px){
  .femag-site .fcs-recipe-feedback-card{
    padding:1rem;
    border-radius:16px;
  }
  .femag-site .fcs-recipe-feedback__choices{gap:.45rem}
  .femag-site .fcs-recipe-feedback__choices button{
    min-height:64px;
    padding:.65rem .55rem;
    align-items:center;
    text-align:center;
  }
  .femag-site .fcs-recipe-feedback__choices button span{display:none}
  .femag-site .fcs-recipe-feedback__choices button strong{font-size:.8rem}
  .femag-site .fcs-recipe-feedback__details label{display:block}
  .femag-site .fcs-recipe-feedback__details label span{display:block;margin-top:.15rem}
  .femag-site .fcs-recipe-feedback__submit-row{display:block}
  .femag-site .fcs-recipe-feedback__submit-row .fcs-button{width:100%!important}
  .femag-site .fcs-recipe-feedback__privacy{margin-top:.55rem!important;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .femag-site .fcs-recipe-feedback__choices button{transition:none!important}
}
