/**
 * Block Styles: Countries Page ("Countries We Cover")
 * Comprehensive styling for Mapplic interactive map, search filter, CTA banner, and A-Z directory.
 */

.countries-page-section,
.countries-section {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 80px 20px 100px !important;
  position: relative !important;
  background-color: var(--white, #ffffff) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* ==========================================================================
   1. Hero Header
   ========================================================================== */
.countries-hero-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 14px !important;
  max-width: 840px !important;
  width: 100% !important;
  margin: 0 auto 36px !important;
  box-sizing: border-box !important;
}

.countries-tag {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 600 !important;
  color: var(--red, #FF5A5F) !important;
  font-size: 14px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}

.countries-title {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 700 !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.countries-subtitle {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 400 !important;
  color: var(--text-gray, #475462) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   2. Live Search & Autocomplete
   ========================================================================== */
.countries-search-container,
.search-wrapper.at-top {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto 36px !important;
  position: relative !important;
  z-index: 50 !important;
}

.aside-countries-nav.all-countries {
  width: 100% !important;
  position: relative !important;
}

.country-search.at-search-wrapper {
  position: relative !important;
  width: 100% !important;
}

.search-heading.at-search {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 14px 20px !important;
  background-color: var(--white, #ffffff) !important;
  border: 1.5px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.12)) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(10, 27, 46, 0.06) !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
  cursor: text !important;
}

.search-heading.at-search:focus-within {
  border-color: var(--red, #FF5A5F) !important;
  box-shadow: 0 0 0 4px rgba(255, 90, 95, 0.15), 0 8px 30px rgba(10, 27, 46, 0.08) !important;
}

.search-heading.at-search svg.icon.search {
  color: var(--text-light, #9198A1) !important;
  flex-shrink: 0 !important;
  transition: color 0.2s ease !important;
}

.search-heading.at-search:focus-within svg.icon.search {
  color: var(--red, #FF5A5F) !important;
}

.search-heading.at-search input[name="at-search"] {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: var(--dark, #0A1B2E) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

.search-heading.at-search input[name="at-search"]::placeholder {
  color: var(--text-light, #9198A1) !important;
  opacity: 1 !important;
}

.search-list-container {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  background-color: var(--white, #ffffff) !important;
  border-radius: 14px !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.12)) !important;
  box-shadow: 0 16px 40px rgba(10, 27, 46, 0.14) !important;
  max-height: 360px !important;
  overflow-y: auto !important;
  z-index: 100 !important;
  box-sizing: border-box !important;
  padding: 8px !important;
}

.search-list-container.show {
  display: block !important;
  animation: fadeInDown 0.2s ease forwards !important;
}

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

ul.search-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

ul.search-list li.search-item {
  margin: 0 !important;
  padding: 0 !important;
}

ul.search-list li.search-item.hide {
  display: none !important;
}

ul.search-list li.search-item a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

ul.search-list li.search-item a .country-name {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  color: var(--dark, #0A1B2E) !important;
}

ul.search-list li.search-item a .region-badge {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 500 !important;
  font-size: 11.5px !important;
  color: var(--text-gray, #475462) !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

ul.search-list li.search-item a:hover {
  background-color: rgba(255, 90, 95, 0.08) !important;
}

ul.search-list li.search-item a:hover .country-name {
  color: var(--red, #FF5A5F) !important;
}

ul.search-list li.search-item a:hover .region-badge {
  background-color: var(--red, #FF5A5F) !important;
  color: var(--white, #ffffff) !important;
}

/* ==========================================================================
   3. Mapplic World Map Wrapper
   ========================================================================== */
.countries-map-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 1300px !important;
  margin: 0 auto 80px !important;
  background-color: var(--white, #ffffff) !important;
  border-radius: 24px !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.1)) !important;
  box-shadow: 0 12px 40px rgba(10, 27, 46, 0.06) !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Mapplic Container Overrides */
.mapplic-element {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  border-radius: 18px !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
}

.mapplic-sidebar {
  background-color: var(--white, #ffffff) !important;
  border-radius: 16px !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.1)) !important;
  box-shadow: 0 8px 30px rgba(10, 27, 46, 0.06) !important;
  box-sizing: border-box !important;
}

.mapplic-search-input {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  border: 1.5px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.12)) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}

.mapplic-search-input:focus {
  border-color: var(--red, #FF5A5F) !important;
}

.mapplic-list-location {
  border: none !important;
  border-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mapplic-list-location > a {
  border-left: 3px solid transparent !important;
  border-bottom: 1px solid rgba(10, 27, 46, 0.05) !important;
  padding: 12px 20px !important;
  background-color: transparent !important;
  transition: all 0.2s ease !important;
}

.mapplic-list-location:hover > a,
.mapplic-list-location.mapplic-focus > a {
  background-color: #F4F6F8 !important;
  border-left-color: var(--mint, #00C7BE) !important;
}

.mapplic-list-location.mapplic-active > a {
  background-color: #EEF8F8 !important;
  border-left-color: var(--mint, #00C7BE) !important;
}

.mapplic-list-location h4 {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 500 !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 14.5px !important;
  margin: 0 !important;
  transition: color 0.15s ease !important;
}

.mapplic-list-location:hover h4,
.mapplic-list-location.mapplic-active h4 {
  color: var(--dark, #0A1B2E) !important;
  font-weight: 600 !important;
}

.mapplic-button {
  background-color: var(--white, #ffffff) !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.12)) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(10, 27, 46, 0.08) !important;
  transition: all 0.2s ease !important;
}

.mapplic-button:hover {
  background-color: var(--red, #FF5A5F) !important;
  color: var(--white, #ffffff) !important;
}

.mapplic-tooltip {
  border-radius: 12px !important;
  box-shadow: 0 12px 36px rgba(10, 27, 46, 0.18) !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.1)) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
}

.mapplic-tooltip-title {
  font-weight: 600 !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 16px !important;
}

.mapplic-tooltip-content a {
  color: var(--red, #FF5A5F) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.mapplic-tooltip-content a:hover {
  text-decoration: underline !important;
}

/* ==========================================================================
   4. CTA Quote Banner
   ========================================================================== */
.countries-cta-divider {
  display: flex !important;
  width: 100% !important;
  max-width: 1300px !important;
  margin: 0 auto 90px !important;
  background: linear-gradient(135deg, #0A1B2E 0%, #152C47 100%) !important;
  border-radius: 20px !important;
  padding: 50px 48px !important;
  box-sizing: border-box !important;
  box-shadow: 0 14px 40px rgba(10, 27, 46, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
}

.countries-cta-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 30px !important;
  position: relative !important;
  z-index: 2 !important;
}

.countries-cta-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
}

.countries-cta-heading {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 700 !important;
  color: var(--white, #ffffff) !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.countries-cta-subheading {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.countries-cta-button-wrapper {
  flex-shrink: 0 !important;
}

.countries-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 16px 32px !important;
  background-color: var(--red, #FF5A5F) !important;
  border: 1px solid var(--red, #FF5A5F) !important;
  border-radius: 10px !important;
  color: var(--white, #ffffff) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 16px rgba(255, 90, 95, 0.3) !important;
}

.countries-cta-btn:hover {
  background-color: var(--red-hover, #F24448) !important;
  border-color: var(--red-hover, #F24448) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255, 90, 95, 0.45) !important;
}

.countries-cta-btn svg {
  transition: transform 0.2s ease !important;
}

.countries-cta-btn:hover svg {
  transform: translate(2px, -2px) !important;
}

/* ==========================================================================
   5. A-Z Directory List
   ========================================================================== */
.countries-az-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.az-lists-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
  width: 100% !important;
}

.az-lists-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.az-tag {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 600 !important;
  color: var(--red, #FF5A5F) !important;
  font-size: 13px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.az-lists-title {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 700 !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 38px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.az-lists-subtitle {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 400 !important;
  color: var(--text-gray, #475462) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* 6 Continents Filter Tabs */
.continents-filter-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 36px auto 44px !important;
  max-width: 1100px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.continent-tab-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 18px !important;
  border-radius: 30px !important;
  border: 1.5px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.1)) !important;
  background-color: var(--white, #ffffff) !important;
  color: var(--dark, #0A1B2E) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(10, 27, 46, 0.02) !important;
}

.continent-tab-btn:hover {
  border-color: var(--red, #FF5A5F) !important;
  color: var(--red, #FF5A5F) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(255, 90, 95, 0.12) !important;
}

.continent-tab-btn.is-active {
  background-color: var(--dark, #0A1B2E) !important;
  border-color: var(--dark, #0A1B2E) !important;
  color: var(--white, #ffffff) !important;
  box-shadow: 0 4px 16px rgba(10, 27, 46, 0.18) !important;
}

.continent-count {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
  color: var(--text-gray, #475462) !important;
  transition: all 0.2s ease !important;
}

.continent-tab-btn.is-active .continent-count {
  background-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--white, #ffffff) !important;
}

.continent-icon {
  font-size: 15px !important;
}

.country-continent-tag {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: var(--text-light, #9198A1) !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  margin-left: 6px !important;
  letter-spacing: 0.2px !important;
  flex-shrink: 0 !important;
}

.az-no-results {
  width: 100% !important;
  text-align: center !important;
  padding: 60px 20px !important;
  color: var(--text-gray, #475462) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 16px !important;
}

.az-list-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.az-letter-group {
  display: flex !important;
  flex-direction: column !important;
  background-color: var(--white, #ffffff) !important;
  border-radius: 16px !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.08)) !important;
  box-shadow: 0 4px 18px rgba(10, 27, 46, 0.04) !important;
  padding: 24px 20px !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.az-letter-group:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(10, 27, 46, 0.08) !important;
  border-color: rgba(255, 90, 95, 0.25) !important;
}

.letter-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background-color: var(--dark, #0A1B2E) !important;
  color: var(--white, #ffffff) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
  transition: background-color 0.2s ease !important;
}

.az-letter-group:hover .letter-badge {
  background-color: var(--red, #FF5A5F) !important;
}

ul.az-country-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

li.country-item {
  margin: 0 !important;
  padding: 0 !important;
}

li.country-item a.country-link {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 400 !important;
  font-size: 14.5px !important;
  color: var(--text-gray, #475462) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  display: inline-block !important;
}

li.country-item a.country-link:hover {
  color: var(--red, #FF5A5F) !important;
  transform: translateX(3px) !important;
}

/* ==========================================================================
   6. Responsive Styles
   ========================================================================== */
@media (max-width: 1200px) {
  .az-list-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 900px) {
  .countries-page-section {
    padding: 60px 16px 80px !important;
  }

  .countries-title {
    font-size: 36px !important;
  }

  .countries-cta-content {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
    gap: 24px !important;
  }

  .countries-cta-heading {
    font-size: 26px !important;
  }

  .az-list-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .az-lists-title {
    font-size: 30px !important;
  }
}

@media (max-width: 600px) {
  .countries-page-section {
    padding: 40px 12px 60px !important;
  }

  .countries-title {
    font-size: 28px !important;
  }

  .countries-subtitle {
    font-size: 14.5px !important;
  }

  .countries-map-wrapper {
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .countries-cta-divider {
    padding: 36px 20px !important;
    border-radius: 16px !important;
  }

  .countries-cta-heading {
    font-size: 22px !important;
  }

  .countries-cta-btn {
    width: 100% !important;
  }

  .az-list-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   7. Single Country Page / Taxonomy Term Full-Width & Prose Layout
   ========================================================================== */
.single-country-page-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: var(--white, #ffffff) !important;
}

.country-breadcrumbs-bar {
  width: 100% !important;
  border-bottom: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.06)) !important;
  background-color: var(--white, #ffffff) !important;
}

.country-breadcrumbs-inner {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 20px 24px !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 13.5px !important;
  color: var(--text-light, #9198A1) !important;
  box-sizing: border-box !important;
}

.country-breadcrumbs-inner .crumb-link {
  color: var(--text-gray, #475462) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.country-breadcrumbs-inner .crumb-link:hover {
  color: var(--red, #FF5A5F) !important;
}

.country-breadcrumbs-inner .breadcrumb-sep {
  color: var(--stroke-dark-10, rgba(10, 27, 46, 0.2)) !important;
}

.country-breadcrumbs-inner .crumb-parent {
  color: var(--text-gray, #475462) !important;
  font-weight: 500 !important;
}

.country-breadcrumbs-inner .breadcrumb-current {
  color: var(--dark, #0A1B2E) !important;
  font-weight: 600 !important;
}

/* Main Content Area */
.country-fullwidth-main {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding-bottom: 60px !important;
}

.country-article-content {
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  color: var(--text-gray, #475462) !important;
  font-size: 16.5px !important;
  line-height: 1.75 !important;
}

/* ==========================================================================
   7. Main Country Body Article Content & Full-Width Pattern Management
   ========================================================================== */

/* 1. All Full-Width Patterns & Gutenberg Alignfull Sections */
.country-article-content .alignfull,
.country-article-content .service-page-hero,
.country-article-content .FAQ-section,
.country-article-content .checklist-long,
.country-article-content .market-coverage,
.country-article-content .company-overview,
.country-article-content .challenge-problem,
.country-article-content .vendor-consolidation,
.country-article-content .comparison-section,
.country-article-content .industry-expertise,
.country-article-content .founder-section,
.country-article-content .stats-section,
.country-article-content .cta-section,
.country-article-content .contact-locations-section,
.country-article-content .contact-locations,
.country-article-content .contact-form-section,
.country-article-content .countries-page-section,
.country-article-content .incorporation-challenges,
.country-article-content .avoid-incorporation-challenges,
.country-article-content .wp-block-group.alignfull,
.country-article-content .wp-block-cover.alignfull,
.country-article-content .wp-block-columns.alignfull,
.country-article-content .wp-block-section.alignfull {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* 2. Direct Child Text and Standard Content Elements get 1300px Centered Layout */
.country-article-content > p,
.country-article-content > h1,
.country-article-content > h2,
.country-article-content > h3,
.country-article-content > h4,
.country-article-content > h5,
.country-article-content > h6,
.country-article-content > ul,
.country-article-content > ol,
.country-article-content > table,
.country-article-content > blockquote,
.country-article-content > hr,
.country-article-content > figure:not(.alignfull),
.country-article-content > .wp-block-paragraph,
.country-article-content > .wp-block-heading,
.country-article-content > .wp-block-list,
.country-article-content > .wp-block-table,
.country-article-content > .wp-block-quote,
.country-article-content > div:not(.alignfull):not(.alignwide):not(.service-page-hero):not(.FAQ-section):not(.checklist-long):not(.market-coverage):not(.company-overview):not(.challenge-problem):not(.vendor-consolidation):not(.comparison-section):not(.industry-expertise):not(.founder-section):not(.stats-section):not(.cta-section):not(.contact-locations-section):not(.contact-locations):not(.contact-form-section):not(.countries-page-section):not(.incorporation-challenges):not(.avoid-incorporation-challenges) {
  width: 100% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* Typography in Country Article */
.country-article-content > h1,
.country-article-content h1:not([class*="-"]),
.country-article-content .wp-block-heading:where(h1) {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-top: 48px !important;
  margin-bottom: 20px !important;
}

.country-article-content > h2,
.country-article-content h2:not([class*="-"]),
.country-article-content .wp-block-heading:where(h2) {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 44px !important;
  margin-bottom: 18px !important;
}

.country-article-content > h3,
.country-article-content h3:not([class*="-"]),
.country-article-content .wp-block-heading:where(h3) {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  color: var(--dark, #0A1B2E) !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-top: 32px !important;
  margin-bottom: 14px !important;
}

.country-article-content > p {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  line-height: 1.75 !important;
}

.country-article-content > ul,
.country-article-content > ol {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  padding-left: 48px !important;
}

.country-article-content > ul li,
.country-article-content > ol li {
  margin-bottom: 10px !important;
  line-height: 1.65 !important;
}

.country-article-content > table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.1)) !important;
  box-shadow: 0 4px 18px rgba(10, 27, 46, 0.03) !important;
}

.country-article-content > table th,
.country-article-content > table td {
  padding: 16px 20px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.08)) !important;
}

.country-article-content > table th {
  background-color: var(--bg-gray, #F7F8F8) !important;
  color: var(--dark, #0A1B2E) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.country-article-content > table td {
  font-size: 14.5px !important;
}

.country-article-content > blockquote {
  border-left: 4px solid var(--red, #FF5A5F) !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  padding: 22px 28px !important;
  border-radius: 0 14px 14px 0 !important;
  font-style: italic !important;
}

/* ==========================================================================
   8. Bottom Regional Navigation & Explorer Section
   ========================================================================== */
.country-bottom-region-section {
  display: flex !important;
  width: 100% !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
  border-top: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.08)) !important;
  padding: 80px 24px 100px !important;
  box-sizing: border-box !important;
}

.country-region-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 48px !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.region-section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.region-section-tag {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--red, #FF5A5F) !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.region-section-title {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--dark, #0A1B2E) !important;
  margin: 0 !important;
}

.region-section-subtitle {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 16px !important;
  color: var(--text-gray, #475462) !important;
  margin: 0 !important;
  max-width: 720px !important;
}

.region-countries-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}

.region-country-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: var(--white, #ffffff) !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.08)) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(10, 27, 46, 0.02) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.region-country-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(10, 27, 46, 0.08) !important;
  border-color: rgba(255, 90, 95, 0.3) !important;
}

.region-country-card.is-active-country {
  border-color: var(--red, #FF5A5F) !important;
  background-color: rgba(255, 90, 95, 0.04) !important;
}

.country-card-name {
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: var(--dark, #0A1B2E) !important;
}

.region-country-card:hover .country-card-name,
.region-country-card.is-active-country .country-card-name {
  color: var(--red, #FF5A5F) !important;
}

.country-card-arrow {
  color: var(--text-light, #9198A1) !important;
  font-size: 16px !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.region-country-card:hover .country-card-arrow {
  color: var(--red, #FF5A5F) !important;
  transform: translateX(3px) !important;
}

/* Bottom Search & Action Bar */
.country-bottom-cta-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: var(--white, #ffffff) !important;
  border: 1px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.08)) !important;
  border-radius: 16px !important;
  padding: 24px 30px !important;
  box-shadow: 0 6px 24px rgba(10, 27, 46, 0.05) !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

.cta-bar-search {
  flex: 1 1 360px !important;
  max-width: 480px !important;
  position: relative !important;
}

.cta-search-label.at-search {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px 18px !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
  border: 1.5px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.1)) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.cta-search-label.at-search:focus-within {
  background-color: var(--white, #ffffff) !important;
  border-color: var(--red, #FF5A5F) !important;
  box-shadow: 0 0 0 3px rgba(255, 90, 95, 0.12) !important;
}

.cta-search-label.at-search input[name="at-search"] {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 14.5px !important;
  color: var(--dark, #0A1B2E) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cta-bar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
}

.cta-bar-outline-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 12px 22px !important;
  border: 1.5px solid var(--stroke-dark-10, rgba(10, 27, 46, 0.15)) !important;
  border-radius: 8px !important;
  color: var(--dark, #0A1B2E) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
}

.cta-bar-outline-btn:hover {
  border-color: var(--dark, #0A1B2E) !important;
  background-color: var(--bg-gray, #F7F8F8) !important;
}

.cta-bar-primary-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 12px 24px !important;
  background-color: var(--red, #FF5A5F) !important;
  border: 1.5px solid var(--red, #FF5A5F) !important;
  border-radius: 8px !important;
  color: var(--white, #ffffff) !important;
  font-family: var(--font-main, "Poppins", sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(255, 90, 95, 0.25) !important;
}

.cta-bar-primary-btn:hover {
  background-color: var(--red-hover, #F24448) !important;
  transform: translateY(-1px) !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .region-countries-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .country-bottom-cta-bar {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .cta-bar-search {
    max-width: 100% !important;
  }

  .cta-bar-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 768px) {
  .region-countries-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .country-article-content h1,
  .country-article-content .wp-block-heading:where(h1) {
    font-size: 32px !important;
  }

  .country-article-content h2,
  .country-article-content .wp-block-heading:where(h2) {
    font-size: 26px !important;
  }

  .country-article-content > :where(:not(.alignfull):not(.alignwide):not(.countries-page-section):not(.contact-form-section):not(.faq-section):not(.footer)) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .cta-bar-actions {
    flex-direction: column !important;
  }

  .cta-bar-outline-btn,
  .cta-bar-primary-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 480px) {
  .region-countries-grid {
    grid-template-columns: 1fr !important;
  }
}