/* ============================================================
   MAIN STYLESHEET - style.css
   PROJECT: Federal Pro Website
   TOTAL LINES: ~9484 (Partitioned into 37 files)
   ============================================================ */

/* ============================================================
   TABLE OF CONTENTS
   1. Base (Reset, Variables, Typography, Global, Grid)
   2. Layouts (Header, Footer, Sidebar)
   3. Components (Buttons, Cards, Forms, Sliders, Modals, etc.)
   4. Sections (Hero, Services, WhyUs, Sliders, CTA, etc.)
   5. Pages (Home, About, Services, Blog, Contact, WhoWeAre)
   6. Responsive (Mobile, Tablet, Desktop)
   ============================================================ */

/* ---------- BASE ---------- */
@import 'base/01-reset.css';
@import 'base/02-variables.css';
@import 'base/03-typography.css';
@import 'base/04-global.css';
@import 'base/05-grid.css';

/* ---------- LAYOUTS ---------- */
@import 'layouts/01-header.css';
@import 'layouts/02-footer.css';
@import 'layouts/03-sidebar.css';

/* ---------- COMPONENTS ---------- */
@import 'components/01-buttons.css';
@import 'components/02-cards.css';
@import 'components/03-forms.css';
@import 'components/04-sliders.css';
@import 'components/05-modals.css';
@import 'components/06-tabs.css';
@import 'components/07-accordion.css';
@import 'components/08-breadcrumb.css';
@import 'components/09-pagination.css';
@import 'components/10-alerts.css';
@import 'components/11-tooltips.css';
@import 'components/12-badges.css';

/* ---------- SECTIONS ---------- */
@import 'sections/01-home-hero.css';
@import 'sections/02-home-services.css';
@import 'sections/03-home-whyus.css';
@import 'sections/04-home-sliders.css';
@import 'sections/05-home-cta.css';
@import 'sections/06-about-hero.css';
@import 'sections/07-services-hero.css';
@import 'sections/08-contact-hero.css';

/* ---------- PAGES ---------- */
@import 'pages/01-home.css';
@import 'pages/02-about.css';
@import 'pages/03-services.css';
@import 'pages/04-blog.css';
@import 'pages/05-contact.css';
@import 'pages/06-whoweare.css';
@import 'pages/07-mission.css';

/* ---------- RESPONSIVE ---------- */
@import 'responsive/01-mobile.css';
@import 'responsive/02-tablet.css';
@import 'responsive/03-desktop.css';

/* ============================================================
   FIX: DROPDOWN TEXT VISIBLE ON ALL PAGES
   ============================================================ */

/* Dropdown background — white rakhna hai */
.home-header-dropdown-menu {
   background: rgba(255, 255, 255, 0.98) !important;
}

/* Dropdown title — dark karo (visible) */
.home-header-dropdown-item .home-header-dropdown-title {
   color: #1a1a2e !important;
   font-weight: 600;
}

/* Dropdown subtitle — thora light dark */
.home-header-dropdown-item .home-header-dropdown-subtitle {
   color: rgba(26, 26, 46, 0.6) !important;
}

/* Dropdown number — gold rakhna hai */
.home-header-dropdown-item .home-header-dropdown-number {
   color: rgba(201, 168, 76, 0.5) !important;
}

/* Hover par bhi dark hi rahe */
.home-header-dropdown-item:hover .home-header-dropdown-title {
   color: #b87c1e !important;
}
.home-header-dropdown-item:hover .home-header-dropdown-subtitle {
   color: rgba(184, 124, 30, 0.6) !important;
}