/*
 Theme Name:   Aazurix Child
 Theme URI:    https://aazurixlab.com
 Description:  Divi 5 Child Theme for Aazurix — built from Figma design
 Author:       Aazurix Lab
 Author URI:   https://aazurixlab.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  aazurix-child
*/

/* =============================================================================
   1. DESIGN TOKENS (from Figma)
   ============================================================================= */
:root {
  /* ── Colors ── */
  --color-primary:       #1163FB;
  --color-black:         #000000;
  --color-white:         #FFFFFF;
  --color-bg-light:      #F1F5F9;
  --color-bg-white:      #FFFFFF;
  --color-text-dark:     #000000;
  --color-text-body:     #4C4C4C;
  --color-border:        #F0F0F0;

  /* ── Typography ── */
  --font-primary:        'Poppins', sans-serif;
  --fw-regular:          400;
  --fw-medium:           500;
  --fw-semibold:         600;
  --fw-bold:             700;

  /* ── Font Sizes ── */
  --fs-hero:             64px;
  --fs-section-h2:       54px;
  --fs-section-heading:  24px;
  --fs-stats-number:     36px;
  --fs-body-lg:          24px;
  --fs-body:             18px;
  --fs-body-sm:          16px;

  /* ── Line Heights ── */
  --lh-hero:             1.2;
  --lh-body:             1.5;
  --lh-body-lg:          1.6;

  /* ── Border Radius ── */
  --radius-sm:           10px;
  --radius-md:           20px;
  --radius-lg:           24px;
  --radius-pill:         36px;

  /* ── Spacing ── */
  --space-section-v:     80px;
  --space-card-pad:      30px;

  /* ── Shadows ── */
  --shadow-btn:          0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --shadow-card:         0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

/* =============================================================================
   2. GLOBAL BASE
   ============================================================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary) !important;
  font-size: var(--fs-body-sm);
  color: var(--color-text-body);
  background-color: var(--color-white);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.et_pb_slide_title,
.et_pb_module_header {
  font-family: var(--font-primary) !important;
  color: var(--color-text-dark);
  letter-spacing: 0 !important;
}

p, li, span, a, label {
  font-family: var(--font-primary) !important;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.25s ease;
}

a:hover { color: var(--color-primary); }

img { max-width: 100%; height: auto; display: block; }

/* =============================================================================
   3. DIVI 5 LAYOUT RESETS
   ============================================================================= */

/* Remove Divi default section padding overrides where needed */
.et_pb_section {
  padding-top: var(--space-section-v);
  padding-bottom: var(--space-section-v);
}

.et_pb_row {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

/* =============================================================================
   4. BUTTONS
   ============================================================================= */
.et_pb_button,
.et_pb_more_button,
a.et_pb_button,
button.et_pb_button {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-body-sm) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: var(--radius-pill) !important;
  padding: 5px 20px !important;
  box-shadow: var(--shadow-btn) !important;
  letter-spacing: 0 !important;
  transition: all 0.25s ease !important;
  text-transform: capitalize !important;
}

.et_pb_button:hover,
a.et_pb_button:hover {
  background-color: #0b52d4 !important;
  border-color: #0b52d4 !important;
  color: var(--color-white) !important;
  transform: translateY(-1px);
  box-shadow: 0px 4px 12px rgba(17, 99, 251, 0.3) !important;
}

.et_pb_button.white_bg_btn,
.et_pb_more_button.white_bg_btn,
a.et_pb_button.white_bg_btn
{
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-body-sm) !important;
  background-color: var(--color-bg-white) !important;
  color: var(--color-black) !important;
  border: 1px solid var(--color-bg-white) !important;
  border-radius: var(--radius-pill) !important;
  padding: 5px 20px !important;
  box-shadow: var(--shadow-btn) !important;
  letter-spacing: 0 !important;
  transition: all 0.25s ease !important;
  text-transform: capitalize !important;
}

.et_pb_button.white_bg_btn:hover,
a.et_pb_button.white_bg_btn:hover {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
  color: var(--color-black) !important;
  transform: translateY(-1px);
  box-shadow: 0px 4px 12px rgba(17, 99, 251, 0.3) !important;
}

/* Ghost / light button (used in Case Study tags & "Read More") */
.et_pb_button.btn-ghost,
a.btn-ghost {
  background-color: var(--color-bg-light) !important;
  color: var(--color-text-dark) !important;
  border: none !important;
  border-radius: var(--radius-pill) !important;
  font-size: var(--fs-body-sm) !important;
  font-weight: var(--fw-medium) !important;
  box-shadow: none !important;
}

.et_pb_button.btn-ghost:hover,
a.btn-ghost:hover {
  background-color: #e2e8f0 !important;
  transform: none;
  box-shadow: none !important;
}

/* =============================================================================
   5. NAVIGATION / HEADER
   ============================================================================= */
#main-header,
#top-header,
.et_pb_section.et_pb_section_first {
  font-family: var(--font-primary) !important;
}

#et-top-navigation nav > ul > li > a,
#et_mobile_nav_menu a {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-body-sm) !important;
  color: var(--color-text-dark) !important;
}

#et-top-navigation nav > ul > li > a:hover {
  color: var(--color-primary) !important;
}

#main-header .et_pb_button {
  /* CTA button in nav */
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

/* =============================================================================
   6. HERO SECTION
   ============================================================================= */
.section-hero,
.et_pb_section.section-hero {
  background-color: var(--color-black) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.section-hero .et_pb_text h1,
.section-hero h1 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-hero) !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-white) !important;
  letter-spacing: 0 !important;
}

.section-hero p,
.section-hero .et_pb_text p {
  font-size: var(--fs-body) !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: var(--lh-body) !important;
}

/* "Trusted by Global Brands" label */
.section-hero .trusted-label {
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

/* =============================================================================
   7. LOGO / BRAND BAR SECTION
   ============================================================================= */
.section-logos,
.et_pb_section.section-logos {
  background-color: var(--color-bg-light) !important;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.section-logos img {
  filter: grayscale(100%) opacity(0.6);
  transition: filter 0.3s ease;
  height: 36px;
  width: auto;
  object-fit: contain;
}

.section-logos img:hover {
  filter: grayscale(0%) opacity(1);
}

/* =============================================================================
   8. ABOUT US SECTION
   ============================================================================= */
.section-about,
.et_pb_section.section-about {
  background-color: var(--color-bg-white) !important;
}

.section-about h2,
.section-about .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-section-h2) !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-text-dark) !important;
}

/* "AI-driven solutions" highlight */
.section-about .text-primary,
.text-primary {
  color: var(--color-primary) !important;
}

.section-about p {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body) !important;
  color: var(--color-text-body) !important;
}

/* Bullet list items in About */
.section-about .et_pb_text ul li {
  font-size: var(--fs-body) !important;
  color: var(--color-text-body) !important;
  line-height: var(--lh-body) !important;
  padding-left: 8px;
}

/* =============================================================================
   9. OUR SERVICES SECTION
   ============================================================================= */
.section-services,
.et_pb_section.section-services {
  background-color: var(--color-bg-light) !important;
}

.section-services h2,
.section-services .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-semibold) !important;
  font-size: 40px !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-text-dark) !important;
}

/* "Engineered for Impact" - primary colour line */
.section-services h2 em,
.section-services .headline-primary {
  font-style: normal;
  color: var(--color-primary) !important;
}

/* Service Card */
.service-card,
.section-services .et_pb_blurb,
.section-services .et_pb_column > .et_pb_module {
  background: var(--color-white) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-card-pad) !important;
  box-shadow: var(--shadow-card) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  min-height: 305px;
  border: none !important;
}

.service-card:hover,
.section-services .et_pb_blurb:hover {
  box-shadow: 0 8px 32px rgba(17, 99, 251, 0.12) !important;
  transform: translateY(-4px);
}

.section-services .et_pb_blurb_title,
.service-card h3 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-semibold) !important;
  font-size: var(--fs-section-heading) !important;
  color: var(--color-text-dark) !important;
  line-height: 28px !important;
}

.section-services .et_pb_blurb_content p,
.service-card p {
  font-size: var(--fs-body) !important;
  color: var(--color-text-body) !important;
  line-height: var(--lh-body) !important;
}

/* "Read More" link in service cards */
.section-services .et_pb_more_button,
.service-card .read-more {
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-body-sm) !important;
  color: var(--color-text-dark) !important;
  text-transform: capitalize !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.section-services .et_pb_more_button:hover,
.service-card .read-more:hover {
  color: var(--color-primary) !important;
  transform: none;
}

/* =============================================================================
   10. BLUE BANNER CTA
   ============================================================================= */
.section-blue-banner,
.et_pb_section.section-blue-banner {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  background-color: transparent !important;
}

.blue-banner-inner,
.section-blue-banner .et_pb_row {
  background-color: var(--color-primary) !important;
  border-radius: var(--radius-lg) !important;
  padding: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1480px !important;
  min-height: 104px;
}

.section-blue-banner p,
.section-blue-banner .et_pb_text p {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-regular) !important;
  font-size: var(--fs-body-lg) !important;
  line-height: var(--lh-body-lg) !important;
  color: var(--color-white) !important;
  margin: 0 !important;
}

/* White outlined button variant inside blue banner */
.section-blue-banner .et_pb_button {
  background-color: var(--color-white) !important;
  color: var(--color-primary) !important;
  border-color: var(--color-white) !important;
  white-space: nowrap;
}

.section-blue-banner .et_pb_button:hover {
  background-color: var(--color-bg-light) !important;
  color: var(--color-primary) !important;
  border-color: var(--color-bg-light) !important;
}

/* =============================================================================
   11. CASE STUDY SECTION
   ============================================================================= */
.section-case-study,
.et_pb_section.section-case-study {
  background-color: var(--color-bg-white) !important;
}

.section-case-study .eyebrow,
.section-case-study .et_pb_text .section-label {
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: var(--color-text-body);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.section-case-study h2,
.section-case-study .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-section-h2) !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-text-dark) !important;
}

/* "Our Success Stories" in blue */
.section-case-study h2 span,
.section-case-study .headline-primary {
  color: var(--color-primary) !important;
}

.section-case-study p {
  font-size: var(--fs-body) !important;
  color: var(--color-text-body) !important;
  line-height: var(--lh-body) !important;
}

/* Case Study Card */
.case-study-card,
.section-case-study .et_pb_column {
  border-radius: var(--radius-md) !important;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.case-study-card:hover {
  box-shadow: var(--shadow-card) !important;
}

/* Tag pill on case study cards (matches .btn-ghost) */
.case-tag {
  display: inline-block;
  background: var(--color-bg-light);
  border-radius: var(--radius-pill);
  padding: 10px 20px;
  font-size: 12px;
  font-weight: var(--fw-medium);
  color: var(--color-text-dark);
  line-height: 1;
}

/* =============================================================================
   12. KEY POINTS / STATS SECTION
   ============================================================================= */
.section-stats,
.et_pb_section.section-stats {
  background-color: var(--color-bg-white) !important;
}

.section-stats h2,
.section-stats .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-section-h2) !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-text-dark) !important;
}

.section-stats p {
  font-size: var(--fs-body) !important;
  color: var(--color-text-body) !important;
  line-height: var(--lh-body) !important;
}

/* Stat Card */
.stat-card,
.section-stats .et_pb_blurb,
.section-stats .et_pb_number_counter {
  background: var(--color-bg-light) !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-card-pad) !important;
  min-height: 163px;
  border: none !important;
  box-shadow: none !important;
}

.stat-card .stat-number,
.section-stats .et_pb_counter_amount,
.section-stats .et_pb_blurb_title {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-stats-number) !important;
  line-height: 1 !important;
  color: var(--color-text-dark) !important;
}

.stat-card p,
.section-stats .et_pb_blurb_content p {
  font-size: var(--fs-body-sm) !important;
  color: var(--color-text-dark) !important;
  line-height: var(--lh-body) !important;
}

/* =============================================================================
   15. NEWS & INSIGHTS SECTION
   ============================================================================= */
.section-news,
.et_pb_section.section-news {
  background-color: var(--color-bg-white) !important;
}

.section-news h2,
.section-news .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-section-h2) !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-text-dark) !important;
}

/* Blog / Post cards */
.section-news .et_pb_post,
.section-news .et_pb_blog_grid article {
  border-radius: var(--radius-md) !important;
  overflow: hidden;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
  transition: box-shadow 0.3s ease;
}

.section-news .et_pb_post:hover {
  box-shadow: var(--shadow-card) !important;
}

.section-news .post-title a,
.section-news .entry-title a {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-semibold) !important;
  font-size: var(--fs-section-heading) !important;
  color: var(--color-text-dark) !important;
}

.section-news .post-title a:hover { color: var(--color-primary) !important; }

/* =============================================================================
   16. FAQ SECTION
   ============================================================================= */
.section-faq,
.et_pb_section.section-faq {
  background-color: var(--color-bg-white) !important;
}

.section-faq h2,
.section-faq .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-section-h2) !important;
  line-height: var(--lh-hero) !important;
  color: var(--color-text-dark) !important;
}

/* FAQ Toggle */
.section-faq .et_pb_toggle_title {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-medium) !important;
  font-size: var(--fs-body) !important;
  color: var(--color-text-dark) !important;
}

.section-faq .et_pb_toggle_content p {
  font-size: var(--fs-body-sm) !important;
  color: var(--color-text-body) !important;
  line-height: var(--lh-body) !important;
}

.section-faq .et_pb_toggle {
  border-bottom: 1px solid var(--color-border) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
}

/* =============================================================================
   17. FOOTER CTA BANNER
   ============================================================================= */
.section-footer-cta,
.et_pb_section.section-footer-cta {
  background-color: var(--color-primary) !important;
  border-radius: var(--radius-lg) !important;
  margin: 0 40px !important;
  padding: 60px 40px !important;
}

.section-footer-cta h2,
.section-footer-cta .et_pb_text h2 {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-semibold) !important;
  font-size: 40px !important;
  color: var(--color-white) !important;
  text-align: center !important;
}

.section-footer-cta p {
  color: rgba(255,255,255,0.8) !important;
  text-align: center !important;
}

.section-footer-cta .et_pb_button {
  background-color: var(--color-white) !important;
  color: var(--color-primary) !important;
  border-color: var(--color-white) !important;
}

/* =============================================================================
   18. FOOTER
   ============================================================================= */
#main-footer,
.et_pb_section.section-footer {
  background-color: var(--color-black) !important;
  padding-top: 60px !important;
}

/**#main-footer .et_pb_widget_area *,
#main-footer p,
#main-footer li,
#main-footer a,
#main-footer span {
  font-family: var(--font-primary) !important;
  color: rgba(255,255,255,0.65) !important;
  font-size: 14px !important;
}

#main-footer a:hover {
  color: var(--color-white) !important;
}

#main-footer h4,
#main-footer .widget-title {
  font-family: var(--font-primary) !important;
  font-weight: var(--fw-semibold) !important;
  font-size: var(--fs-body-sm) !important;
  color: var(--color-white) !important;
  margin-bottom: 16px !important;
}*/

/* Footer bottom bar */
#footer-bottom,
.et_pb_footer_bottom_bar {
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  background-color: var(--color-black) !important;
}

#footer-bottom p,
#footer-bottom a {
  font-size: 13px !important;
  color: rgba(255,255,255,0.4) !important;
}

/* =============================================================================
   19. SECTION HEADING UTILITY (reusable across sections)
   ============================================================================= */
.section-label-tag {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-primary);
  background: rgba(17, 99, 251, 0.08);
  border-radius: 100px;
  padding: 4px 14px;
  margin-bottom: 16px;
}

.section-heading-center {
  text-align: center !important;
}

/* =============================================================================
   20. RESPONSIVE — TABLET (≤ 980px)
   ============================================================================= */
/**@media (max-width: 980px) {
  :root {
    --fs-hero:         42px;
    --fs-section-h2:  36px;
    --fs-body-lg:     20px;
    --space-section-v: 60px;
  }

  .et_pb_row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .blue-banner-inner,
  .section-blue-banner .et_pb_row {
    flex-direction: column !important;
    gap: 20px !important;
    text-align: center !important;
    min-height: auto !important;
  }

  .section-footer-cta {
    margin: 0 20px !important;
  }

  .industry-card,
  .section-industries .et_pb_blurb {
    min-height: auto !important;
  }
}*/

/* =============================================================================
   21. RESPONSIVE — MOBILE (≤ 767px)
   ============================================================================= */
@media (max-width: 767px) {
  :root {
    --fs-hero:         32px;
    --fs-section-h2:  28px;
    --fs-section-heading: 20px;
    --fs-body-lg:     18px;
    --fs-body:        16px;
    --space-section-v: 48px;
    --space-card-pad: 20px;
  }

  .section-hero {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .section-testimonials {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .section-footer-cta {
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .et_pb_row {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .service-card,
  .section-services .et_pb_blurb {
    min-height: auto !important;
  }
}


/* =============================================================================
   22. HEADER — SERVICES SUBMENU DROPDOWN
   ============================================================================= */

/* Chevron arrow on parent items with children */
.aazurix-nav-menu ul li.menu-item-has-children > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.aazurix-nav-menu ul li.menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  margin-left: 5px;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.aazurix-nav-menu ul li.menu-item-has-children:hover > a::after {
  transform: rotate(-135deg) translateY(2px);
}

/* Dropdown panel */
.aazurix-nav-menu ul li.menu-item-has-children .sub-menu {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.10) !important;
  border: 1px solid #F0F0F0 !important;
  padding: 8px !important;
  min-width: 240px !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  transform-origin: top center;
}

.aazurix-nav-menu ul li.menu-item-has-children:hover .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* Dropdown items */
.aazurix-nav-menu ul li.menu-item-has-children .sub-menu li {
  list-style: none !important;
}

.aazurix-nav-menu ul li.menu-item-has-children .sub-menu li a {
  font-family: var(--font-primary) !important;
  font-size: 14px !important;
  font-weight: var(--fw-regular) !important;
  color: var(--color-text-dark) !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  transition: background 0.18s ease, color 0.18s ease !important;
  white-space: nowrap;
}

.aazurix-nav-menu ul li.menu-item-has-children .sub-menu li a:hover {
  background: #F1F5F9 !important;
  color: var(--color-primary) !important;
}

/* Active sub-item */
.aazurix-nav-menu ul li.menu-item-has-children .sub-menu li.current-menu-item a {
  color: var(--color-primary) !important;
  font-weight: var(--fw-medium) !important;
  background: rgba(17, 99, 251, 0.06) !important;
}

/* Divider between groups (add .menu-divider class in WP menus) */
.aazurix-nav-menu .sub-menu li.menu-divider {
  border-top: 1px solid var(--color-border);
  margin: 6px 0 !important;
  padding: 0 !important;
}

/* =============================================================================
   23. HEADER — COUNTRY SELECTOR DROPDOWN
   ============================================================================= */

/* Wrapper — sits inline in the actions column */
.aazurix-country-selector {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 10px;
}

.country-dropdown-wrap {
  position: relative;
  display: inline-block;
}

/* Trigger button */
.country-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 8px 14px;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: var(--color-text-dark);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
  white-space: nowrap;
  line-height: 1;
}

.country-trigger:hover {
  border-color: var(--color-primary);
  background: rgba(17, 99, 251, 0.04);
  color: var(--color-primary);
}

.country-flag {
  font-size: 16px;
  line-height: 1;
}

.country-chevron {
  color: currentColor;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.country-trigger[aria-expanded="true"] .country-chevron {
  transform: rotate(180deg);
}

/* Dropdown list */
.country-list {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #FFFFFF;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.10);
  padding: 8px;
  min-width: 200px;
  list-style: none;
  margin: 0;
  z-index: 9999;
  animation: countryFadeIn 0.18s ease both;
}

.country-list.open {
  display: block;
}

@keyframes countryFadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Country list items */
.country-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: var(--fw-regular);
  color: var(--color-text-dark);
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

.country-list li:hover {
  background: var(--color-bg-light);
  color: var(--color-primary);
}

.country-list li .cf {
  font-size: 16px;
  line-height: 1;
}

/* =============================================================================
   24. HEADER ACTIONS COLUMN LAYOUT
   ============================================================================= */
.header-col-actions .et_pb_module {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

.header-col-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

/* Contact Us button — override for header context */
.aazurix-contact-btn.et_pb_button {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* =============================================================================
   25. STICKY HEADER — enhanced for new layout
   ============================================================================= */
.aazurix-header-section {
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: box-shadow 0.3s ease, background 0.3s ease;
	margin:0px !important;
}

.aazurix-header-section.aaz-scrolled {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08) !important;
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* =============================================================================
   26. RESPONSIVE HEADER — TABLET / MOBILE
   ============================================================================= */
@media (max-width: 980px) {
  .header-col-actions {
    gap: 8px !important;
  }

  .country-trigger {
    padding: 7px 10px;
    font-size: 13px;
  }

  .country-label {
    display: none; /* show flag only on tablet */
  }
}

@media (max-width: 767px) {
  /* Hide country selector on mobile — move to mobile menu if needed */
  .aazurix-country-selector {
    display: none !important;
  }

  .aazurix-contact-btn.et_pb_button {
    font-size: 13px !important;
    padding: 8px 16px !important;
  }
}