/* hk-faq.css — styles the FAQ <details> accordions produced by transform.mjs
   (faqToDetails). Native <details>/<summary>, lightly dressed to match the
   Hell's Kitchen ember accent. Served asset; linked only on pages that have FAQs. */

.entry-content details.hk-faq {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 8px;
  margin: 0 0 .6rem;
  background: #fff;
  overflow: hidden;
}
.entry-content details.hk-faq + details.hk-faq { margin-top: .6rem; }

.entry-content details.hk-faq > summary {
  list-style: none;
  cursor: pointer;
  padding: .95rem 2.6rem .95rem 1.1rem;
  position: relative;
  font-weight: 700;
  line-height: 1.35;
  color: #1a1a1a;
  transition: background .12s;
}
.entry-content details.hk-faq > summary::-webkit-details-marker { display: none; }
.entry-content details.hk-faq > summary:hover { background: rgba(251, 74, 24, .05); }

/* chevron */
.entry-content details.hk-faq > summary::after {
  content: "";
  position: absolute;
  right: 1.15rem;
  top: 50%;
  width: .55rem;
  height: .55rem;
  border-right: 2px solid #fb4a18;
  border-bottom: 2px solid #fb4a18;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .18s;
}
.entry-content details.hk-faq[open] > summary::after { transform: translateY(-35%) rotate(-135deg); }
.entry-content details.hk-faq[open] > summary { background: rgba(251, 74, 24, .04); }

/* answer body */
.entry-content details.hk-faq > :not(summary) {
  margin: 0;
  padding: 0 1.1rem;
}
.entry-content details.hk-faq > summary + * { padding-top: .2rem; }
.entry-content details.hk-faq > :last-child { padding-bottom: 1rem; }