/* ============================================================================
   ch-117 — صفحه‌های اطلاعاتی (قوانین، حریم خصوصی، سوالات متداول، درباره‌ی ما، چگونه کار می‌کند) و ثبت و پیگیری شکایت.
   روی سربرگ و بدنه‌ی صفحه‌های داخلی سایت (pub-inner-hero و pub-inner-body) و توکن‌های --tk-* (روشن و تیره).
   ============================================================================ */
.ifp{--ifp-r:20px}
.ifp .pub-inner-hero .in{max-width:820px}
.ifp-updated{display:inline-flex;align-items:center;gap:8px;margin-top:6px!important;font-size:13px!important;font-weight:600;color:var(--tk-ink-faint)!important}
.ifp-updated svg{width:16px;height:16px;color:var(--tk-amber-deep)}

.ifp-card{background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--ifp-r);padding:24px;box-sizing:border-box}
.ifp-card--soft{background:var(--tk-surface-2)}
.ifp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ifp-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--tk-ink);text-decoration:none;border-bottom:2px solid var(--tk-amber)}
.ifp-link svg{width:15px;height:15px}
.ifp-muted{color:var(--tk-ink-soft);font-size:13.5px}
.ifp-h2{margin:44px 0 16px;font-size:clamp(20px,2vw,26px);font-weight:900;color:var(--tk-ink)}

/* ---------- سند با فهرست کناری ---------- */
.ifp-docgrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:start}
.ifp-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding:16px;border:1px solid var(--tk-line);border-radius:var(--ifp-r);background:var(--tk-surface)}
.ifp-toc__t{display:block;margin:2px 6px 10px;font-size:13px;font-weight:800;color:var(--tk-ink-soft)}
.ifp-toc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.ifp-toc a{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:12px;color:var(--tk-ink-soft);text-decoration:none;font-size:13.5px;font-weight:600;line-height:1.6;transition:background .15s,color .15s}
.ifp-toc a i{flex:none;display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border-radius:8px;font-style:normal;font-size:11.5px;font-weight:800;background:var(--tk-surface-2);color:var(--tk-ink-soft)}
.ifp-toc a:hover{background:var(--tk-surface-2);color:var(--tk-ink)}
.ifp-toc a.is-on{background:var(--tk-amber-soft);color:var(--tk-ink)}
.ifp-toc a.is-on i{background:var(--tk-amber);color:#181a1d}
.ifp-doc{min-width:0;max-width:820px}
.ifp-sec{padding:6px 0 26px;margin-bottom:22px;border-bottom:1px solid var(--tk-line);scroll-margin-top:96px}
.ifp-sec:last-of-type{border-bottom:0}
.ifp-sec h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:clamp(19px,1.7vw,23px);font-weight:900;color:var(--tk-ink)}
.ifp-sec h2 i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-style:normal;font-size:15px;font-weight:900;background:var(--tk-amber-soft);color:var(--tk-ink)}
.ifp-sec p{margin:0 0 12px;font-size:15.5px;line-height:2.15;color:var(--tk-ink-soft)}
.ifp-sec ul{display:grid;gap:10px;margin:0 0 12px;padding:0;list-style:none}
.ifp-sec li{position:relative;padding-inline-start:22px;font-size:15px;line-height:2.05;color:var(--tk-ink-soft)}
.ifp-sec li::before{content:"";position:absolute;inset-inline-start:4px;top:.85em;width:8px;height:8px;border-radius:3px;background:var(--tk-amber)}
.ifp-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ifp-links a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--tk-line-strong);
  color:var(--tk-ink);text-decoration:none;font-size:13.5px;font-weight:700;transition:border-color .15s,background .15s}
.ifp-links a:hover{border-color:var(--tk-amber);background:var(--tk-amber-soft)}
.ifp-links svg{width:14px;height:14px}
.ifp-company{display:grid;gap:6px;margin-top:10px}
.ifp-company b{font-size:15px;font-weight:800;color:var(--tk-ink)}
.ifp-company span{font-size:14px;line-height:1.95;color:var(--tk-ink-soft)}
.ifp-company--wide{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px;margin-top:28px}
.ifp-company--wide>div{display:grid;gap:4px}
.ifp-company--wide .ifp-actions{margin-top:0;justify-content:flex-end}

/* ---------- سوالات متداول ---------- */
.ifp-faqsearch{display:flex;align-items:center;gap:10px;max-width:620px;height:56px;margin-top:22px;padding:0 18px;border-radius:999px;box-sizing:border-box;
  background:var(--tk-bg);border:1.5px solid var(--tk-line-strong);transition:border-color .15s,box-shadow .15s}
.ifp-faqsearch:focus-within{border-color:var(--tk-amber);box-shadow:0 0 0 4px rgba(255,194,24,.18)}
.ifp-faqsearch svg{flex:none;width:20px;height:20px;color:var(--tk-ink-faint)}
.ifp-faqsearch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--tk-ink);-webkit-appearance:none;appearance:none}
.ifp-faq{min-width:0;display:grid;gap:30px}
.ifp-faqgroup{scroll-margin-top:96px}
.ifp-faqgroup h2{margin:0 0 12px;font-size:clamp(18px,1.6vw,21px);font-weight:900;color:var(--tk-ink)}
.ifp-qa{border:1px solid var(--tk-line);border-radius:16px;background:var(--tk-surface);margin-bottom:10px;transition:border-color .15s,box-shadow .15s}
.ifp-qa[open]{border-color:var(--tk-amber-line);box-shadow:0 14px 34px -26px rgba(24,26,29,.4)}
.ifp-qa summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:800;color:var(--tk-ink);line-height:1.8}
.ifp-qa summary::-webkit-details-marker{display:none}
.ifp-qa summary svg{flex:none;width:20px;height:20px;color:var(--tk-ink-faint);transition:transform .2s var(--tk-ease)}
.ifp-qa[open] summary svg{transform:rotate(180deg);color:var(--tk-amber-deep)}
.ifp-qa summary:focus-visible{outline:3px solid var(--tk-amber);outline-offset:2px;border-radius:14px}
.ifp-qa p{margin:0;padding:0 18px 18px;font-size:15px;line-height:2.1;color:var(--tk-ink-soft)}
.ifp-miss{display:grid;gap:6px;text-align:center}
.ifp-miss span{font-size:14px;color:var(--tk-ink-soft);line-height:1.9}
.ifp-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ifp-ask>div:first-child{display:grid;gap:4px;max-width:520px}
.ifp-ask span{font-size:14px;line-height:1.9;color:var(--tk-ink-soft)}
.ifp-ask .ifp-actions{margin-top:0}

/* ---------- درباره‌ی ما ---------- */
.ifp-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ifp-pillar{position:relative;overflow:hidden}
.ifp-pillar::before{content:"";display:block;width:34px;height:4px;border-radius:999px;background:var(--tk-amber);margin-bottom:16px}
.ifp-pillar h2{margin:0 0 8px;font-size:17px;font-weight:900;color:var(--tk-ink)}
.ifp-pillar p{margin:0;font-size:14.5px;line-height:2;color:var(--tk-ink-soft)}
.ifp-auds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ifp-aud{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none;transition:transform .2s var(--tk-ease),box-shadow .2s var(--tk-ease)}
.ifp-aud:hover{transform:translateY(-3px);box-shadow:var(--tk-shadow-md)}
.ifp-aud h3{margin:0;font-size:17px;font-weight:900;color:var(--tk-ink)}
.ifp-aud p{margin:0 0 6px;font-size:14.5px;line-height:2;color:var(--tk-ink-soft)}
.ifp-aud .ifp-link{margin-top:auto;align-self:flex-start}

/* ---------- چگونه کار می‌کند ---------- */
.ifp-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;background:var(--tk-surface-2);margin-bottom:26px}
.ifp-tabs button{height:42px;padding:0 20px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14.5px;font-weight:800;color:var(--tk-ink-soft);cursor:pointer}
.ifp-tabs button[aria-selected="true"]{background:var(--tk-surface);color:var(--tk-ink);box-shadow:0 6px 18px -10px rgba(24,26,29,.35)}
.ifp-tabs button:focus-visible{outline:3px solid var(--tk-amber);outline-offset:2px}
.ifp-track>.tk-btn{margin-top:22px}

/* گام‌های شماره‌دار (روند رسیدگی شکایت و مسیرهای «چگونه کار می‌کند») */
.ifp-steps{counter-reset:ifp;display:grid;gap:14px;margin:0;padding:0;list-style:none}
.ifp-steps li{counter-increment:ifp;position:relative;display:grid;gap:3px;padding-inline-start:46px;min-height:34px}
.ifp-steps li::before{content:counter(ifp,persian);position:absolute;inset-inline-start:0;top:0;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  font-weight:900;font-size:14px;background:var(--tk-amber-soft);color:var(--tk-ink)}
.ifp-steps b{font-size:15px;font-weight:800;color:var(--tk-ink)}
.ifp-steps span{font-size:14px;line-height:1.9;color:var(--tk-ink-soft)}
.ifp-steps--big{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ifp-steps--big li{padding:22px;padding-top:66px;border:1px solid var(--tk-line);border-radius:var(--ifp-r);background:var(--tk-surface)}
.ifp-steps--big li::before{inset-inline-start:22px;top:20px;width:38px;height:38px;font-size:16px;background:var(--tk-amber);color:#181a1d}

/* ---------- ثبت و پیگیری شکایت ---------- */
.ifp-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(18px,2.6vw,32px);align-items:start}
.ifp-narrow{max-width:760px}
.ifp-formcard__t{margin:0 0 16px;font-size:19px;font-weight:900;color:var(--tk-ink)}
.ifp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.ifp-field{display:grid;gap:7px;font-size:13.5px;font-weight:700;color:var(--tk-ink)}
.ifp-field--wide{grid-column:1 / -1}
.ifp-field i{font-style:normal;color:var(--tk-danger)}
.ifp-field input,.ifp-field select,.ifp-field textarea{width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1.5px solid var(--tk-line-strong);border-radius:14px;
  background:var(--tk-surface);color:var(--tk-ink);font:inherit;font-size:14.5px;font-weight:500;transition:border-color .15s,box-shadow .15s}
.ifp-field textarea{min-height:150px;line-height:1.9;resize:vertical}
.ifp-field input:focus,.ifp-field select:focus,.ifp-field textarea:focus{outline:0;border-color:var(--tk-amber);box-shadow:0 0 0 4px rgba(255,194,24,.18)}
.ifp-field em,.ifp-check__err{font-style:normal;font-size:12.5px;font-weight:600;color:var(--tk-danger)}
.ifp-field.has-error input,.ifp-field.has-error select,.ifp-field.has-error textarea{border-color:var(--tk-danger)}
.ifp-check{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;line-height:1.9;color:var(--tk-ink-soft);cursor:pointer}
.ifp-check input{flex:none;width:18px;height:18px;margin-top:5px;accent-color:var(--tk-amber-deep)}
.ifp-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ifp-formfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.ifp-formfoot small{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tk-ink-faint)}
.ifp-formfoot small svg{width:15px;height:15px}
.ifp-alert{margin-bottom:14px;padding:12px 16px;border-radius:14px;background:var(--tk-danger-soft);color:var(--tk-danger);font-size:14px;font-weight:600}
.ifp-alert p{margin:0}
.ifp-done{display:grid;justify-items:center;gap:10px;text-align:center;padding:12px 4px}
.ifp-done__seal{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--tk-ok-soft);color:var(--tk-ok)}
.ifp-done__seal svg{width:30px;height:30px}
.ifp-done h2{margin:0;font-size:21px;font-weight:900;color:var(--tk-ink)}
.ifp-done p{margin:0;max-width:34em;font-size:14.5px;line-height:2;color:var(--tk-ink-soft)}
.ifp-done__ref b{font-size:18px;letter-spacing:.06em;color:var(--tk-ink)}
.ifp-aside{display:grid;gap:14px}
.ifp-aside__t{margin:0 0 12px;font-size:16px;font-weight:900;color:var(--tk-ink)}
.ifp-aside p{margin:0;font-size:14px;line-height:1.95;color:var(--tk-ink-soft)}
.ifp-aside .ifp-link{margin-top:16px}
.ifp-trackform{margin-bottom:16px}
.ifp-result{display:grid;gap:14px}
.ifp-result__h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ifp-result__h>div{display:grid;gap:2px}
.ifp-result__h b{font-size:17px;letter-spacing:.05em;color:var(--tk-ink)}
.ifp-pill{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;font-size:12.5px;font-weight:800}
.ifp-pill--amber{background:var(--tk-amber-soft);color:var(--tk-ink)}
.ifp-pill--blue{background:var(--tk-info-soft);color:var(--tk-info)}
.ifp-pill--green{background:var(--tk-ok-soft);color:var(--tk-ok)}
.ifp-pill--gray{background:var(--tk-surface-3);color:var(--tk-ink-soft)}
.ifp-pill--red{background:var(--tk-danger-soft);color:var(--tk-danger)}
.ifp-dl{display:grid;gap:8px;margin:0}
.ifp-dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:14px}
.ifp-dl dt{color:var(--tk-ink-soft)}
.ifp-dl dd{margin:0;font-weight:700;color:var(--tk-ink)}
.ifp-answer{padding:14px 16px;border-radius:14px;background:var(--tk-ok-soft)}
.ifp-answer b{display:block;margin-bottom:6px;font-size:14px;color:var(--tk-ok)}
.ifp-answer p{margin:0;font-size:14.5px;line-height:2;color:var(--tk-ink)}

@media (max-width:1100px){
  .ifp-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ifp-company--wide{grid-template-columns:minmax(0,1fr)}
  .ifp-company--wide .ifp-actions{justify-content:flex-start}
}
@media (max-width:900px){
  .ifp-docgrid,.ifp-split{grid-template-columns:minmax(0,1fr)}
  .ifp-toc{position:static;max-height:none}
  .ifp-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ifp-auds{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .ifp-card{padding:20px 18px}
  .ifp-toc ol{grid-template-columns:minmax(0,1fr)}
  .ifp-fields{grid-template-columns:minmax(0,1fr)}
  .ifp-pillars{grid-template-columns:minmax(0,1fr)}
  .ifp-tabs{display:flex;border-radius:18px}
  .ifp-tabs button{flex:1 1 auto;padding:0 12px}
  .ifp-dl div{grid-template-columns:90px minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.ifp-qa summary svg,.ifp-aud{transition:none}}
