/* Additions on top of the original compiled Tailwind stylesheet (main.css).
   Covers interactive parts that were rendered by React in the original site,
   plus new components managed from the panel (FAQ, testimonials, team, contact form). */
:root{--navy-50:#eef4fb;--navy-100:#d9e6f5;--navy-200:#b3cdea;--navy-400:#4d82c2;--navy-600:#22528c;--navy-700:#1b4070;--navy-800:#14315a;--navy-900:#0d2344;--navy-950:#081831;--gold-300:#eed88f;--gold-400:#e2c366;--gold-500:#d4af37;--gold-600:#b8952b;--gold-700:#96761f}
body{font-family:Vazirmatn,Tahoma,sans-serif}
.x-skip{position:absolute;right:1rem;top:-100px;z-index:100;background:var(--navy-950);color:#fff;padding:.6rem 1rem;border-radius:.75rem;font-size:.85rem}
.x-skip:focus{top:1rem}
/* header dropdowns (desktop) – pure CSS, keyboard accessible */
.x-dd{display:none}
.x-nav-item:hover>.x-dd,.x-nav-item:focus-within>.x-dd{display:block}
.x-nav-item:hover .x-chev,.x-nav-item:focus-within .x-chev{transform:rotate(180deg)}
[data-submenu-toggle][aria-expanded="true"] svg{transform:rotate(180deg)}
.is-scrolled{border-color:var(--navy-100)!important;background:#ffffffe6!important;box-shadow:0 10px 15px -3px #0d23440d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
/* misc */
.h-4\.5{height:1.125rem}.w-4\.5{width:1.125rem}
.x-wrap{flex-wrap:wrap;gap:1.25rem}
.x-empty{text-align:center;color:#0d234499;padding:3rem 1rem;border:1px dashed var(--navy-200);border-radius:1.5rem}
/* blog category chips */
.x-chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.5rem}
.x-chips a{border:1px solid var(--navy-100);background:#fff;color:var(--navy-700);border-radius:999px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:700;transition:all .2s}
.x-chips a:hover{border-color:var(--gold-400);color:var(--gold-700)}
.x-chips a[aria-current]{background:var(--navy-950);border-color:var(--navy-950);color:var(--gold-300)}
/* pagination */
.x-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3rem}
.x-pager a,.x-pager span{display:inline-flex;align-items:center;gap:.35rem;min-width:2.6rem;justify-content:center;padding:.55rem .9rem;border-radius:.9rem;border:1px solid var(--navy-100);font-size:.85rem;font-weight:700;color:var(--navy-800);background:#fff}
.x-pager a:hover{border-color:var(--gold-400);color:var(--gold-700)}
.x-pager span[aria-current]{background:var(--navy-950);color:var(--gold-300);border-color:var(--navy-950)}
/* FAQ */
.x-faq{display:flex;flex-direction:column;gap:1rem}
.x-faq-item{border:1px solid var(--navy-100);background:#fff;border-radius:1.5rem;box-shadow:0 1px 2px #0000000d;transition:border-color .3s,box-shadow .3s}
.x-faq-item[open]{border-color:var(--gold-300);box-shadow:0 20px 25px -5px #0d23441a}
.x-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-weight:800;color:var(--navy-950);font-size:.95rem;line-height:1.9}
.x-faq-item summary::-webkit-details-marker{display:none}
.x-faq-q{display:flex;align-items:flex-start;gap:.75rem}.x-faq-q svg{margin-top:.3rem}
.x-faq-chev{transition:transform .3s}.x-faq-item[open] .x-faq-chev{transform:rotate(180deg);color:var(--gold-600)}
.x-faq-a{padding:0 1.5rem 1.4rem 1.5rem;padding-right:3.75rem;color:#33425c;font-size:.9rem;line-height:2.1;text-align:justify}
/* testimonials & team */
.x-stars{display:flex;gap:.15rem;margin-top:.75rem}.x-stars svg{width:1rem;height:1rem}
.x-star-on{color:var(--gold-500);fill:var(--gold-500)}.x-star-off{color:var(--navy-100)}
.x-avatar{width:3rem;height:3rem;border-radius:999px;object-fit:cover;flex-shrink:0}
.x-avatar-ph{display:flex;align-items:center;justify-content:center;background:var(--navy-50);color:var(--navy-700)}
.x-team-photo{aspect-ratio:1/1;overflow:hidden;background:var(--navy-50)}
.x-team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.group:hover .x-team-photo img{transform:scale(1.06)}
.x-team-ph{display:flex;align-items:center;justify-content:center;color:var(--navy-200)}
/* contact form */
.x-contact-grid{display:grid;gap:2rem;margin-top:3.5rem}
@media (min-width:1024px){.x-contact-grid{grid-template-columns:1.2fr 1fr}.x-contact-grid.x-single{grid-template-columns:1fr;max-width:48rem;margin-inline:auto}}
.x-form-card,.x-map{border:1px solid var(--navy-100);background:#fff;border-radius:1.75rem;padding:2rem;box-shadow:0 1px 2px #0000000d}
.x-map iframe{width:100%;min-height:22rem;border:0;border-radius:1.25rem;background:var(--navy-50)}
.x-form{margin-top:1.5rem}.x-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}
.x-form fieldset[disabled]{opacity:.55}
.x-grid2{display:grid;gap:1rem}@media (min-width:640px){.x-grid2{grid-template-columns:1fr 1fr}}
.x-field{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--navy-900)}
.x-field b{color:#c2410c}
.x-field input,.x-field textarea{font:inherit;font-weight:400;font-size:.9rem;border:1px solid var(--navy-100);border-radius:.9rem;padding:.75rem 1rem;background:#fbfdff;color:var(--navy-950);transition:border-color .2s,box-shadow .2s;width:100%}
.x-field input:focus,.x-field textarea:focus{outline:0;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4af3733}
.x-field.has-error input,.x-field.has-error textarea{border-color:#dc2626}
.x-err{font-style:normal;font-weight:500;color:#b91c1c;font-size:.75rem}
.x-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start;border:0;cursor:pointer;border-radius:1rem;padding:.9rem 2rem;font:inherit;font-weight:800;font-size:.9rem;color:var(--navy-950);background:linear-gradient(to left,var(--gold-600),var(--gold-400));transition:transform .2s}
.x-btn:hover{transform:scale(1.03)}.x-btn[disabled],fieldset[disabled] .x-btn{cursor:not-allowed;transform:none}
.x-btn.is-loading{opacity:.7;pointer-events:none}
.x-alert{display:flex;gap:.6rem;align-items:flex-start;border-radius:1rem;padding:.9rem 1.1rem;font-size:.85rem;line-height:1.9;margin-top:1rem}
.x-alert-warn{background:#fff7e6;border:1px solid #f5d48a;color:#7a4b00}
.x-alert-ok{background:#ecfdf3;border:1px solid #a7e8c2;color:#065f46}
.x-alert-err{background:#fef2f2;border:1px solid #fbcaca;color:#991b1b}