/* IMP VIRAL — Frontend brand reskin (login, register, faq, contact, etc.)
   Loaded after style.css in layouts/app.blade.php. Recolors to blue/orange glass. */
:root{--f-blue:#2b7fe4;--f-blue-lt:#3ba1ff;--f-orange:#f7941e;--f-text:#eaf0f8;--f-muted:#8b97ad;--f-glass:rgba(255,255,255,.045);--f-glass2:rgba(255,255,255,.07);--f-brd:rgba(255,255,255,.09);--f-grad-blue:linear-gradient(135deg,#2b7fe4,#3ba1ff);--f-grad-orange:linear-gradient(135deg,#f7941e,#ffab3d);}

/* Buttons */
.cmn-btn,.cmn-btn2,button.cmn-btn,.submit-btn{background:var(--f-grad-blue) !important;border:none !important;color:#fff !important;border-radius:12px !important;box-shadow:0 8px 24px rgba(43,127,228,.4) !important;transition:.25s !important}
.cmn-btn:hover,.cmn-btn2:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(43,127,228,.55) !important}
.cmn-btn3,.social-btn{background:var(--f-glass2) !important;border:1px solid var(--f-brd) !important;color:var(--f-text) !important;border-radius:12px !important}
.cmn-btn3:hover,.social-btn:hover{border-color:var(--f-blue) !important}
.highlight a,a.highlight,.forgot a,.order-now{color:var(--f-orange) !important}
.highlight a:hover,a.highlight:hover{color:var(--f-orange) !important;filter:brightness(1.15)}

/* Auth card */
.login-signup-form{background:var(--f-glass) !important;border:1px solid var(--f-brd) !important;border-radius:24px !important;padding:40px 34px !important;backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.4) !important}
.login-signup-page{padding:60px 0}
.section-header h3{color:var(--f-text) !important}
.section-header .description{color:var(--f-muted) !important}
.divider,hr.divider{border-color:var(--f-brd) !important;opacity:1}

/* Form inputs */
.form-control,.php-email-form .form-control,.form-select{background:rgba(255,255,255,.04) !important;border:1px solid var(--f-brd) !important;color:var(--f-text) !important;border-radius:12px !important;padding:13px 16px !important}
.form-control::placeholder{color:var(--f-muted) !important}
.form-control:focus,.form-select:focus{border-color:var(--f-blue) !important;box-shadow:0 0 0 3px rgba(43,127,228,.18) !important}
.password-box{position:relative}
.password-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--f-muted);cursor:pointer}
.form-check-input:checked{background-color:var(--f-blue) !important;border-color:var(--f-blue) !important}
.form-check-label,.check label{color:var(--f-muted) !important}
label{color:var(--f-muted)}

/* FAQ accordion */
.accordion-item{background:var(--f-glass) !important;border:1px solid var(--f-brd) !important;border-radius:16px !important;margin-bottom:14px;overflow:hidden}
.accordion-button{background:var(--f-glass2) !important;color:var(--f-text) !important;font-weight:600 !important;box-shadow:none !important}
.accordion-button:not(.collapsed){background:linear-gradient(135deg,rgba(43,127,228,.2),rgba(247,148,30,.1)) !important;color:#fff !important}
.accordion-button::after{filter:brightness(0) saturate(100%) invert(72%) sepia(58%) saturate(1000%) hue-rotate(346deg) brightness(101%) contrast(96%)}
.accordion-body{color:var(--f-muted) !important}

/* Contact info cards */
.contact-info-item,.single-contact,.contact-card{background:var(--f-glass) !important;border:1px solid var(--f-brd) !important;border-radius:16px !important}
.contact-info-item i,.single-contact i{color:var(--f-orange) !important}

/* Generic cards / sections tweak overrides */
.cmn-card,.single-card{background:var(--f-glass) !important;border:1px solid var(--f-brd) !important;border-radius:18px !important}

/* ===== Marketing nav → glass ===== */
body{background:#06090f !important}
.dark-voilet-header,nav.navbar.dark-voilet-header{background:rgba(6,9,15,.6) !important;backdrop-filter:blur(18px);border-bottom:1px solid var(--f-brd) !important;box-shadow:none !important}
.navbar-brand.logo img,.navbar-brand img{max-height:46px;width:auto}
.navbar-nav .nav-link{color:var(--f-muted) !important;font-weight:500}
.navbar-nav .nav-link:hover,.navbar-nav .nav-item.active .nav-link,.navbar-nav .active>.nav-link{color:var(--f-orange) !important}
.language-box{background:var(--f-glass) !important;border:1px solid var(--f-brd) !important;border-radius:10px !important;color:var(--f-text) !important}
.language-box i,.language-box select,.language-box .form-select{color:var(--f-text) !important;background:transparent !important;border:none !important}
.login-btn,.nav-right .login-btn{background:var(--f-grad-orange) !important;color:#141007 !important;border-radius:11px !important;padding:9px 22px !important;font-weight:600 !important;border:none !important}
.nav-right .profile img,.profile-box img{border:2px solid var(--f-blue) !important}

/* ===== Page banner → clean header (remove green decoration) ===== */
.banner-section{background:radial-gradient(700px 300px at 70% 0,rgba(43,127,228,.16),transparent 60%),#06090f !important;padding:150px 0 48px !important;border-bottom:1px solid var(--f-brd)}
.banner-section,.banner-section *{background-image:none !important}
/* hide theme decorative shapes (green dashed lines etc.) */
.footer-shape,.shape,.shape-1,.shape-2,.shape-3,.footer-top-shape,.banner-shape,.dot-shape,[class*="shape-img"]{display:none !important}
.banner-section .bg-img-overlay{display:none !important}
.banner-section .breadcrumb-area{text-align:center}
.banner-section .breadcrumb-area h3{font-family:'Space Grotesk',sans-serif;font-size:44px !important;color:#fff !important;margin-bottom:12px}
.banner-section .breadcrumb{justify-content:center;background:transparent !important;padding:0}
.banner-section .breadcrumb-item,.banner-section .breadcrumb-item a{color:var(--f-muted) !important}
.banner-section .breadcrumb-item a i{color:var(--f-blue-lt) !important}

/* preloader logo */
#preloader .preloader-image{max-height:100px !important;width:auto !important;object-fit:contain;animation:imp-pulse 1.2s ease-in-out infinite}
@keyframes imp-pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}

/* footer */
footer,.footer-section{background:#080b16 !important;border-top:1px solid var(--f-brd)}
.footer-section a{color:var(--f-muted) !important}.footer-section a:hover{color:var(--f-text) !important}

/* ===== CONTACT page → premium glass ===== */
.contact-section{padding:70px 0 90px}
.contact-area,.contact-message-area{background:var(--f-glass) !important;border:1px solid var(--f-brd) !important;border-radius:22px !important;padding:36px 32px !important;backdrop-filter:blur(14px);height:100%}
.contact-area .section-header h3,.contact-message-area .section-title,.contact-header h3{color:#fff !important;font-family:'Space Grotesk',sans-serif;font-size:26px !important}
.contact-area .para_text,.contact-header p{color:var(--f-muted) !important;margin:12px 0 26px !important}
.contact-item-list .item{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.03) !important;border:1px solid var(--f-brd) !important;border-radius:14px !important;padding:16px 18px !important;margin-bottom:14px;transition:.22s}
.contact-item-list .item:hover{border-color:rgba(43,127,228,.5) !important;transform:translateY(-2px)}
.contact-item-list .icon-area{flex:0 0 auto;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--f-grad-orange) !important;color:#141007 !important;font-size:18px}
.contact-item-list .content-area h6{color:var(--f-muted) !important;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px !important}
.contact-item-list .content-area p{color:var(--f-text) !important;font-weight:500}
.contact-area .social-area h5{color:#fff !important;font-size:16px;margin-top:24px}
.contact-area .social-area ul{gap:12px;list-style:none;padding:0}
.contact-area .social-area ul li a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--f-glass2) !important;border:1px solid var(--f-brd) !important;color:var(--f-text) !important;transition:.22s}
.contact-area .social-area ul li a:hover{background:var(--f-grad-blue) !important;border-color:transparent !important;color:#fff !important;transform:translateY(-2px)}
.contact-message-area textarea.form-control{min-height:140px;resize:vertical}
.contact-message-area .btn-area .cmn-btn{width:100%;margin-top:6px}

/* ===== FAQ page → premium ===== */
.faq-section{padding:70px 0 90px}
.faq-section .left-side .section-subtitle{color:var(--f-orange) !important;text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:13px}
.faq-section .left-side .section-title{color:#fff !important;font-family:'Space Grotesk',sans-serif;font-size:36px !important;line-height:1.2;margin-top:10px}
.faq-section .left-side .cmn-para-text{color:var(--f-muted) !important;margin-top:18px !important}
.faq-section .left-side .btn-area .cmn-btn{display:inline-block;margin-top:26px}
.faq-section .accordion-body p{color:var(--f-muted) !important;margin:0;padding:4px 4px 8px}
.faq-section .accordion-body .table-responsive{overflow:visible}