/* Apply Rajdhani to all headings while keeping body text on DM Sans.
   !important is required to override Elementor's per-widget typography. */

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6,
.heading-title,
.section-title,
.page-title,
.entry-title {
    font-family: "Rajdhani", "Manrope", sans-serif !important;
    letter-spacing: 0.01em;
}

/* Main header: right-align the logo within its column to close the gap
   between the logo and the nav menu. Scoped by widget ID so only the
   main header logo is affected, not other image widgets. */
@media (min-width: 992px) {
    .elementor-element-fe60729 > .elementor-widget-container {
        text-align: right;
    }
}

/* Home page service cards (ERP Solutions, Cloud Services, CRM Services,
   Automation & AI, Cyber Services, Resource Adapt & Support). The titles
   render as <h_X class="title service-title"> inside the cpt-services
   widget. Scoped to that widget so other service titles aren't affected. */
.elementor-element-7f2cecb .title.service-title,
.elementor-element-7f2cecb .title.service-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Home page counter widgets (15+ Years of Excellence, 3000+ Customers,
   1500+ Cloud Users, 90+ Industry Verticals, 450+ Our Projects).
   Scoped to body.home so counters on other pages aren't affected. */
body.home .elementor-widget-tm-ele-counter .counter,
body.home .elementor-widget-tm-ele-counter .counter-postfix,
body.home .elementor-widget-tm-ele-counter .animate-number {
    font-size: 44px !important;
}
body.home .elementor-widget-tm-ele-counter .title-wrapper .title {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Footer "Explore" menu - the text is hard to read against the dark
   footer background. Make links white. Matches Elementor's selector
   specificity (.elementor-XXXX .elementor-element.elementor-element-YYYY) */
body .elementor-28399 .elementor-element.elementor-element-069fb0c .tm-sc-simple-nav-menu ul li,
body .elementor-28399 .elementor-element.elementor-element-069fb0c .tm-sc-simple-nav-menu ul li a,
body .elementor-28399 .elementor-element.elementor-element-069fb0c .tm-sc-simple-nav-menu ul li a span {
    color: #ffffff !important;
}
body .elementor-28399 .elementor-element.elementor-element-069fb0c .tm-sc-simple-nav-menu ul li a:hover,
body .elementor-28399 .elementor-element.elementor-element-069fb0c .tm-sc-simple-nav-menu ul li a:hover span {
    color: #d6a0ff !important;
}

/* Increase primary nav menu item font size in the main header */
@media (min-width: 992px) {
    .elementor-widget-tm-ele-header-primary-nav .menuzord .menuzord-menu > li > a {
        font-size: 17px !important;
    }

    /* Sticky header has less horizontal room.
       Use the original 15px and tighter padding so all 5 items fit. */
    #elementor-header-top-sticky .elementor-widget-tm-ele-header-primary-nav .menuzord .menuzord-menu > li > a {
        font-size: 16px !important;
        padding-left: 12px;
        padding-right: 12px;
    }
    #elementor-header-top-sticky .elementor-widget-tm-ele-header-primary-nav .menuzord .menuzord-menu {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
}
