/**
 * 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 {
  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 {
  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 {
  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,
.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,
.service-page-hero-inner {
  max-width: 1440px !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;
}