/* FAQ Accordion Styles - ללא משתני CSS */
.oa-accordion{
  direction: rtl;
  max-width: 860px;
  margin: 0 auto;
  color: #0f1f1e;
  font-family: "Assistant","Rubik","Heebo",system-ui,-apple-system,Arial,sans-serif;
}
.oa-accordion__item{
  background:#f6f7ef;
  border:1px solid rgba(49,108,102,.16);
  border-radius:18px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  margin:14px 0;
  overflow:hidden;
}
.oa-accordion__title{margin:0}
.oa-accordion__button{
  all:unset;
  display:flex;
  flex-direction:row;      /* האייקון ראשון, לכן יופיע מימין */
  align-items:center;
  gap:12px;
  width:100%;
  padding:18px 18px 18px 56px;
  cursor:pointer;
  background:linear-gradient(0deg,rgba(196,191,110,.10),rgba(196,191,110,.10)),#fff;
  transition:background .2s ease;
}
.oa-accordion__button:hover,
.oa-accordion__button:focus-visible{
  background:linear-gradient(0deg,rgba(196,191,110,.18),rgba(196,191,110,.18)),#fff;
  outline:2px solid #c4bf6e;
  outline-offset:-2px;
}
.oa-accordion__q{
  flex:1 1 auto;
  font-weight:700;
  font-size:1.05rem;
  color:#316c66;
  text-align:right;
  line-height:1.5;
}
.oa-accordion__icon{
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:2px solid #316c66;
  border-radius:50%;
  margin-inline-end:8px;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.oa-accordion__icon svg path{fill:#316c66;transition:fill .25s ease}
.oa-accordion__button[aria-expanded="true"] .oa-accordion__icon{
  background:#316c66; transform:rotate(180deg);
}
.oa-accordion__button[aria-expanded="true"] .oa-accordion__icon svg path{fill:#fff}
.oa-accordion__panel{
  padding:16px 18px 20px; background:#fff;
  border-top:1px solid rgba(49,108,102,.10);
}
.oa-accordion__panel p{
  margin:0; line-height:1.8; font-size:1rem; color:#0f1f1e;
}
@media (max-width:640px){
  .oa-accordion__button{padding:16px 14px 16px 48px; gap:10px}
  .oa-accordion__q{font-size:1rem}
  .oa-accordion__panel{padding:14px 14px 18px}
}