/* =============================================================
   AM FAQ - FAQ page styles
   Requires am-core.css loaded first
   ============================================================= */

/* === HIDE IPS + NEXXE SHELL === */
body.ipsApp[data-pagename="faq"]::before,
body.ipsApp[data-pagename="faq"]::after,
body.ipsApp.ipsApp_front[data-pagename="faq"]::before,
body.ipsApp.ipsApp_front[data-pagename="faq"]::after{
  display:none!important;content:none!important;visibility:hidden!important;
  height:0!important;width:0!important;opacity:0!important;background:none!important;
}
body.ipsApp[data-pagename="faq"],
body.ipsApp.ipsApp_front[data-pagename="faq"]{
  background:#08090c!important;background-image:none!important;background-color:#08090c!important;
}
body[data-pagename="faq"] #ipsLayout_header,
body[data-pagename="faq"] #cb-nexxe__topbar,
body[data-pagename="faq"] #cb-nexxe__menu,
body[data-pagename="faq"] nav.ipsBreadcrumb_top,
body[data-pagename="faq"] nav.ipsBreadcrumb_bottom,
body[data-pagename="faq"] #ipsLayout_footer,
body[data-pagename="faq"] #cb-nexxe__social__sticky,
body[data-pagename="faq"] .liveMessenger_chat,
body[data-pagename="faq"] .cb-nexxe--goup,
body[data-pagename="faq"] .cb-nexxe__messagetop,
body[data-pagename="faq"] .cAnnouncements,
body[data-pagename="faq"] .cWidgetContainer,
body[data-pagename="faq"] #cb-nexxe__footer--breadcrumb,
body[data-pagename="faq"] #cb-nexxe__footer--content,
body[data-pagename="faq"] #cb-nexxe__footer--bottom,
body[data-pagename="faq"] #elMobileNav,
body[data-pagename="faq"] #elMobileDrawer,
body[data-pagename="faq"] #elMobileCreateMenuDrawer{display:none!important}
body[data-pagename="faq"] #ipsLayout_body,
body[data-pagename="faq"] #ipsLayout_body.ipsLayout_container,
body[data-pagename="faq"] main#ipsLayout_body{
  width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
  background:transparent!important;background-image:none!important;
}
body[data-pagename="faq"] #ipsLayout_contentArea,
body[data-pagename="faq"] #ipsLayout_contentWrapper,
body[data-pagename="faq"] #ipsLayout_mainArea,
body[data-pagename="faq"] #elCmsPageWrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;
}
body[data-pagename="faq"] #ipsLayout_body::before,
body[data-pagename="faq"] #ipsLayout_body::after,
body[data-pagename="faq"] main::before,
body[data-pagename="faq"] main::after{
  display:none!important;content:none!important;visibility:hidden!important;
}

/* === FAQ HERO === */
.am-fq-hero{text-align:center;padding:120px 0 40px;position:relative}
.am-fq-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 50% 60% at 50% 30%,rgba(255,138,29,.04),transparent 70%);
}
.am-fq-hero__title{font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin:18px 0 14px}
.am-fq-hero__title span{color:var(--ac)}
.am-fq-hero__sub{color:var(--tx2);font-size:17px;line-height:1.6}

/* === SEARCH === */
.am-fq-search{position:relative;max-width:560px;margin:28px auto 0}
.am-fq-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--tx2);pointer-events:none}
.am-fq-search__input{
  width:100%;height:48px;padding:0 18px 0 44px;
  border:1px solid var(--brd);border-radius:12px;
  background:var(--s1);color:var(--tx);font-size:15px;font-weight:500;
  outline:none;transition:border-color .2s;
}
.am-fq-search__input::placeholder{color:var(--tx2)}
.am-fq-search__input:focus{border-color:var(--brd2)}

/* === TABS === */
.am-fq-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.am-fq-tab{
  padding:8px 18px;border:1px solid var(--brd);border-radius:999px;
  background:transparent;color:var(--tx2);font-size:13px;font-weight:700;
  letter-spacing:.04em;cursor:pointer;transition:all .2s;
}
.am-fq-tab:hover{border-color:var(--brd2);color:var(--tx)}
.am-fq-tab.is-on{background:linear-gradient(135deg,var(--ac2),var(--ac));color:#0a0a0e;border-color:transparent}

/* === GRID LAYOUT === */
.am-fq-grid{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}

/* === SIDEBAR === */
.am-fq-side{position:sticky;top:88px}
.am-fq-side__card{border:1px solid var(--brd);border-radius:var(--r);background:var(--s1);padding:24px}
.am-fq-side__card h4{font-size:14px;font-weight:800;margin-bottom:14px}
.am-fq-side__nav{display:flex;flex-direction:column;gap:4px}
.am-fq-side__nav a{
  display:block;padding:10px 14px;border-radius:10px;
  font-size:14px;font-weight:600;color:var(--tx2);transition:all .2s;
}
.am-fq-side__nav a:hover{background:rgba(255,255,255,.03);color:var(--tx)}
.am-fq-side__nav a.is-on{background:rgba(255,138,29,.08);color:var(--ac2)}
.am-fq-side__divider{height:1px;background:var(--brd);margin:18px 0}
.am-fq-side__cta p{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:4px}

/* === FAQ SECTIONS === */
.am-fq-section{margin-bottom:40px}
.am-fq-section__title{font-size:24px;font-weight:900;letter-spacing:-.02em;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--brd)}

/* === GROUP TITLES === */
.am-fq-group{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--ac2);margin:24px 0 10px;text-transform:uppercase}
.am-fq-section .am-fq-group:first-of-type{margin-top:0}

/* === QUESTION ACCORDION === */
.am-fq-q{border:1px solid var(--brd);border-radius:12px;background:var(--s1);overflow:hidden;transition:border-color .2s;margin-bottom:8px}
.am-fq-q[open]{border-color:var(--brd2)}
.am-fq-q summary{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px;font-size:15px;font-weight:700;color:var(--tx);
  cursor:pointer;list-style:none;user-select:none;
}
.am-fq-q summary::-webkit-details-marker{display:none}
.am-fq-q summary::after{
  content:"+";flex-shrink:0;
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  border-radius:8px;background:rgba(255,255,255,.03);color:var(--tx2);font-size:16px;
}
.am-fq-q[open] summary::after{content:"\2212";background:rgba(255,138,29,.1);color:var(--ac2)}
.am-fq-q summary:focus-visible{outline:2px solid var(--ac);outline-offset:-2px;border-radius:12px}
.am-fq-q p{padding:0 22px 18px;font-size:15px;color:var(--tx2);line-height:1.65}

/* === EMPTY STATE === */
.am-fq-empty{text-align:center;padding:48px 24px;border:1px solid var(--brd);border-radius:var(--r);background:var(--s1)}
.am-fq-empty h3{font-size:18px;font-weight:800;margin-bottom:8px}
.am-fq-empty p{color:var(--tx2);font-size:15px}

/* === RESPONSIVE === */
@media(max-width:960px){
  .am-fq-grid{grid-template-columns:1fr}
  .am-fq-side{position:relative;top:auto;order:-1}
}
@media(max-width:640px){
  .am-fq-hero{padding:100px 0 30px}
  .am-fq-tabs{gap:6px}
  .am-fq-tab{padding:7px 14px;font-size:12px}
  .am-fq-q summary{padding:16px 18px;font-size:14px}
  .am-fq-q p{padding:0 18px 16px;font-size:14px}
}