/* ==========================================================================
   PRODAAPS GLOBAL DESIGN SYSTEM (SOURCE OF TRUTH: index.html)
   Enterprise Institutional Identity for PRODAAAPS VENTURE PRIVATE LIMITED
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
   --brand-navy-dark: #060a17;
   --brand-navy: #0b1329;
   --brand-navy-card: #0f1a36;
   --brand-blue: #0066c0;
   --brand-blue-accent: #2563eb;
   --brand-blue-hover: #00529b;
   --brand-teal: #00a887;
   --brand-teal-light: #e6f7f3;
   --brand-purple: #7e22ce;
   --brand-purple-light: #faf5ff;
   --text-dark: #0f172a;
   --text-body: #334155;
   --text-muted: #64748b;
   --bg-canvas: #ffffff;
   --bg-subtle: #f8fafc;
   --border-subtle: #e2e8f0;
}


body {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
   color: var(--text-body);
   background-color: var(--bg-canvas);
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
}

.footer-executive {
   overflow-x: hidden !important;
   width: 100% !important;
   max-width: 100% !important;
}

.footer-disclaimer-ticker {
   overflow: hidden !important;
   contain: paint !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
   .footer-top .container-fluid {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
   }
   .footer-email-single-row {
      font-size: 10.5px !important;
      letter-spacing: -0.2px;
   }
}

/* ==========================================================================
   1. GLOBAL HEADER NAVIGATION
   ========================================================================== */
.main-header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1030;
   height: auto !important;
   transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.nav-link-custom {
   font-family: 'Inter', sans-serif !important;
   font-size: 14.5px !important;
   font-weight: 600 !important;
   padding: 10px 14px !important;
   border-radius: 6px;
   text-decoration: none !important;
   position: relative;
   display: inline-flex;
   align-items: center;
   transition: color 0.2s ease;
}
.nav-link-custom.active::after {
   content: '';
   position: absolute;
   bottom: 0px;
   left: 14px;
   right: 14px;
   height: 2.5px;
   border-radius: 2px;
}

/* STATE 1: Top of Page over Dark Hero */
.has-dark-hero-page .main-header:not(.sticky),
.has-dark-hero .main-header:not(.sticky),
.main-header:not(.sticky):not(.header-solid-white) {
   background: transparent !important;
   backdrop-filter: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
   box-shadow: none !important;
}
.has-dark-hero-page .main-header:not(.sticky) .mega-darks-logo,
.main-header:not(.sticky):not(.header-solid-white) .mega-darks-logo {
   display: none !important;
}
.has-dark-hero-page .main-header:not(.sticky) .mega-white-logo,
.main-header:not(.sticky):not(.header-solid-white) .mega-white-logo {
   display: block !important;
}
.has-dark-hero-page .main-header:not(.sticky) .nav-link-custom,
.main-header:not(.sticky):not(.header-solid-white) .nav-link-custom {
   color: #ffffff !important;
}
.has-dark-hero-page .main-header:not(.sticky) .nav-link-custom:hover,
.has-dark-hero-page .main-header:not(.sticky) .nav-link-custom.active,
.main-header:not(.sticky):not(.header-solid-white) .nav-link-custom:hover,
.main-header:not(.sticky):not(.header-solid-white) .nav-link-custom.active {
   color: #38bdf8 !important;
}
.has-dark-hero-page .main-header:not(.sticky) .nav-link-custom.active::after,
.main-header:not(.sticky):not(.header-solid-white) .nav-link-custom.active::after {
   background: #38bdf8 !important;
}
.has-dark-hero-page .main-header:not(.sticky) .header-search-btn,
.main-header:not(.sticky):not(.header-solid-white) .header-search-btn {
   color: #ffffff !important;
}
.has-dark-hero-page .main-header:not(.sticky) .header-search-btn:hover,
.main-header:not(.sticky):not(.header-solid-white) .header-search-btn:hover {
   color: #38bdf8 !important;
   background: rgba(255, 255, 255, 0.12) !important;
}
.has-dark-hero-page .main-header:not(.sticky) .btn-executive-header,
.main-header:not(.sticky):not(.header-solid-white) .btn-executive-header {
   background: #0066c0 !important;
   border-color: rgba(255, 255, 255, 0.2) !important;
   color: #ffffff !important;
}
.has-dark-hero-page .main-header:not(.sticky) .btn-executive-header:hover,
.main-header:not(.sticky):not(.header-solid-white) .btn-executive-header:hover {
   background: #00529b !important;
   border-color: #38bdf8 !important;
   box-shadow: 0 4px 14px rgba(56, 189, 248, 0.35) !important;
}
.has-dark-hero-page .main-header:not(.sticky) .header-trust-badge,
.main-header:not(.sticky):not(.header-solid-white) .header-trust-badge {
   border-color: rgba(255, 255, 255, 0.2) !important;
}
.has-dark-hero-page .main-header:not(.sticky) .trust-text-muted,
.main-header:not(.sticky):not(.header-solid-white) .trust-text-muted {
   color: #e2e8f0 !important;
}
.has-dark-hero-page .main-header:not(.sticky) .trust-text-accent,
.main-header:not(.sticky):not(.header-solid-white) .trust-text-accent {
   color: #38bdf8 !important;
}
.has-dark-hero-page .main-header:not(.sticky) .btn-mobile-nav,
.main-header:not(.sticky):not(.header-solid-white) .btn-mobile-nav {
   background: rgba(255, 255, 255, 0.12) !important;
   border-color: rgba(255, 255, 255, 0.2) !important;
   color: #ffffff !important;
}

/* STATE 2: Scrolled Down (Solid White) OR Light Hero Pages (Always Solid White) */
.main-header.sticky,
.header-solid-white.main-header,
body:not(.has-dark-hero-page) .main-header {
   background: rgba(255, 255, 255, 0.98) !important;
   backdrop-filter: blur(12px) !important;
   border-bottom: 1px solid #e2e8f0 !important;
   box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08) !important;
}
.main-header.sticky .mega-darks-logo,
.header-solid-white.main-header .mega-darks-logo,
body:not(.has-dark-hero-page) .main-header .mega-darks-logo {
   display: block !important;
}
.main-header.sticky .mega-white-logo,
.header-solid-white.main-header .mega-white-logo,
body:not(.has-dark-hero-page) .main-header .mega-white-logo {
   display: none !important;
}
.main-header.sticky .nav-link-custom,
.header-solid-white.main-header .nav-link-custom,
body:not(.has-dark-hero-page) .main-header .nav-link-custom {
   color: #334155 !important;
}
.main-header.sticky .nav-link-custom:hover,
.main-header.sticky .nav-link-custom.active,
.header-solid-white.main-header .nav-link-custom:hover,
.header-solid-white.main-header .nav-link-custom.active,
body:not(.has-dark-hero-page) .main-header .nav-link-custom:hover,
body:not(.has-dark-hero-page) .main-header .nav-link-custom.active {
   color: #0066c0 !important;
}
.main-header.sticky .nav-link-custom.active::after,
.header-solid-white.main-header .nav-link-custom.active::after,
body:not(.has-dark-hero-page) .main-header .nav-link-custom.active::after {
   background: #0066c0 !important;
}
.main-header.sticky .header-search-btn,
.header-solid-white.main-header .header-search-btn,
body:not(.has-dark-hero-page) .main-header .header-search-btn {
   color: #475569 !important;
}
.main-header.sticky .header-search-btn:hover,
.header-solid-white.main-header .header-search-btn:hover,
body:not(.has-dark-hero-page) .main-header .header-search-btn:hover {
   color: #0066c0 !important;
   background: #f1f5f9 !important;
}
.main-header.sticky .btn-executive-header,
.header-solid-white.main-header .btn-executive-header,
body:not(.has-dark-hero-page) .main-header .btn-executive-header {
   background: #0f172a !important;
   border-color: #1e293b !important;
   color: #ffffff !important;
}
.main-header.sticky .btn-executive-header:hover,
.header-solid-white.main-header .btn-executive-header:hover,
body:not(.has-dark-hero-page) .main-header .btn-executive-header:hover {
   background: #0066c0 !important;
   border-color: #0066c0 !important;
   box-shadow: 0 4px 14px rgba(0, 102, 192, 0.25) !important;
}
.main-header.sticky .header-trust-badge,
.header-solid-white.main-header .header-trust-badge,
body:not(.has-dark-hero-page) .main-header .header-trust-badge {
   border-color: #e2e8f0 !important;
}
.main-header.sticky .trust-text-muted,
.header-solid-white.main-header .trust-text-muted,
body:not(.has-dark-hero-page) .main-header .trust-text-muted {
   color: #475569 !important;
}
.main-header.sticky .trust-text-accent,
.header-solid-white.main-header .trust-text-accent,
body:not(.has-dark-hero-page) .main-header .trust-text-accent {
   color: #0066c0 !important;
}
.main-header.sticky .btn-mobile-nav,
.header-solid-white.main-header .btn-mobile-nav,
body:not(.has-dark-hero-page) .main-header .btn-mobile-nav {
   background: #f1f5f9 !important;
   border-color: #e2e8f0 !important;
   color: #1e293b !important;
}

/* Dropdown Menus (Always Solid White Card) */
.nav-dropdown-wrap:hover .nav-dropdown-menu {
   display: block !important;
   opacity: 1 !important;
   visibility: visible !important;
   transform: translateY(0) !important;
}
.nav-dropdown-menu {
   display: none;
   opacity: 0;
   visibility: hidden;
   transform: translateY(8px);
   position: absolute;
   top: 100%;
   left: 0;
   background: #ffffff !important;
   border: 1px solid #e2e8f0 !important;
   border-radius: 10px !important;
   box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
   padding: 12px !important;
   min-width: 350px !important;
   z-index: 1050;
   transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.dropdown-header-label {
   font-size: 11px !important;
   font-weight: 800 !important;
   text-transform: uppercase !important;
   letter-spacing: 0.8px !important;
   color: #94a3b8 !important;
   padding: 4px 10px 8px 10px !important;
   border-bottom: 1px solid #f1f5f9 !important;
   margin-bottom: 6px !important;
}
.dropdown-product-item {
   display: flex !important;
   align-items: center !important;
   gap: 12px !important;
   padding: 10px 12px !important;
   border-radius: 8px !important;
   text-decoration: none !important;
   color: #1e293b !important;
   transition: background 0.15s !important;
}
.dropdown-product-item:hover {
   background: #f8fafc !important;
}
.drop-icon {
   width: 36px;
   height: 36px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   flex-shrink: 0;
}
.drop-icon.blue { background: rgba(0, 102, 192, 0.1) !important; color: #0066c0 !important; }
.drop-icon.teal { background: rgba(0, 168, 135, 0.1) !important; color: #00a887 !important; }
.drop-icon.purple { background: rgba(147, 51, 234, 0.1) !important; color: #9333ea !important; }
.drop-title {
   font-size: 13.5px !important;
   font-weight: 700 !important;
   color: #0f172a !important;
}
.drop-desc {
   font-size: 11.5px !important;
   color: #64748b !important;
   line-height: 1.35 !important;
}

/* Header Buttons */
.header-search-btn {
   font-size: 15px;
   width: 36px;
   height: 36px;
   border-radius: 8px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-decoration: none !important;
   transition: all 0.2s ease;
   border: none;
   background: transparent;
   cursor: pointer;
}
.btn-executive-header {
   font-family: 'Inter', sans-serif !important;
   font-size: 13.5px !important;
   font-weight: 700 !important;
   padding: 9px 18px !important;
   border-radius: 6px !important;
   text-decoration: none !important;
   display: inline-flex !important;
   align-items: center !important;
   gap: 8px !important;
   transition: all 0.2s ease !important;
   border: 1px solid !important;
   box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12) !important;
}
.btn-executive-header:hover {
   transform: translateY(-1px);
}
.btn-mobile-nav {
   border: 1px solid !important;
   width: 38px !important;
   height: 38px !important;
   border-radius: 6px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   cursor: pointer;
}

/* Quick Search Results */
.search-result-item {
   display: flex !important;
   align-items: center !important;
   gap: 14px !important;
   padding: 10px 14px !important;
   border-radius: 8px !important;
   border: 1px solid #f1f5f9 !important;
   text-decoration: none !important;
   transition: all 0.15s ease !important;
}
.search-result-item:hover {
   background: #f8fafc !important;
   border-color: #cbd5e1 !important;
   transform: translateX(2px) !important;
}

/* ==========================================================================
   2. GLOBAL FOOTER (5-COLUMN INSTITUTIONAL SYSTEM)
   ========================================================================== */
.footer-executive {
   font-family: 'Inter', sans-serif !important;
   background: #0f172a !important;
   color: #cbd5e1 !important;
   border-top: 1px solid #1e293b !important;
}
.footer-policy-link {
   color: #94a3b8 !important;
   text-decoration: none !important;
   transition: color 0.15s ease;
}
.footer-policy-link:hover {
   color: #38bdf8 !important;
   text-decoration: underline !important;
}

/* ==========================================================================
   3. POLICY & LEGAL PAGE GLOBAL COMPONENTS
   ========================================================================== */
.policy-hero {
   padding: 140px 0 80px 0;
   background: radial-gradient(circle at 80% 20%, rgba(0, 102, 192, 0.16) 0%, transparent 50%),
               radial-gradient(circle at 20% 70%, rgba(0, 168, 135, 0.12) 0%, transparent 45%),
               linear-gradient(180deg, #060a17 0%, #0b1329 100%);
   color: #ffffff;
   position: relative;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.policy-breadcrumb {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
   font-weight: 500;
   color: #94a3b8;
   margin-bottom: 20px;
   background: rgba(255, 255, 255, 0.05);
   padding: 6px 14px;
   border-radius: 6px;
   border: 1px solid rgba(255, 255, 255, 0.1);
}
.policy-breadcrumb a {
   color: #cbd5e1;
   text-decoration: none;
   transition: color 0.15s;
}
.policy-breadcrumb a:hover {
   color: #38bdf8;
}
.policy-breadcrumb .sep {
   color: #64748b;
   font-size: 11px;
}
.policy-breadcrumb .active {
   color: #38bdf8;
   font-weight: 600;
}
.policy-pill {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: rgba(0, 102, 192, 0.2);
   border: 1px solid rgba(56, 189, 248, 0.35);
   color: #38bdf8;
   font-size: 11.5px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   padding: 6px 14px;
   border-radius: 30px;
   margin-bottom: 20px;
}
.policy-pill i {
   color: #38bdf8 !important;
}
.policy-h1 {
   font-size: 42px;
   font-weight: 800;
   line-height: 1.22;
   letter-spacing: -0.8px;
   margin-bottom: 18px;
   color: #ffffff;
}
.policy-meta {
   font-size: 15.5px;
   line-height: 1.65;
   color: #cbd5e1;
   max-width: 820px;
   margin: 0;
}
.policy-meta strong {
   color: #ffffff;
}

/* Policy Navigation Pills */
.policy-nav-pills {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 28px;
}
.policy-nav-pill {
   font-size: 13px;
   font-weight: 600;
   color: #475569;
   background: #ffffff;
   border: 1px solid #e2e8f0;
   padding: 8px 16px;
   border-radius: 8px;
   text-decoration: none !important;
   transition: all 0.15s ease;
   display: inline-flex;
   align-items: center;
   gap: 6px;
}
.policy-nav-pill:hover {
   background: #f1f5f9;
   color: #0066c0;
   border-color: #cbd5e1;
}
.policy-nav-pill.active {
   background: #0066c0;
   color: #ffffff !important;
   border-color: #0066c0;
   box-shadow: 0 2px 8px rgba(0, 102, 192, 0.25);
}

.policy-body-card {
   background: #ffffff;
   border: 1px solid #e2e8f0;
   border-radius: 12px;
   padding: 40px;
   box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
   margin-bottom: 60px;
   font-size: 15px;
   line-height: 1.8;
   color: #334155;
}
.policy-body-card h2, .policy-body-card h3, .policy-body-card h4 {
   font-weight: 800;
   color: #0f172a;
   margin-top: 32px;
   margin-bottom: 14px;
}
.policy-body-card h2 { font-size: 22px; border-bottom: 1px solid #f1f5f9; padding-bottom: 8px; }
.policy-body-card h3 { font-size: 18px; }
.policy-body-card h4 { font-size: 15.5px; }
.policy-body-card p { margin-bottom: 16px; }
.policy-body-card ul { padding-left: 20px; margin-bottom: 18px; }
.policy-body-card li { margin-bottom: 8px; }
.policy-body-card code {
   background: #f1f5f9;
   color: #0066c0;
   border: 1px solid #e2e8f0;
   padding: 2px 6px;
   border-radius: 4px;
   font-size: 13.5px;
}

@media (max-width: 575px) {
   .policy-h1 { font-size: 30px; }
   .policy-body-card { padding: 24px; }
   .policy-nav-pill { font-size: 12px; padding: 6px 12px; }
}

/* ==========================================================================
   4. STRICT PURGE OF LEGACY THEME COMPONENTS
   ========================================================================== */
/* Hide old newsletter and old footer rows */
.footer-row1, .email-subs, .email-subs-form,
.footer-row2, .footer-row3,
.hc-nav-trigger, .nav-toggle,
.old-header, .niwax-nav {
   display: none !important;
}

/* Neutralize legacy buttons so pink/purple gradients can NEVER appear */
.bg-btn, .bg-btn2, .bg-btn3, .bg-btn5, .bg-btn6, .bg-btn7, .btn-main.bg-btn {
   background: #0066c0 !important;
   background-image: none !important;
   color: #ffffff !important;
   box-shadow: 0 4px 12px rgba(0, 102, 192, 0.25) !important;
   border: none !important;
}
.bg-btn:hover, .bg-btn2:hover, .bg-btn3:hover {
   background: #00529b !important;
}

/* ==========================================================================
   5. FOOTER TICKER & GLOBAL FOOTER POLISH
   ========================================================================== */
.footer-disclaimer-ticker {
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
}
.footer-disclaimer-ticker:hover .footer-ticker-track {
   animation-play-state: paused;
}
@keyframes prodaapsTicker {
   0% {
      transform: translateX(100vw);
   }
   100% {
      transform: translateX(-100%);
   }
}
.footer-email-single-row {
   white-space: nowrap !important;
   font-size: 11.5px !important;
   display: flex !important;
   align-items: center !important;
}