/* SZÍNVÁLTOZATOK – ugyanaz a blokk, csak a fejléc színei térnek el.
   zold: sötétzöld fejléc, fehér szöveg, lime kör.
   bezs: a meglévő bézs-szürkés fejléc, sötétzöld szöveg, lime kör.
   Választás a config/…faq….json fájlban: "theme": "zold" vagy "bezs".
   MÉRETEK, KÁRTYÁK, NYÍL: a lenti közös szabályokban, egy helyen. */
.on-faq,.on-faq--zold{--faq-heading-bg:#0b4a08;--faq-heading-text:#fff;--faq-heading-subtext:#edf4e6}
.on-faq--bezs{--faq-heading-bg:#eef0eb;--faq-heading-text:#0b4a08;--faq-heading-subtext:#51654a}
.on-faq .on-faq__label{display:block;font-size:13px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;color:var(--faq-heading-subtext)}
/* Közös komponensek: közvetlenül szerkeszthetők, nincs szükség buildre.
   A .on-faq az includes/faq.php sablonnal bármely oldalon használható.
   Szöveg: az oldal által átadott adatfájl; stílus: kizárólag itt. */
.on-faq{background:#fff;padding:44px 24px;color:#0d2a0a}
.on-faq__inner{max-width:1000px;margin:0 auto}
.on-faq .on-faq__heading{position:relative;isolation:isolate;overflow:hidden;background:var(--faq-heading-bg);border-radius:18px;padding:26px 30px;margin:0 0 18px}
.on-faq__heading::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:180px;height:180px;border:14px solid #b0e629;border-radius:50%;right:-96px;top:-74px;opacity:.55}
.on-faq .on-faq__heading h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:0 0 10px;color:var(--faq-heading-text);letter-spacing:-.025em;max-width:850px}
.on-faq .on-faq__heading p{font-size:16px;line-height:1.55;margin:0;color:var(--faq-heading-subtext);max-width:850px}
.on-faq__list{display:grid;gap:10px}
.on-faq .on-faq__item{margin:0;padding:0;border:1px solid #dce3d5;border-left:5px solid #b0e629;border-radius:14px;background:#fff;box-shadow:0 2px 5px #0b4a0809;overflow:hidden}
.on-faq .on-faq__item summary{position:relative;display:block;list-style:none;cursor:pointer;padding:18px 58px 18px 22px;font-size:17px;font-weight:600;line-height:1.45;color:#0b4a08;background:transparent;transition:background-color .18s ease}
.on-faq__item summary::-webkit-details-marker{display:none}
.on-faq__item summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid #12670c;border-bottom:2px solid #12670c;transform:translateY(-70%) rotate(45deg);transition:transform .22s ease}
.on-faq .on-faq__item[open] summary{background:#f6f8f2}
.on-faq__item[open] summary::after{transform:translateY(-25%) rotate(225deg)}
.on-faq__item summary:focus-visible{outline:3px solid #12670c;outline-offset:-4px}
.on-faq .on-faq__answer{padding:18px 22px 22px;background:#fff;border-top:1px solid #e8ecdf}
.on-faq .on-faq__answer p{font-size:16px;line-height:1.7;margin:0 0 12px;max-width:none;color:#243d20}
.on-faq .on-faq__answer p:last-child{margin-bottom:0}
.on-partners__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:840px;margin:0 auto}
.on-partners .on-partners__card{background:#fff;border:1px solid #b5d489;border-radius:16px;padding:20px;min-width:0}
.on-partners .on-partners__logo{display:flex;align-items:center;justify-content:center;height:90px;background:#fff;margin-bottom:14px}
.on-partners .on-partners__logo img{display:block;float:none;width:100%;max-width:200px;height:90px;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}
.on-partners .on-partners__card h2{font-size:21px;line-height:1.3;margin:0 0 8px;color:#0b4a08}
.on-partners .on-partners__card ul{margin:0;padding-left:20px}
.on-partners .on-partners__card li{margin:4px 0;line-height:1.5}
@media(hover:hover){.on-faq__item:not([open]) summary:hover{background:#f6f8f2}}
@media(max-width:600px){
 .on-faq{padding:32px 20px}
 .on-faq .on-faq__heading{padding:22px 20px;margin-bottom:14px}
 .on-faq__heading::after{right:-132px;top:-80px}
 .on-faq .on-faq__item summary{padding:16px 44px 16px 15px;font-size:16px}
 .on-faq__item summary::after{right:18px;width:9px;height:9px}
 .on-faq .on-faq__answer{padding:16px 15px 18px}
 .on-partners__grid{grid-template-columns:1fr;gap:14px;max-width:400px}
 .on-partners .on-partners__card{padding:18px}
}
@media(prefers-reduced-motion:reduce){.on-faq__item summary,.on-faq__item summary::after{transition:none}}

/* Aloldali tartalomszélességen belül nincs újabb oldalsó behúzás. */
.content-wrap > .on-faq{padding-left:0;padding-right:0}
.page-fooldal .content-wrap > .on-faq,.page-marketing-kiszervezes .content-wrap > .on-faq{padding-left:24px;padding-right:24px}
@media(max-width:600px){.page-fooldal .content-wrap > .on-faq,.page-marketing-kiszervezes .content-wrap > .on-faq{padding-left:20px;padding-right:20px}}