/* Page-specific styles for faq.php; extracted without visual redesign. */

/* =========================================================
   IBOX444 FAQ - VISIBILITY FIRST
   Dark backgrounds always use WHITE text.
========================================================= */
html,body{font-size:14px;}
body{color:#222;background:#fff;}
.faq-page-wrap{background:#f5f6f8;padding:65px 0;}
.faq-page-wrap h1,.faq-page-wrap h2,.faq-page-wrap h3,.faq-page-wrap h4,.faq-page-wrap h5{font-weight:800;}
.faq-page-wrap p,.faq-page-wrap li{font-size:15px;line-height:1.8;}

/* HERO */
.faq-hero-card{
 background:linear-gradient(135deg,#080808 0%,#161616 55%,#242424 100%);
 color:#fff!important;border-radius:20px;padding:46px;margin-bottom:35px;
 border:1px solid rgba(239,212,114,.42);
 box-shadow:0 18px 45px rgba(0,0,0,.20);
 position:relative;overflow:hidden;
}
.faq-hero-card:after{
 content:"FAQ";position:absolute;right:-15px;bottom:-55px;
 font-size:150px;font-weight:900;color:rgba(255,255,255,.035);
}
.faq-hero-card .label{display:inline-block;color:#efd472!important;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.faq-hero-card h2{color:#fff!important;font-size:34px;line-height:1.25;margin:0 0 15px;}
.faq-hero-card p{color:#f3f3f3!important;max-width:920px;margin:0;line-height:1.9;font-size:16px;}
.faq-hero-card .faq-note{margin-top:23px;padding:17px 20px;border-left:4px solid #efd472;background:rgba(255,255,255,.075);border-radius:9px;color:#fff!important;}
.faq-hero-card .faq-note strong{color:#efd472!important;}

/* SECTION TITLE */
.section-title.faq-heading{margin-bottom:30px;}
.section-title.faq-heading h2{color:#111!important;font-size:30px;margin-bottom:10px;}
.section-title.faq-heading p{color:#555!important;max-width:780px;margin:0 auto;}

/* FAQ */
.faq{counter-reset:faq-counter;}
.faq .single-item{counter-increment:faq-counter;position:relative;background:#fff;border:1px solid #e3e6eb;border-left:4px solid #d9dee7;border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 7px 25px rgba(0,0,0,.06);transition:.3s;}
.faq .single-item:hover{border-left-color:#efd472;box-shadow:0 14px 32px rgba(0,0,0,.11);transform:translateY(-1px);}
.faq .single-item h4{position:relative;display:flex;align-items:center;margin:0;padding:20px 70px 20px 22px;min-height:78px;background:#fff;color:#151b26!important;font-size:17px;font-weight:800;line-height:1.5;cursor:pointer;}
.faq .single-item h4:before{content:counter(faq-counter,decimal-leading-zero);flex:0 0 43px;width:43px;height:43px;margin-right:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#e8edf4);border:1px solid #d8e0eb;border-radius:10px;color:#294d78;font-size:12px;font-weight:900;}
.faq .single-item h4:after{content:"\f067";font-family:"FontAwesome";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f4f8;border:1px solid #dfe6ef;border-radius:50%;color:#26384e;font-size:12px;}
.faq .single-item.active,.faq .single-item.open{background:#111827;border-color:rgba(239,212,114,.25);border-left-color:#efd472;box-shadow:0 17px 42px rgba(0,0,0,.20);}
.faq .single-item.active h4,.faq .single-item.open h4{color:#fff!important;background:linear-gradient(135deg,#121722,#202838)!important;}
.faq .single-item.active h4:before,.faq .single-item.open h4:before{background:linear-gradient(135deg,#fff8d9,#efd472);color:#3d3519;border-color:#efd472;}
.faq .single-item.active h4:after,.faq .single-item.open h4:after{content:"\f068";background:#efd472;color:#111;border-color:#efd472;}

/* ANSWER - strong contrast */
.faq .single-item .content{margin:0 20px 20px 83px;padding:22px 24px;color:#f1f4f8!important;background:linear-gradient(135deg,#171e2a,#0f1520);border:1px solid rgba(255,255,255,.10);border-left:3px solid #efd472;border-radius:11px;font-size:15px;line-height:1.85;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 18px rgba(0,0,0,.15);}
.faq .single-item .content p,.faq .single-item .content li{color:#f1f4f8!important;}
.faq .single-item .content strong{color:#fff!important;font-weight:800;}
.faq .single-item .content a{color:#efd472!important;font-weight:800;text-decoration:underline;}

/* SIDEBAR */
.faq-sidebar-wrap{background:linear-gradient(145deg,#080808,#1d1d1d);color:#fff!important;border-radius:17px;padding:30px;box-shadow:0 14px 36px rgba(0,0,0,.18);position:sticky;top:25px;border:1px solid rgba(239,212,114,.18);}
.faq-sidebar-wrap h3{color:#fff!important;font-size:23px;line-height:1.35;margin-bottom:20px;}
.faq-sidebar-wrap p{color:#eee!important;}
.faq-sidebar{padding:0;margin:0;list-style:none;}
.faq-sidebar li{margin-bottom:9px;}
.faq-sidebar li a{display:block;color:#f2f2f2!important;padding:11px 12px;border-radius:8px;text-decoration:none;line-height:1.5;font-size:14px;transition:.25s;}
.faq-sidebar li a:hover{background:rgba(239,212,114,.13);color:#efd472!important;}
.faq-sidebar li span{color:#efd472!important;font-weight:800;margin-right:5px;}

/* CTA */
.faq-cta{margin-top:35px;background:linear-gradient(135deg,#0b0b0b,#1b1b1b);color:#fff!important;border-radius:18px;padding:44px;text-align:center;box-shadow:0 14px 38px rgba(0,0,0,.16);border-top:3px solid #efd472;}
.faq-cta h2{font-size:31px;color:#fff!important;margin-bottom:12px;}
.faq-cta p{max-width:800px;margin:0 auto 24px;color:#f0f0f0!important;line-height:1.8;}
.faq-cta p strong{color:#efd472!important;}
.faq-cta .cta-btn{display:inline-block;padding:13px 27px;margin:5px;border-radius:8px;text-decoration:none;font-weight:800;background:#fff;color:#111!important;border:1px solid #fff;transition:.25s;}
.faq-cta .cta-btn:hover{background:#efd472;color:#111!important;border-color:#efd472;}
.faq-cta .cta-btn.alt{background:#efd472;color:#111!important;border-color:#efd472;}
.faq-cta .cta-btn.alt:hover{background:#fff;color:#111!important;border-color:#fff;}

/* MINI TRUST STRIP */
.faq-trust-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:25px 0 0;}
.faq-trust-strip span{padding:8px 13px;border-radius:30px;background:#fff;border:1px solid #e0e4ea;color:#303b4b;font-size:12px;font-weight:800;}

/* PAGE HERO TEXT */
.page-title h1{color:#fff!important;}
.page-title p{color:#fff!important;}
.page-title .faq-kicker{color:#efd472!important;}

/* MOBILE */
@media(max-width:767px){
 .faq-page-wrap{padding:40px 0;}
 .faq-hero-card,.faq-cta{padding:28px 20px;}
 .faq-hero-card h2,.faq-cta h2{font-size:25px;}
 .faq .single-item h4{min-height:68px;padding:15px 58px 15px 15px;font-size:15px;line-height:1.5;}
 .faq .single-item h4:before{flex:0 0 37px;width:37px;height:37px;margin-right:13px;border-radius:9px;font-size:11px;}
 .faq .single-item h4:after{right:14px;width:32px;height:32px;font-size:11px;}
 .faq .single-item .content{margin:0 14px 14px 15px;padding:16px 17px;font-size:14px;line-height:1.75;}
 .faq .single-item .content p,.faq .single-item .content li{font-size:14px;line-height:1.75;}
 .faq-sidebar-wrap{margin-top:30px;position:static;}
}