/**
 * Shared & Common Extra Styles for Transferred Gutenberg Blocks
 * Scoped and modular for exglem child theme
 */

/* ==========================================================================
   0. Override Theme Specificity for New Blocks (protect individual backgrounds)
   ========================================================================== */

/* Dark Background Blocks */
.site-main .entry-content > .wp-block-group.homepage-hero,
.site-main .entry-content > .wp-block-group.homepage-hero-globe,
.site-main .entry-content > .wp-block-group.service-page-hero,
.site-main .entry-content > .wp-block-group.benefit-outcome,
.site-main .entry-content > section.benefit-outcome,
.site-main .entry-content > .wp-block-group.country-hiring-CTA,
.site-main .entry-content > .wp-block-group.cta-section,
.site-main .entry-content > .wp-block-group.cta,
.site-main .entry-content > .wp-block-group.cta-globe,
.site-main .entry-content > .wp-block-group.challenge-problem,
.site-main .entry-content > .wp-block-group.comparison-section,
.site-main .entry-content > .wp-block-group.comparison,
.site-main .entry-content > .wp-block-group.detailed-capability,
.site-main .entry-content > .wp-block-group.differentiators-section,
.site-main .entry-content > .wp-block-group.differentiators,
.site-main .entry-content > .wp-block-group.differentiators-what,
.site-main .entry-content > .wp-block-group.industry-expertise,
.site-main .entry-content > .wp-block-group.newsletter-promo,
.site-main .entry-content > .wp-block-group.countries-section,
.site-main .entry-content > .wp-block-group.countries-page,
.site-main .entry-content > .wp-block-group.blog-hero-section,
.site-main .entry-content > .wp-block-group.meet-the-team-section,
.site-main .entry-content > .wp-block-group.meet-the-team,
.meet-the-team-section {
  background-color: var(--dark, #0A1B2E) !important;
  color: var(--white, #FFFFFF);
  box-sizing: border-box;
}

/* White / Light Background Blocks */
.site-main .entry-content > .wp-block-group.market-coverage,
.site-main .entry-content > .wp-block-group.checklist-long,
.site-main .entry-content > .wp-block-group.vendor-consolidation,
.site-main .entry-content > .wp-block-group.vision-promise,
.site-main .entry-content > .wp-block-group.vision-promise-centered,
.site-main .entry-content > .wp-block-group.company-overview,
.site-main .entry-content > .wp-block-group.contact-locations,
.site-main .entry-content > .wp-block-group.contact-form-section,
.site-main .entry-content > .wp-block-group.contact-form,
.site-main .entry-content > .wp-block-group.FAQ-section,
.site-main .entry-content > .wp-block-group.faq-section,
.site-main .entry-content > .wp-block-group.faq,
.site-main .entry-content > .wp-block-group.acumen-experts,
.site-main .entry-content > .wp-block-group.features,
.site-main .entry-content > .wp-block-group.services-grid,
.site-main .entry-content > .wp-block-group.service-overview,
.site-main .entry-content > .wp-block-group.services,
.site-main .entry-content > .wp-block-group.founder-leadership,
.site-main .entry-content > .wp-block-group.founder,
.site-main .entry-content > .wp-block-group.expert-advantage-why,
.site-main .entry-content > .wp-block-group.why-us-section,
.site-main .entry-content > .wp-block-group.why-us,
.site-main .entry-content > .wp-block-group.process-steps,
.site-main .entry-content > .wp-block-group.process-steps-section,
.site-main .entry-content > .wp-block-group.how-it-works,
.site-main .entry-content > .wp-block-group.stats-numbers,
.site-main .entry-content > .wp-block-group.stats-section,
.site-main .entry-content > .wp-block-group.stats,
.site-main .entry-content > .wp-block-group.global-payroll,
.site-main .entry-content > .wp-block-group.global-payroll-calculator,
.site-main .entry-content > .wp-block-group.service-feature-grid,
.site-main .entry-content > .wp-block-group.service-feature-grid-full,
.site-main .entry-content > .wp-block-group.global-compliance,
.site-main .entry-content > .wp-block-group.blog-hub-page-wrapper,
.site-main .entry-content > .wp-block-group.group-leadership,
.group-leadership {
  background-color: var(--white, #FFFFFF) !important;
  color: var(--dark, #0A1B2E);
  box-sizing: border-box;
}

/* Ensure alignfull blocks stretch 100% width on ege layout */
.site-main .entry-content > .wp-block-group.alignfull,
.site-main .entry-content > section.alignfull,
.site-main article .entry-content > .wp-block-group.alignfull,
.site-main article .entry-content > section.alignfull,
.entry-content > .wp-block-group.alignfull,
.entry-content > section.alignfull {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   1. Reset Gutenberg theme.json :where(.wp-block-group) default padding
   (Scoped strictly to new blocks and nested groups so old pages are untouched)
   ========================================================================== */

/* Outer block containers that should have 0 outer padding because inner container handles padding */
.homepage-hero,
.homepage-hero-globe,
.founder-leadership,
.founder,
.service-overview,
.services,
.company-overview,
.blog-hub-page-wrapper,
.blog-hero-section,
.country-hiring-CTA,
.cta-section,
.cta,
.meet-the-team-section,
.meet-the-team,
.group-leadership {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

/* All nested wp-block-group elements inside ANY new block must NOT inherit the theme.json 50px padding */
.homepage-hero .wp-block-group,
.homepage-hero-globe .wp-block-group,
.service-page-hero .wp-block-group,
.benefit-outcome .wp-block-group,
.country-hiring-CTA .wp-block-group,
.cta-section .wp-block-group,
.cta .wp-block-group,
.cta-globe .wp-block-group,
.challenge-problem .wp-block-group,
.comparison-section .wp-block-group,
.comparison .wp-block-group,
.detailed-capability .wp-block-group,
.differentiators-section .wp-block-group,
.differentiators .wp-block-group,
.differentiators-what .wp-block-group,
.industry-expertise .wp-block-group,
.newsletter-promo .wp-block-group,
.contact-form-section .wp-block-group,
.contact-form .wp-block-group,
.countries-section .wp-block-group,
.countries-page .wp-block-group,
.blog-hero-section .wp-block-group,
.blog-hub-page-wrapper .wp-block-group,
.market-coverage .wp-block-group,
.checklist-long .wp-block-group,
.vendor-consolidation .wp-block-group,
.vision-promise .wp-block-group,
.vision-promise-centered .wp-block-group,
.company-overview .wp-block-group,
.contact-locations .wp-block-group,
.FAQ-section .wp-block-group,
.faq-section .wp-block-group,
.faq .wp-block-group,
.acumen-experts .wp-block-group,
.features .wp-block-group,
.services-grid .wp-block-group,
.service-overview .wp-block-group,
.services .wp-block-group,
.founder-leadership .wp-block-group,
.founder .wp-block-group,
.expert-advantage-why .wp-block-group,
.why-us-section .wp-block-group,
.why-us .wp-block-group,
.process-steps .wp-block-group,
.process-steps-section .wp-block-group,
.how-it-works .wp-block-group,
.stats-numbers .wp-block-group,
.stats-section .wp-block-group,
.stats .wp-block-group,
.global-payroll .wp-block-group,
.global-payroll-calculator .wp-block-group,
.service-feature-grid .wp-block-group,
.service-feature-grid-full .wp-block-group,
.global-compliance .wp-block-group,
.meet-the-team-section .wp-block-group,
.meet-the-team .wp-block-group,
.meet-the-team-inner .wp-block-group,
.meet-the-team-gallery .wp-block-group,
.group-leadership .wp-block-group,
.country-cards-grid .wp-block-group,
.country-cards-grid,
.leader-card,
.leader-card .wp-block-group,
.USA-content,
.USA-content .wp-block-group,
.countries-dropdown,
.countries-dropdown .wp-block-group,
.countries-dropdown-content,
.countries-dropdown-content .wp-block-group,
.footer .wp-block-group,
.site-footer .wp-block-group {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ==========================================================================
   2. Override Gutenberg contentSize (1048px) constraint on inner containers
   ========================================================================== */
:where(.is-layout-constrained) > .service-page-hero-inner,
:where(.is-layout-constrained) > .homepage-hero-inner,
:where(.is-layout-constrained) > .homepage-hero > .wp-block-columns,
:where(.is-layout-constrained) > .market-coverage-inner,
:where(.is-layout-constrained) > .checklist-long-inner,
:where(.is-layout-constrained) > .challenge-problem-inner,
:where(.is-layout-constrained) > .vendor-consolidation-inner,
:where(.is-layout-constrained) > .vision-promise-inner,
:where(.is-layout-constrained) > .detailed-capability-inner,
:where(.is-layout-constrained) > .company-overview-inner,
:where(.is-layout-constrained) > .newsletter-promo-inner,
:where(.is-layout-constrained) > .FAQ-section-inner,
:where(.is-layout-constrained) > .acumen-experts-inner,
:where(.is-layout-constrained) > .differentiators-inner,
:where(.is-layout-constrained) > .contact-locations-inner,
:where(.is-layout-constrained) > .contact-form-inner,
:where(.is-layout-constrained) > .global-payroll-inner,
:where(.is-layout-constrained) > .cta-inner-container,
:where(.is-layout-constrained) > .service-overview .cards-grid,
:where(.is-layout-constrained) > .expert-advantage-why .cards-grid,
:where(.is-layout-constrained) > .process-steps .cards-grid,
:where(.is-layout-constrained) > .stats-numbers .hero-visual,
:where(.is-layout-constrained) > .stats-numbers .stats-grid,
:where(.is-layout-constrained) > .meet-the-team-gallery,
:where(.is-layout-constrained) > .group-leadership .country-cards-grid,
:where(.is-layout-constrained) > .country-cards-grid,
:where(.is-layout-constrained) > .country-cards-grid > *,
:where(.is-layout-constrained) > .leader-card,
.service-page-hero-inner {
  max-width: 1440px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Meet the Team Inner Container (1300px) */
:where(.is-layout-constrained) > .meet-the-team-inner,
.meet-the-team-section.is-layout-constrained > .meet-the-team-inner,
.meet-the-team-section > .meet-the-team-inner,
.meet-the-team-inner {
  max-width: 1300px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   3. Override parent theme margin-block-start on inner Gutenberg flex/flow layout children
   ========================================================================== */
.homepage-hero-inner > *,
.service-page-hero-inner > *,
.market-coverage-inner > *,
.checklist-long-inner > *,
.challenge-problem-inner > *,
.vendor-consolidation-inner > *,
.vision-promise-inner > *,
.detailed-capability-inner > *,
.company-overview-inner > *,
.newsletter-promo-inner > *,
.FAQ-section-inner > *,
.acumen-experts-inner > *,
.differentiators-inner > *,
.contact-locations-inner > *,
.contact-form-inner > *,
.global-payroll-inner > *,
.cta-inner-container > *,
.service-overview .cards-grid > *,
.expert-advantage-why .cards-grid > *,
.process-steps .cards-grid > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* ==========================================================================
   4. Reset parent theme margin-top on buttons inside new blocks
   ========================================================================== */
[class*="homepage-hero"] .wp-block-buttons > .wp-block-button,
[class*="service-page-hero"] .wp-block-buttons > .wp-block-button,
[class*="country-hiring-CTA"] .wp-block-buttons > .wp-block-button,
[class*="market-coverage"] .wp-block-buttons > .wp-block-button,
[class*="checklist-long"] .wp-block-buttons > .wp-block-button,
[class*="challenge-problem"] .wp-block-buttons > .wp-block-button,
[class*="vendor-consolidation"] .wp-block-buttons > .wp-block-button,
[class*="vision-promise"] .wp-block-buttons > .wp-block-button,
[class*="detailed-capability"] .wp-block-buttons > .wp-block-button,
[class*="company-overview"] .wp-block-buttons > .wp-block-button,
[class*="newsletter-promo"] .wp-block-buttons > .wp-block-button,
[class*="contact-locations"] .wp-block-buttons > .wp-block-button,
[class*="contact-form-section"] .wp-block-buttons > .wp-block-button,
[class*="countries-page"] .wp-block-buttons > .wp-block-button,
[class*="stats-numbers"] .wp-block-buttons > .wp-block-button,
[class*="global-payroll"] .wp-block-buttons > .wp-block-button {
  margin-top: 0 !important;
}

/* ==========================================================================
   5. Universal Table & Code Wrappers
   ========================================================================== */
.acumen-table-scroll-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 24px 0;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--mint) rgba(10, 27, 46, 0.1);
}

.acumen-table-scroll-wrapper table {
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
}

.table-scroll-hint {
  display: none;
  font-family: var(--font-main);
  font-size: 12px;
  color: var(--text-light);
  text-align: center;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .table-scroll-hint {
    display: block;
  }
}

/* ==========================================================================
   6. Override Parent Theme Orange List Bullets in All New Blocks
   ========================================================================== */
body main [class*="comparison"] ul.wp-block-list li::before,
body main [class*="checklist"] ul.wp-block-list li::before,
body main [class*="challenge"] ul.wp-block-list li::before,
body main [class*="service"] ul.wp-block-list li::before,
body main [class*="hero"] ul.wp-block-list li::before,
body main [class*="why-us"] ul.wp-block-list li::before,
body main [class*="how-it-works"] ul.wp-block-list li::before,
body main [class*="founder"] ul.wp-block-list li::before,
body main [class*="expert"] ul.wp-block-list li::before,
body main [class*="differentiators"] ul.wp-block-list li::before,
body main [class*="company"] ul.wp-block-list li::before,
body main [class*="newsletter"] ul.wp-block-list li::before,
body main [class*="contact"] ul.wp-block-list li::before,
body main [class*="faq"] ul.wp-block-list li::before,
body main [class*="stats"] ul.wp-block-list li::before,
body main [class*="cta"] ul.wp-block-list li::before {
  background-color: transparent;
}

/* ==========================================================================
   7. Modern Divider with Hero-style Dot Grid & Ambient Mint Glows
   ========================================================================== */
.divider.has-svg-background,
.devider.has-svg-background,
.has-svg-background,
.divider-section {
  position: relative !important;
  background-color: var(--dark, #0A1B2E) !important;
  background-image: url('/wp-content/uploads/2026/08/bg-grid-dotts.svg') !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.divider.has-svg-background::before,
.devider.has-svg-background::before,
.has-svg-background::before,
.divider-section::before {
  content: "" !important;
  position: absolute !important;
  top: -180px !important;
  left: -150px !important;
  width: 500px !important;
  height: 400px !important;
  background-color: var(--mint, #00C7BE) !important;
  border-radius: 50% !important;
  filter: blur(130px) !important;
  opacity: 0.16 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.divider.has-svg-background::after,
.devider.has-svg-background::after,
.has-svg-background::after,
.divider-section::after {
  content: "" !important;
  position: absolute !important;
  bottom: -180px !important;
  right: -150px !important;
  width: 500px !important;
  height: 400px !important;
  background-color: var(--mint, #00C7BE) !important;
  border-radius: 50% !important;
  filter: blur(130px) !important;
  opacity: 0.12 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.divider.has-svg-background .divider-content,
.divider.has-svg-background .content,
.devider.has-svg-background .content,
.has-svg-background .content,
.divider-section .wp-block-group {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  color: var(--white, #FFFFFF) !important;
}

.divider.has-svg-background .svg-background,
.devider.has-svg-background .svg-background,
.has-svg-background .svg-background,
.divider-section .svg-background {
  display: none !important;
}


/* ==========================================================================
   8. Gutenberg is-layout-constrained & is-layout-flow Overrides for Meet the Team & Leadership
   ========================================================================== */
.group-leadership.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.group-leadership.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.country-cards-grid.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.country-cards-grid.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.country-types.leader-card.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.country-types.leader-card.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.leader-card.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.leader-card.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.USA-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.USA-content.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.frame.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.frame.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.meet-the-team-section.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.meet-the-team-inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.meet-the-team-gallery.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.meet-the-team-gallery.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.gallery-col.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.gallery-col.is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.group-leadership .country-cards-grid,
.country-cards-grid:has(.leader-card) {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.group-leadership .country-types,
.group-leadership .leader-card,
.country-types.leader-card,
.leader-card {
  max-width: calc(50% - 10px) !important;
  width: calc(50% - 10px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 991px) {
  .group-leadership .country-types,
  .group-leadership .leader-card,
  .country-types.leader-card,
  .leader-card {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
  }
}

/* Page Title (Enquiry & Page Has Title Template) */
body.page-id-31362 h1.entry-title,
body.page-id-31362 .entry-title,
body.page-template-page-has-title h1.entry-title,
body.page-template-page-has-title .entry-title,
body.page-template-page-has-title-php h1.entry-title,
body.page-template-page-has-title-php .entry-title,
main.has-page-title header.entry-header h1.entry-title,
main.has-page-title .entry-header h1.entry-title {
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-weight: 600 !important;
  color: var(--dark, #0A1B2E) !important;
}

/* Differentiators Links */
.differentiators-what a:not(.wp-block-button__link),
.differentiators-section a:not(.wp-block-button__link),
.differentiators a:not(.wp-block-button__link) {
  color: var(--mint, #00C7BE) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease, opacity 0.2s ease !important;
}

.differentiators-what a:not(.wp-block-button__link):hover,
.differentiators-section a:not(.wp-block-button__link):hover,
.differentiators a:not(.wp-block-button__link):hover {
  color: var(--mint-hover, #4DD8D2) !important;
  text-decoration: underline !important;
  opacity: 0.9 !important;
}

/* Contact Form & Zoho Form Labels & Required Asterisk Positioning */
.contact-form-section .input-label,
.contact-form-section .subheadline,
.contact-form-section label.frame,
.contact-form-section .input label,
.contact-form-section .input-2 label,
.contact-form-section .form-group label,
.contact-form-section label,
.contact-form .input-label,
.contact-form .subheadline,
.contact-form label,
.form-fields label,
form.form-fields label {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  font-family: var(--font-main, 'Poppins', sans-serif) !important;
  font-weight: 500 !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.contact-form-section label .required,
.contact-form-section .input-label .required,
.contact-form label .required,
.contact-form .input-label .required,
.form-fields label .required,
.form-fields .required,
form.form-fields .required,
label span.required,
.required {
  display: inline !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  color: #FF5A5F !important;
  font-size: 13px !important;
  line-height: 1 !important;
  vertical-align: baseline !important;
  flex: none !important;
  float: none !important;
}