/* ===== OriginalArt FAQ – RTL, icon on RIGHT, brand colors ===== */
:root{
  --oa-accent:#c4bf6e;      /* זהב */
  --oa-primary:#316c66;     /* ירקרק כהה */
  --oa-primary-600:#295a55; /* טון כהה יותר */
  --oa-bg:#f6f7f5;
  --oa-card:#ffffff;
  --oa-border:#e9e9e2;
  --oa-text:#222;
  --oa-shadow:0 8px 24px rgba(49,108,102,.08);
}

.oa-faq{ direction:rtl; text-align:right; background:var(--oa-bg); padding:8px 0; font-family:inherit; }
.oa-accordion{ max-width:980px; margin:0 auto; padding:0 16px; }

/* כרטיס שאלה */
.oa-item{
  background:var(--oa-card);
  border:1px solid var(--oa-border);
  border-radius:16px;
  box-shadow:var(--oa-shadow);
  overflow:hidden;
  margin:14px 0;
}

/* כפתור: אייקון בימין, טקסט משמאלו – עדיין RTL */
.oa-trigger{
  width:100%;
  display:flex;
  flex-direction:row;            /* סדר DOM נשמר: אייקון ואז טקסט */
  justify-content:flex-start;    /* מתחילים מימין ב-RTL */
  align-items:center;
  gap:12px;                      /* ריווח בין האייקון לטקסט */
  padding:16px 20px;
  border:0; cursor:pointer;
  background:#fff;
  color:var(--oa-primary);
  font-size:1.05rem; font-weight:700; letter-spacing:.2px;
  text-align:right;
}
.oa-trigger:hover{ background:rgba(196,191,110,.08); }
.oa-trigger:focus-visible{ outline:2px solid var(--oa-accent); outline-offset:2px; border-radius:14px; }
.oa-trigger[aria-expanded="true"]{ color:var(--oa-primary-600); }

/* אייקון +/− בצד ימין */
.oa-icon{ position:relative; width:20px; height:20px; flex:0 0 20px; }
.oa-icon::before, .oa-icon::after{
  content:""; position:absolute; top:50%; left:50%;
  width:16px; height:2px; background:var(--oa-accent);
  transform:translate(-50%,-50%); transition:.2s ease;
}
.oa-icon::after{ transform:translate(-50%,-50%) rotate(90deg); } /* הפלוס האנכי */
.oa-trigger[aria-expanded="true"] .oa-icon::after{ opacity:0; }   /* נשאר מינוס */

/* פאנל התשובה */
.oa-panel{
  max-height:0; overflow:hidden; transition:max-height .3s ease; background:#fff;
  border-top:1px dashed rgba(196,191,110,.45);
}
.oa-panel p{
  margin:0; padding:14px 20px 18px 20px;
  color:var(--oa-text); line-height:1.8; font-size:1rem;
}
.oa-panel a.oa-link{ color:var(--oa-accent); text-decoration:underline; text-underline-offset:3px; }

/* מובייל */
@media (max-width:480px){
  .oa-trigger{ font-size:1rem; padding:14px; }
  .oa-panel p{ font-size:.96rem; padding:12px 16px 16px 16px; }
}