/* =============================================
   FDGM CSS Patch v6 — FDGM UI + Pantone Product Colors
   2026-05-13

   Color source: actual product Pantone swatches
     机盖        Pantone 431C  → #5B6770
     机身+支架   Pantone 432C  → #333F48
     提手+枪头   Pantone 3272C → #00857C
     水管        431C + 3272C  → gray-teal gradient

   Append to theme CSS or inject via WP Additional CSS.
   Requires: Barlow Condensed Google Font (enqueued by mu-plugin).
   ============================================= */


/* ===========================================
   0. CSS CUSTOM PROPERTIES (Design Tokens)
   =========================================== */

:root {
  /* --- Pantone primaries --- */
  --fdgm-charcoal: #333F48;       /* 432C — body/bracket */
  --fdgm-gray: #5B6770;           /* 431C — machine cover */
  --fdgm-teal: #00857C;           /* 3272C — handle/nozzle */

  /* --- Derived palette --- */
  --fdgm-teal-dark: #006B64;
  --fdgm-teal-light: #E8F5F3;
  --fdgm-charcoal-deep: #1A2530;
  --fdgm-gray-light: #F4F5F6;
  --fdgm-gray-warm: #E8EAEC;

  /* --- Text --- */
  --fdgm-text: #1A2530;
  --fdgm-text-secondary: #5B6770;
  --fdgm-text-muted: #8C9399;

  /* --- Functional --- */
  --fdgm-border: #DEE2E5;
  --fdgm-white: #FFFFFF;
  --fdgm-radius-pill: 50px;
  --fdgm-radius-card: 16px;
  --fdgm-radius-sm: 8px;
  --fdgm-shadow-card: 0 2px 12px rgba(26, 37, 48, 0.06);
  --fdgm-shadow-hover: 0 8px 30px rgba(26, 37, 48, 0.10);
  --fdgm-transition: all 0.3s ease;
}

/* ===========================================
   48. Full-site button/icon and footer alignment pass
   =========================================== */

main a.fdgm-icon-button,
main button.fdgm-icon-button,
.woocommerce-page a.fdgm-icon-button,
.woocommerce-page button.fdgm-icon-button,
.fdgm-page-shell a.fdgm-icon-button,
.fdgm-page-shell button.fdgm-icon-button,
footer a.fdgm-icon-button,
footer button.fdgm-icon-button,
main a[class*="rounded-full"],
main button[class*="rounded-full"],
.woocommerce-page a[class*="rounded-full"],
.woocommerce-page button[class*="rounded-full"],
.fdgm-page-shell a[class*="rounded-full"],
.fdgm-page-shell button[class*="rounded-full"],
footer a[class*="rounded-full"],
footer button[class*="rounded-full"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

main a.fdgm-icon-button svg,
main button.fdgm-icon-button svg,
.woocommerce-page a.fdgm-icon-button svg,
.woocommerce-page button.fdgm-icon-button svg,
.fdgm-page-shell a.fdgm-icon-button svg,
.fdgm-page-shell button.fdgm-icon-button svg,
footer a.fdgm-icon-button svg,
footer button.fdgm-icon-button svg,
main a[class*="rounded-full"] svg,
main button[class*="rounded-full"] svg,
.woocommerce-page a[class*="rounded-full"] svg,
.woocommerce-page button[class*="rounded-full"] svg,
.fdgm-page-shell a[class*="rounded-full"] svg,
.fdgm-page-shell button[class*="rounded-full"] svg,
footer a[class*="rounded-full"] svg,
footer button[class*="rounded-full"] svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  stroke-width: 2.2 !important;
}

main .fdgm-proof-card,
main .card-lift {
  border-radius: 14px !important;
}

main .fdgm-proof-card > div:first-child,
main .fdgm-proof-card .w-12.h-12.rounded-xl,
main .card-lift > .w-12.h-12.rounded-xl,
footer .group > .w-12.h-12.rounded-xl,
footer > .bg-white .fdgm-footer-contact-card > div:first-child {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 11px !important;
  background: #EAF6FB !important;
  border: 1px solid #B7DCEB !important;
  color: #27455C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

main .fdgm-proof-card > div:first-child svg,
main .fdgm-proof-card .w-12.h-12.rounded-xl svg,
main .card-lift > .w-12.h-12.rounded-xl svg,
footer .group > .w-12.h-12.rounded-xl svg,
footer > .bg-white .fdgm-footer-contact-card > div:first-child svg {
  width: 20px !important;
  height: 20px !important;
  color: #00857C !important;
  stroke: #00857C !important;
  opacity: 1 !important;
}

main .fdgm-proof-card h3,
main .card-lift h3 {
  color: #182733 !important;
  line-height: 1.12 !important;
}

main .fdgm-proof-card p,
main .card-lift p {
  color: #4D5E68 !important;
  line-height: 1.55 !important;
}

footer > .bg-white {
  background: #F8FAFB !important;
}

footer > .bg-white .grid {
  align-items: stretch !important;
}

footer > .bg-white .fdgm-footer-contact-card {
  background: #FFFFFF !important;
  min-height: 112px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px !important;
  border-color: #DDE6EA !important;
  box-shadow: 0 1px 0 rgba(26, 37, 48, 0.03) !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child {
  padding-top: 1px !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > span:first-child {
  display: block !important;
  min-height: 15px !important;
  color: #66757E !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.16em !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > p {
  color: #1A2530 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-top: 7px !important;
}

/* ===========================================
   51. Contact card alignment and visible values
   =========================================== */

footer > .bg-white .fdgm-footer-contact-card,
main .fdgm-public-contact-card {
  min-height: 118px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 20px 22px !important;
  border-radius: 12px !important;
  border: 1px solid #D8E4EA !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 rgba(26, 37, 48, 0.03) !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:first-child,
main .fdgm-public-contact-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 11px !important;
  background: #EAF6FB !important;
  border: 1px solid #B7DCEB !important;
  color: #00857C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:first-child svg,
main .fdgm-public-contact-icon svg,
main .fdgm-public-contact-icon i {
  width: 20px !important;
  height: 20px !important;
  color: #00857C !important;
  stroke: #00857C !important;
  opacity: 1 !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child,
main .fdgm-public-contact-card > div:last-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 0 !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > span:first-child,
main .fdgm-public-contact-label {
  display: block !important;
  min-height: 15px !important;
  color: #66757E !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > p,
main .fdgm-public-contact-value {
  display: block !important;
  min-height: 20px !important;
  color: #1A2530 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  margin: 9px 0 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  user-select: text !important;
  transform: none !important;
}

footer .fdgm-email-text,
main .fdgm-email-text {
  display: inline !important;
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

footer > .max-w-\[1400px\] > .grid > div > div:first-child {
  min-height: 18px !important;
  margin-bottom: 18px !important;
}

main .fdgm-public-contact-card {
  background: #ffffff !important;
  min-height: 112px !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px !important;
  border-radius: 12px !important;
  border-color: #dde6ea !important;
  box-shadow: 0 1px 0 rgba(26, 37, 48, 0.03) !important;
}

main .fdgm-public-contact-card:hover {
  border-color: #8ccbc5 !important;
  box-shadow: 0 16px 34px rgba(26, 37, 48, 0.10) !important;
}

footer > .max-w-\[1400px\] > .grid ul {
  display: grid !important;
  gap: 9px !important;
}

footer > .max-w-\[1400px\] > .grid li,
footer > .max-w-\[1400px\] > .grid li a {
  color: #A8B0B6 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

footer > .max-w-\[1400px\] > .grid li a:hover {
  color: #8FD9D3 !important;
}

footer .border-t.flex {
  min-height: 52px !important;
  padding-top: 24px !important;
}

.fdgm-support-faq-section,
.fdgm-support-faq-section h2 {
  scroll-margin-top: 96px !important;
}

/* ===========================================
   50. 2026-06-01 whole-site alignment lock
   Premium catalogue rhythm for company/support/blog/product/footer.
   =========================================== */

main .fdgm-company-overview {
  background: #ffffff !important;
}

main .fdgm-company-copy {
  font-size: 15.5px !important;
  line-height: 1.74 !important;
  color: #394854 !important;
}

main .fdgm-company-copy p {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

main .fdgm-company-zh-card {
  width: 100% !important;
  border: 1px solid #DDE6EA !important;
  background: linear-gradient(180deg, #F8FAFB 0%, #F2F7F8 100%) !important;
  border-radius: 16px !important;
  align-self: center !important;
}

main .fdgm-company-stats-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(143, 217, 211, 0.11), transparent 34%),
    linear-gradient(135deg, #142838 0%, #1B3344 52%, #142B3A 100%) !important;
  border: 0 !important;
}

main .fdgm-company-stat-grid {
  align-items: stretch !important;
  gap: clamp(22px, 3.4vw, 60px) !important;
  border: 0 !important;
}

main .fdgm-company-stat-card {
  min-height: 148px !important;
  padding: clamp(12px, 1.5vw, 24px) 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-shadow: none !important;
  position: relative !important;
}

main .fdgm-company-stat-card::before {
  content: "" !important;
  width: 36px !important;
  height: 2px !important;
  background: #8FD9D3 !important;
  opacity: 0.95 !important;
  margin-bottom: 24px !important;
  display: block !important;
}

main .fdgm-company-stat-card [data-count],
main .fdgm-company-stat-value {
  display: inline-block !important;
  white-space: nowrap !important;
  color: #EEF4F6 !important;
  font-size: clamp(58px, 5.4vw, 86px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
  font-weight: 800 !important;
}

main .fdgm-company-stat-card .text-white\/72 {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.22em !important;
  margin-top: 16px !important;
}

main .fdgm-company-stat-card:nth-child(2) [data-count] {
  font-size: clamp(50px, 4.8vw, 76px) !important;
}

main .fdgm-direct-contact {
  background: #F7FAFC !important;
}

main .fdgm-direct-contact-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

main .fdgm-direct-contact-card {
  min-height: 146px !important;
  box-shadow: 0 12px 28px rgba(39, 69, 92, 0.07) !important;
}

main .fdgm-direct-contact-card:hover {
  border-color: #9ED3E7 !important;
  transform: translateY(-1px) !important;
}

main .fdgm-direct-contact-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  background: #EAF6FB !important;
  border: 1px solid #B7DCEB !important;
  color: #00857C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
}

main .fdgm-direct-contact-card-accent,
main .fdgm-direct-contact-card-accent p {
  color: #1A2530 !important;
}

main .fdgm-direct-contact-card-accent p:last-child {
  color: #5B6770 !important;
}

main .fdgm-blog-int-hero {
  height: clamp(380px, 34vw, 520px) !important;
  min-height: 390px !important;
}

main .fdgm-blog-int-hero .fdgm-hero-copy {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

main .fdgm-blog-int-hero h1 {
  max-width: 760px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: clamp(42px, 4.4vw, 68px) !important;
  line-height: 1 !important;
}

main .fdgm-blog-tile {
  min-width: 0 !important;
}

main .fdgm-blog-tile-image {
  aspect-ratio: 16 / 10.5 !important;
  border-radius: 0 !important;
}

main .fdgm-blog-tile h2 {
  font-size: clamp(24px, 2.1vw, 32px) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

main .fdgm-blog-detail-visual {
  aspect-ratio: 16 / 7.6 !important;
}

footer .fdgm-contact-value,
main .fdgm-public-contact-value {
  user-select: text !important;
  overflow-wrap: anywhere !important;
}

footer > .bg-white .fdgm-footer-contact-card {
  min-height: 118px !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child {
  min-width: 0 !important;
}

@media (max-width: 1023px) {
  main .fdgm-company-stat-card {
    min-height: 138px !important;
  }

  main .fdgm-company-stat-card:nth-child(2n),
  main .fdgm-company-stat-card:nth-child(-n + 2) {
    border: 0 !important;
  }
}

@media (max-width: 768px) {
  main .fdgm-company-overview {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  main .fdgm-company-copy {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  main .fdgm-company-stat-card {
    min-height: 124px !important;
    padding: 12px 0 !important;
  }

  main .fdgm-company-stat-card [data-count],
  main .fdgm-company-stat-value {
    font-size: clamp(40px, 11.2vw, 52px) !important;
  }

  main .fdgm-company-stat-card:nth-child(2) [data-count] {
    font-size: clamp(34px, 9.4vw, 43px) !important;
  }

  main .fdgm-company-stat-card::before {
    margin-bottom: 18px !important;
  }

  main .fdgm-company-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
  }

  main .fdgm-company-stat-card,
  main .fdgm-company-stat-card:nth-child(2n),
  main .fdgm-company-stat-card:last-child {
    border: 0 !important;
  }

  main .fdgm-company-stat-card:nth-child(-n + 3) {
    border-bottom: 0 !important;
  }

  main .fdgm-blog-int-hero {
    min-height: 500px !important;
  }

  main .fdgm-blog-int-hero h1 {
    max-width: 340px !important;
    font-size: clamp(34px, 9.4vw, 42px) !important;
    line-height: 1.02 !important;
  }

  main .fdgm-blog-detail-visual {
    aspect-ratio: 4 / 3 !important;
  }

  main .fdgm-direct-contact-card {
    min-height: 132px !important;
  }
}

main .reveal,
main .reveal-up,
main .reveal-left,
main .reveal-right,
footer .reveal,
footer .reveal-up,
footer .reveal-left,
footer .reveal-right {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

footer .border-t.flex > div {
  line-height: 1.45 !important;
}

@media (max-width: 768px) {
  main a.fdgm-icon-button,
  main button.fdgm-icon-button,
  main a[class*="rounded-full"],
  main button[class*="rounded-full"] {
    max-width: 100% !important;
    white-space: normal !important;
  }

  footer > .bg-white .fdgm-footer-contact-card {
    min-height: 96px !important;
  }
}

/* ===========================================
   44. FDGM article/contact alignment
   Stable classes for public templates; avoids dynamic utility drift.
   =========================================== */

.fdgm-public-contact-card {
  border-color: #dfe5e8 !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 0 rgba(26, 37, 48, 0.03) !important;
  min-height: 104px !important;
  align-items: center !important;
}

.fdgm-public-contact-card:hover {
  border-color: #8ccbc5 !important;
  box-shadow: 0 16px 34px rgba(26, 37, 48, 0.10) !important;
}

.fdgm-public-contact-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 10px !important;
  background: #eaf6f5 !important;
  color: #00857c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fdgm-public-contact-icon svg,
.fdgm-public-contact-icon i {
  color: #00857c !important;
  stroke: #00857c !important;
}

.fdgm-public-contact-label {
  display: block !important;
  color: #6d7a83 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.fdgm-public-contact-value {
  color: #1a2530 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  margin-top: 6px !important;
  overflow-wrap: anywhere !important;
}

footer [data-lucide="languages"],
footer [data-lucide="languages"] + span:empty,
footer [data-lucide="languages"] + span:empty + span {
  display: none !important;
}

footer > .bg-white .fdgm-footer-contact-card {
  min-height: 104px !important;
  align-items: flex-start !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child {
  display: block !important;
  min-width: 0 !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > p {
  display: block !important;
  margin-top: 8px !important;
  color: #1a2530 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow-wrap: anywhere !important;
  transform: none !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > span:first-child,
footer .fdgm-public-contact-label {
  color: #5f6870 !important;
}

footer .border-t.flex {
  align-items: flex-start !important;
}

footer .border-t.flex > div {
  min-width: 0 !important;
}

footer .border-t.flex > div:first-child {
  max-width: 560px !important;
}

footer .border-t.flex > div:first-child span:last-child {
  display: inline !important;
  white-space: normal !important;
  line-height: 1.55 !important;
}

.fdgm-blog-detail-head h1 {
  color: #182733 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.fdgm-blog-detail-visual {
  box-shadow: 0 18px 42px rgba(26, 37, 48, 0.12) !important;
}

.fdgm-blog-detail-body {
  color: #394854 !important;
}

.fdgm-blog-detail-points > div {
  min-height: 112px !important;
}

.fdgm-contact-company-panel {
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(26, 37, 48, 0.08) !important;
}

.fdgm-contact-company-list span {
  color: #394854 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

.fdgm-contact-company-visual img {
  filter: saturate(0.98) contrast(1.05) !important;
}

@media (max-width: 768px) {
  .fdgm-blog-detail-points > div {
    min-height: 0 !important;
  }

  .fdgm-contact-company-panel {
    border-radius: 18px !important;
  }

  .fdgm-contact-company-visual {
    min-height: 300px !important;
  }

}

/* ===========================================
   45. Product archive + single gallery light-blue polish
   Keep primary CTA navy/blue styling intact; this only lightens category
   navigation, product badges, and gallery selection states.
   =========================================== */

main [data-fdgm-product-gallery] [data-fdgm-gallery-main],
main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb] img {
  object-fit: contain !important;
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb] {
  appearance: none !important;
  -webkit-appearance: none !important;
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb]:hover,
main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb]:focus-visible {
  opacity: 1 !important;
  border-color: #7CC6E3 !important;
  box-shadow: 0 0 0 3px rgba(75, 175, 212, 0.14) !important;
  outline: none !important;
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb][aria-pressed="true"] {
  border-color: #4BAFD4 !important;
  opacity: 1 !important;
}

/* ===========================================
   46. Homepage catalogue carousel + light icon chips
   =========================================== */

main .fdgm-catalog-carousel {
  background: #eaf2f5 !important;
  height: clamp(520px, 72vh, 760px) !important;
  min-height: 520px !important;
  max-height: 760px !important;
}

main .fdgm-catalog-carousel .fdgm-home-hero-bg {
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.96) contrast(1.02) brightness(0.98) !important;
}

main .fdgm-catalog-carousel .fdgm-home-hero-overlay {
  background:
    linear-gradient(90deg, rgba(9, 24, 32, 0.70) 0%, rgba(13, 35, 45, 0.46) 34%, rgba(13, 35, 45, 0.13) 66%, rgba(13, 35, 45, 0.00) 100%),
    linear-gradient(180deg, rgba(9, 24, 32, 0.10) 0%, rgba(9, 24, 32, 0.30) 100%) !important;
}

main .fdgm-catalog-carousel .fdgm-home-hero-copy {
  padding: clamp(18px, 2.4vw, 34px) 0;
  transform: translateY(-8px);
}

main .fdgm-catalog-carousel .fdgm-home-hero-eyebrow {
  font-size: clamp(12px, 0.9vw, 16px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.24em !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.84) !important;
}

main .fdgm-catalog-carousel .fdgm-home-hero-copy h2 {
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.018em !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.28) !important;
}

main .fdgm-catalog-carousel .fdgm-home-hero-body {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(16px, 1.08vw, 18px) !important;
  line-height: 1.62 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.24) !important;
}

main .fdgm-catalog-carousel .hero-prev,
main .fdgm-catalog-carousel .hero-next {
  width: 42px !important;
  height: 42px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(183, 220, 235, 0.95) !important;
  color: #27455C !important;
  box-shadow: 0 8px 24px rgba(26, 37, 48, 0.12) !important;
}

@media (min-width: 1024px) {
  main .fdgm-catalog-carousel .hero-group > .relative.z-10 {
    padding-left: clamp(128px, 13.5vw, 212px) !important;
    padding-right: clamp(72px, 8vw, 132px) !important;
  }

  main .fdgm-catalog-carousel .fdgm-home-hero-body {
    max-width: 620px !important;
  }
}

main .fdgm-catalog-carousel .hero-prev {
  left: clamp(18px, 2.2vw, 32px) !important;
}

main .fdgm-catalog-carousel .hero-next {
  right: clamp(18px, 2.2vw, 32px) !important;
}

main .fdgm-catalog-carousel .hero-prev svg,
main .fdgm-catalog-carousel .hero-next svg,
main .fdgm-catalog-carousel .hero-prev i,
main .fdgm-catalog-carousel .hero-next i {
  color: #27455C !important;
  stroke: #27455C !important;
}

main .fdgm-catalog-carousel .hero-prev:hover,
main .fdgm-catalog-carousel .hero-next:hover {
  background: #EAF6FB !important;
  border-color: #7CC6E3 !important;
}

main .fdgm-catalog-carousel .hero-dot {
  width: 9px !important;
  height: 9px !important;
  border-color: rgba(255, 255, 255, 0.78) !important;
}

main .fdgm-proof-card > div:first-child,
main .fdgm-proof-card .w-12.h-12.rounded-xl,
footer .group > .w-12.h-12.rounded-xl {
  background: #EAF6FB !important;
  border: 1px solid #B7DCEB !important;
  color: #27455C !important;
  box-shadow: none !important;
}

main .fdgm-proof-card > div:first-child svg,
main .fdgm-proof-card > div:first-child i,
footer .group > .w-12.h-12.rounded-xl svg,
footer .group > .w-12.h-12.rounded-xl i,
.fdgm-public-contact-icon svg,
.fdgm-public-contact-icon i {
  color: #00857C !important;
  stroke: #00857C !important;
  opacity: 1 !important;
  display: block !important;
}

main .fdgm-proof-card:hover > div:first-child,
footer .group:hover > .w-12.h-12.rounded-xl {
  background: #DDF1F7 !important;
  border-color: #7CC6E3 !important;
}

main .fdgm-archive-heading-panel,
main .fdgm-archive-inquiry-panel {
  border: 1px solid #E0E8EC !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

main .fdgm-archive-heading-panel {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(245,250,252,0.94) 60%, rgba(232,246,251,0.88) 100%) !important;
}

main .fdgm-archive-heading-panel h1 {
  color: #1A2530 !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  line-height: 0.95 !important;
  letter-spacing: 0.018em !important;
  text-shadow: none !important;
}

main .fdgm-archive-heading-panel p {
  max-width: 720px !important;
  color: #4D5B66 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

main .fdgm-archive-heading-panel select {
  background: #FFFFFF !important;
  border: 1px solid #D9E5EA !important;
  border-radius: 999px !important;
  min-width: 176px !important;
  box-shadow: 0 1px 4px rgba(26, 37, 48, 0.05) !important;
}

main .fdgm-archive-inquiry-panel {
  background: #FFFFFF !important;
}

main .fdgm-archive-inquiry-panel h3 {
  color: #1A2530 !important;
  letter-spacing: 0.018em !important;
}

main .fdgm-archive-inquiry-panel p {
  color: #4D5B66 !important;
  line-height: 1.55 !important;
}

main .fdgm-product-family-grid .fdgm-family-card img,
main .fdgm-products-grid img[src*="fdgm-water-hose-reel"],
main .fdgm-products-grid img[src*="fdgm-air-hose-reel"],
main .fdgm-products-grid img[src*="fdgm-accessory"],
main img[src*="fdgm-water-hose-reel"][class*="object-cover"],
main img[src*="fdgm-air-hose-reel"][class*="object-cover"],
main img[src*="fdgm-accessory"][class*="object-cover"],
main img[src*="fdgm-spray-gun"][class*="object-cover"],
main img[src*="fdgm-nozzle"][class*="object-cover"] {
  object-fit: contain !important;
  padding: clamp(18px, 3vw, 42px) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(234, 246, 251, 0.78), rgba(255,255,255,0.94) 52%, #f7fafb 100%) !important;
}

main .fdgm-product-family-grid .fdgm-family-card {
  background: #F7FAFB !important;
  border: 1px solid #E0E8EC !important;
  box-shadow: 0 1px 8px rgba(26, 37, 48, 0.05) !important;
}

main .fdgm-product-family-grid .fdgm-family-card > img {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  height: 68% !important;
  object-fit: contain !important;
  object-position: center 48% !important;
  transform-origin: center center !important;
}

main .fdgm-product-family-grid .fdgm-family-card:hover > img {
  transform: scale(1.035) !important;
}

main .fdgm-product-family-grid .fdgm-family-card > div[class*="gradient"] {
  background:
    linear-gradient(180deg, rgba(247,250,251,0.04) 0%, rgba(247,250,251,0.00) 42%, rgba(18,31,40,0.72) 72%, rgba(13,25,34,0.92) 100%) !important;
}

main .fdgm-product-family-grid .fdgm-family-card h3,
main .fdgm-product-family-grid .fdgm-family-card p {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.32) !important;
}

main .fdgm-product-family-grid .fdgm-family-card p {
  color: rgba(255, 255, 255, 0.80) !important;
}

@media (max-width: 768px) {
  main .fdgm-product-family-grid .fdgm-family-card {
    aspect-ratio: 4 / 4.72 !important;
  }

  main .fdgm-product-family-grid .fdgm-family-card > div:last-child {
    padding: 24px !important;
  }

  main .fdgm-product-family-grid .fdgm-family-card h3 {
    font-size: 21px !important;
    line-height: 1.02 !important;
    margin-bottom: 10px !important;
  }

  main .fdgm-product-family-grid .fdgm-family-card p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

main .fdgm-article-card > a.aspect-square {
  aspect-ratio: 4 / 3 !important;
  min-height: 235px !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(234, 246, 251, 0.88), rgba(255,255,255,0.96) 56%, #F7FAFB 100%) !important;
}

main .fdgm-article-card > a.aspect-square img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  background: transparent !important;
  mix-blend-mode: multiply;
}

main .fdgm-article-card h3 {
  line-height: 1.12 !important;
}

main .fdgm-blog-detail h1,
main .fdgm-blog-hero h1,
main .fdgm-article-card h2,
main .fdgm-article-card h3 {
  letter-spacing: 0.012em !important;
}

main .fdgm-blog-detail {
  background: #FFFFFF !important;
}

main .fdgm-blog-detail .img-shine,
main .fdgm-blog-detail-visual {
  border-radius: 8px !important;
}

main .fdgm-blog-detail-back {
  background: #fff !important;
  padding-top: clamp(22px, 3vw, 34px) !important;
  padding-bottom: clamp(14px, 2vw, 22px) !important;
}

main .fdgm-blog-detail-head {
  padding-top: clamp(8px, 1.4vw, 18px) !important;
  padding-bottom: clamp(44px, 5vw, 70px) !important;
}

main .fdgm-blog-detail-head h1 {
  letter-spacing: 0 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  max-width: 900px !important;
}

main .fdgm-blog-detail-meta {
  letter-spacing: 0.16em !important;
}

main .fdgm-blog-detail-visual {
  box-shadow: none !important;
}

main .fdgm-blog-detail-body {
  color: #263440 !important;
}

main .fdgm-blog-detail-lead {
  font-weight: 500 !important;
}

main .fdgm-blog-detail-point {
  border-radius: 8px !important;
  background: #F7FAF9 !important;
}

main .fdgm-blog-detail-chip {
  border-radius: 999px !important;
}

main .fdgm-blog-int-hero {
  margin-top: 0 !important;
  height: clamp(390px, 34vw, 520px) !important;
  min-height: 390px !important;
}

main .fdgm-blog-int-hero-overlay {
  background:
    linear-gradient(90deg, rgba(10, 16, 22, 0.80) 0%, rgba(18, 29, 38, 0.58) 34%, rgba(18, 29, 38, 0.18) 68%, rgba(18, 29, 38, 0.06) 100%),
    linear-gradient(180deg, rgba(10, 16, 22, 0.12) 0%, rgba(10, 16, 22, 0.34) 100%) !important;
}

main .fdgm-blog-index h1,
main .fdgm-blog-index h2 {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
}

main .fdgm-blog-int-hero h1 {
  color: #fff !important;
  max-width: 1020px !important;
}

main .fdgm-blog-int-hero p,
main .fdgm-blog-int-hero span,
main .fdgm-blog-int-hero a {
  color: #fff !important;
}

main .fdgm-blog-int-hero p:not(:first-child) {
  color: rgba(255, 255, 255, 0.88) !important;
}

main .fdgm-blog-read {
  background: #00857C !important;
  box-shadow: none !important;
}

main .fdgm-blog-read:hover {
  background: #00756D !important;
}

main .fdgm-blog-tile-image {
  aspect-ratio: 4 / 3 !important;
  border-radius: 0 !important;
}

main .fdgm-blog-tile-grid {
  row-gap: clamp(38px, 4vw, 58px) !important;
  align-items: start !important;
}

main .fdgm-blog-tile h2 {
  font-size: clamp(20px, 1.28vw, 23px) !important;
  line-height: 1.16 !important;
  max-width: 620px !important;
  margin-bottom: 12px !important;
}

main .fdgm-blog-tile {
  padding-bottom: 0 !important;
}

main .fdgm-blog-tile-copy p {
  color: #394854 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin-bottom: 18px !important;
}

main .fdgm-blog-tile-copy {
  padding-top: 18px !important;
}

main .fdgm-blog-tile .fdgm-blog-read {
  padding: 10px 18px !important;
  font-size: 13px !important;
}

main .fdgm-blog-detail header .img-shine img[src*="fdgm-lifestyle-pexels-hose-reel-wall"] {
  object-position: 66% 72% !important;
}

@media (max-width: 768px) {
  main .fdgm-blog-int-hero {
    min-height: 430px !important;
  }

  main .fdgm-blog-int-hero h1 {
    max-width: 340px !important;
  }

  main .fdgm-blog-tile-image {
    aspect-ratio: 4 / 3 !important;
  }

  main .fdgm-blog-tile-copy {
    padding-top: 18px !important;
  }

  main .fdgm-blog-tile h2 {
    font-size: 24px !important;
    line-height: 1.13 !important;
  }

  main .fdgm-blog-detail header .img-shine {
    aspect-ratio: 4 / 3.05 !important;
  }

  main .fdgm-blog-detail header .img-shine img[src*="fdgm-lifestyle-pexels-hose-reel-wall"] {
    object-position: 72% 82% !important;
  }
}

/* Homepage proof/factory module: visible icon chips and catalogue-like rhythm. */
main .fdgm-factory-section .fdgm-factory-proof-list {
  display: grid !important;
  gap: 14px !important;
  margin-bottom: 30px !important;
}

main .fdgm-factory-section .fdgm-factory-proof-list li {
  align-items: flex-start !important;
  gap: 14px !important;
  color: #394854 !important;
  font-size: 15px !important;
  line-height: 1.52 !important;
}

main .fdgm-factory-section .fdgm-factory-proof-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  background: #dff3f8 !important;
  border: 1px solid #8fd0e6 !important;
  color: #00857c !important;
}

main .fdgm-factory-section .fdgm-factory-proof-icon svg,
main .fdgm-factory-section .fdgm-factory-proof-icon i {
  width: 16px !important;
  height: 16px !important;
  color: #00857c !important;
  stroke: #00857c !important;
}

main .fdgm-factory-section h2 {
  max-width: 620px !important;
}

main .fdgm-factory-section p {
  color: #4a5964 !important;
}

/* Contact page density: company identity appears before department cards. */
main .fdgm-contact-company-section {
  margin-top: 0 !important;
  content-visibility: visible !important;
  contain: none !important;
  min-height: 0 !important;
}

main .fdgm-contact-company-panel {
  border-radius: 12px !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  content-visibility: visible !important;
  contain: none !important;
}

main .fdgm-contact-company-panel h2 {
  line-height: 1.02 !important;
}

main .fdgm-contact-company-visual {
  min-height: 410px !important;
}

main .fdgm-contact-company-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(26, 37, 48, 0.70) 0%, rgba(26, 37, 48, 0.46) 42%, rgba(26, 37, 48, 0.16) 100%),
    linear-gradient(180deg, rgba(26, 37, 48, 0.12) 0%, rgba(26, 37, 48, 0.46) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

main .fdgm-contact-company-visual > div:not(:last-child) {
  display: none !important;
}

main .fdgm-contact-company-visual > div:last-child {
  z-index: 2 !important;
  max-width: 760px !important;
}

main .fdgm-contact-company-visual h3,
main .fdgm-contact-company-visual p {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.42) !important;
}

main .fdgm-contact-company-visual h3 {
  line-height: 1.08 !important;
}

main .fdgm-contact-company-visual .rounded-2xl {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.44) !important;
}

main .fdgm-contact-map-shell {
  display: grid !important;
  grid-template-rows: minmax(360px, 1fr) auto !important;
  min-height: 410px !important;
}

main .fdgm-contact-map-visual {
  min-height: 360px !important;
  background:
    linear-gradient(135deg, rgba(234, 246, 251, 0.94), rgba(246, 249, 247, 0.98)),
    radial-gradient(circle at 22% 34%, rgba(0, 133, 124, 0.18), transparent 28%) !important;
}

main .fdgm-contact-map-visual iframe {
  filter: saturate(0.82) contrast(0.96) brightness(1.03) !important;
}

main .fdgm-contact-map-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 20px 22px !important;
  background: #fff !important;
  border-top: 1px solid #dee2e5 !important;
  box-shadow: none !important;
}

main .fdgm-contact-map-pin {
  position: absolute !important;
  z-index: 2 !important;
  left: 50% !important;
  top: 42% !important;
  width: 54px !important;
  height: 54px !important;
  margin-left: -27px !important;
  margin-top: -42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #00857c !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 32px rgba(0, 133, 124, 0.30) !important;
}

main .fdgm-contact-map-pin svg,
main .fdgm-contact-map-pin i {
  color: #fff !important;
  stroke: #fff !important;
}

main .fdgm-why-section .reveal,
main .fdgm-why-section .reveal-up,
main .fdgm-why-section .card-lift {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 768px) {
  main .fdgm-contact-company-section {
    padding-top: 36px !important;
    padding-bottom: 34px !important;
  }

  main .fdgm-contact-company-panel h2 {
    font-size: 31px !important;
    line-height: 1.04 !important;
  }

  main .fdgm-contact-company-visual {
    min-height: 310px !important;
  }

  main .fdgm-contact-map-visual {
    min-height: 320px !important;
  }

  main .fdgm-contact-map-card {
    display: block !important;
    padding: 18px !important;
  }

  main .fdgm-contact-map-card a {
    margin-top: 14px !important;
  }

  main .fdgm-contact-company-visual h3 {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }
}

@media (max-width: 768px) {
  main .fdgm-catalog-carousel {
    height: clamp(560px, 74vh, 660px) !important;
    min-height: 560px !important;
  }

  main .fdgm-catalog-carousel .fdgm-home-hero-overlay {
    background:
      linear-gradient(180deg, rgba(8, 22, 34, 0.12) 0%, rgba(8, 22, 34, 0.76) 100%),
      linear-gradient(90deg, rgba(8, 22, 34, 0.30), rgba(8, 22, 34, 0.04)) !important;
  }

  main .fdgm-catalog-carousel .fdgm-home-hero-copy h2 {
    font-size: clamp(56px, 15vw, 68px) !important;
    line-height: 0.90 !important;
    letter-spacing: 0.012em !important;
  }

  main .fdgm-catalog-carousel .fdgm-home-hero-body {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  main .fdgm-catalog-carousel .fdgm-home-hero-copy {
    transform: none !important;
  }

  main .fdgm-catalog-carousel .hero-prev {
    left: 16px !important;
  }

  main .fdgm-catalog-carousel .hero-next {
    right: 16px !important;
  }
}


/* ===========================================
   1. GOOGLE FONT
   =========================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');


/* ===========================================
   2. GLOBAL TYPOGRAPHY
   =========================================== */

body,
.woodmart-text-block,
.woocommerce-page {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--fdgm-text) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3,
.title,
.woodmart-title-container .title,
.slider-title,
#hero-carousel h2,
.elementor-heading-title {
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--fdgm-text) !important;
}

h4, h5, h6 {
  font-family: 'Inter', -apple-system, sans-serif !important;
  color: var(--fdgm-text) !important;
}

p, li, td, th, span, label {
  color: var(--fdgm-text-secondary);
}


/* ===========================================
   3. HEADER / NAVIGATION
   =========================================== */

#site-header,
.whb-row,
.woodmart-header-row {
  background: var(--fdgm-white) !important;
  border-bottom: 1px solid var(--fdgm-border) !important;
}

#header-nav {
  box-shadow: rgba(255, 255, 255, 0.41) 0 0 0 1px inset !important;
}

/* Top bar (announcement strip) */
.woodmart-header-row.whb-top-bar,
.whb-color-dark {
  background: var(--fdgm-charcoal-deep) !important;
}

.whb-top-bar a,
.whb-top-bar span,
.whb-top-bar .woodmart-text-block {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 12px !important;
}

/* Nav links */
.woodmart-navigation .menu > li > a,
.main-nav .menu > li > a,
#header-nav a {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
  color: var(--fdgm-gray) !important;
  transition: var(--fdgm-transition) !important;
}

.woodmart-navigation .menu > li > a:hover,
.woodmart-navigation .menu > li.current-menu-item > a,
.main-nav .menu > li > a:hover,
#header-nav a:hover {
  color: var(--fdgm-teal) !important;
}

/* Active nav underline (FDGM-style) */
.woodmart-navigation .menu > li.current-menu-item > a::after,
.woodmart-navigation .menu > li > a:hover::after {
  background-color: var(--fdgm-teal) !important;
}

/* Header CTA button */
.whb-column .btn-color-primary,
.woodmart-header-row .button.btn-color-primary {
  background-color: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border-radius: var(--fdgm-radius-pill) !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  padding: 10px 28px !important;
  transition: var(--fdgm-transition) !important;
}

.whb-column .btn-color-primary:hover,
.woodmart-header-row .button.btn-color-primary:hover {
  background-color: var(--fdgm-teal-dark) !important;
  transform: translateY(-1px);
}


/* ===========================================
   4. SEARCH
   =========================================== */

#search-open {
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#search-open > svg,
#search-open > i[data-lucide="search"] {
  width: 17px !important;
  height: 18px !important;
  color: var(--fdgm-gray) !important;
}

#search-open:hover > svg,
#search-open:hover > i {
  color: var(--fdgm-teal) !important;
}

/* Woodmart inline search — unified pill bar */
.woodmart-search-form,
.woodmart-ajax-search {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid var(--fdgm-teal) !important;
  border-radius: var(--fdgm-radius-pill) !important;
  background: var(--fdgm-white) !important;
  overflow: hidden !important;
  height: 44px !important;
  box-shadow: none !important;
  transition: var(--fdgm-transition) !important;
}

.woodmart-search-form:focus-within,
.woodmart-ajax-search:focus-within {
  border-color: var(--fdgm-teal) !important;
  box-shadow: 0 0 0 3px rgba(0, 133, 124, 0.1) !important;
}

/* X (close) button — flush inside the pill, no own border */
.woodmart-search-form .woodmart-close-search,
.woodmart-ajax-search .woodmart-close-search,
.woodmart-search-form .close-search,
.woodmart-ajax-search .close-search {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: var(--fdgm-text-muted) !important;
  padding: 0 !important;
  margin: 0 0 0 4px !important;
  border-radius: 0 !important;
  transition: color 0.2s ease !important;
}

.woodmart-search-form .woodmart-close-search:hover,
.woodmart-ajax-search .woodmart-close-search:hover,
.woodmart-search-form .close-search:hover,
.woodmart-ajax-search .close-search:hover {
  color: var(--fdgm-teal) !important;
  background: none !important;
}

/* Input — borderless, fills remaining space */
.woodmart-search-form input[type="text"],
.woodmart-ajax-search input[type="text"] {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
  color: var(--fdgm-text) !important;
  flex: 1 !important;
  height: 100% !important;
  padding: 0 12px !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
}

.woodmart-search-form input[type="text"]::placeholder,
.woodmart-ajax-search input[type="text"]::placeholder {
  color: var(--fdgm-text-muted) !important;
  font-size: 13px !important;
}

/* Search submit button — icon only, flush right */
.woodmart-search-form .searchsubmit,
.woodmart-search-form button[type="submit"],
.woodmart-ajax-search .searchsubmit,
.woodmart-ajax-search button[type="submit"] {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: var(--fdgm-teal) !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  border-radius: 0 !important;
  transition: color 0.2s ease !important;
}

.woodmart-search-form .searchsubmit:hover,
.woodmart-ajax-search .searchsubmit:hover {
  color: var(--fdgm-teal-dark) !important;
}

/* Full-screen search overlay input */
#header-search input[type="text"] {
  border: none !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  background: transparent !important;
}

/* Hide redundant wrapper borders inside Woodmart search */
.woodmart-search-form form,
.woodmart-ajax-search form,
.woodmart-search-form .searchform,
.woodmart-ajax-search .searchform {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  height: 100% !important;
}

/* Category select inside search (if present) */
.woodmart-search-form .search-by-cat,
.woodmart-ajax-search .search-by-cat {
  border: none !important;
  border-right: 1px solid var(--fdgm-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
  color: var(--fdgm-text-secondary) !important;
  padding: 0 12px !important;
  height: 100% !important;
}


/* ===========================================
   5. LANGUAGE SWITCHER
   =========================================== */

#header-nav > span,
.wpml-ls-item a {
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: var(--fdgm-text-muted) !important;
  white-space: nowrap;
}

.wpml-ls-item.wpml-ls-current-language a,
.wpml-ls-item a:hover {
  color: var(--fdgm-teal) !important;
  font-weight: 600 !important;
}


/* ===========================================
   6. HERO / SLIDER
   =========================================== */

.woodmart-slider,
.wd-slider,
#hero-carousel {
  position: relative;
}

.woodmart-slider .slide-content h2,
.wd-slider .container h2,
#hero-carousel h2 {
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.05 !important;
  color: var(--fdgm-white) !important;
}

.woodmart-slider .slide-content .subtitle,
.wd-slider .subtitle {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--fdgm-teal-light) !important;
  margin-bottom: 12px !important;
}

.woodmart-slider .slide-content p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 16px !important;
  max-width: 480px;
}

/* Hero buttons */
.woodmart-slider .btn-wrapper .btn,
.woodmart-slider .slide-content a.btn {
  border-radius: var(--fdgm-radius-pill) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  transition: var(--fdgm-transition) !important;
  letter-spacing: 0.03em !important;
}

/* Primary hero button — white bg */
.woodmart-slider .btn-wrapper .btn:first-child {
  background: var(--fdgm-white) !important;
  color: var(--fdgm-charcoal-deep) !important;
  border: none !important;
}

.woodmart-slider .btn-wrapper .btn:first-child:hover {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 133, 124, 0.3);
}

/* Secondary hero button — outline */
.woodmart-slider .btn-wrapper .btn:nth-child(2) {
  background: transparent !important;
  color: var(--fdgm-white) !important;
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
}

.woodmart-slider .btn-wrapper .btn:nth-child(2):hover {
  border-color: var(--fdgm-white) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Slider navigation dots */
.woodmart-slider .owl-dots .owl-dot span,
.wd-slider .flickity-page-dots .dot {
  background: rgba(255, 255, 255, 0.3) !important;
  width: 10px !important;
  height: 10px !important;
}

.woodmart-slider .owl-dots .owl-dot.active span,
.wd-slider .flickity-page-dots .dot.is-selected {
  background: var(--fdgm-teal) !important;
}

/* Slider arrows */
.woodmart-slider .owl-nav .owl-prev,
.woodmart-slider .owl-nav .owl-next {
  color: var(--fdgm-white) !important;
  opacity: 0.6;
  transition: var(--fdgm-transition);
}

.woodmart-slider .owl-nav .owl-prev:hover,
.woodmart-slider .owl-nav .owl-next:hover {
  opacity: 1;
}


/* ===========================================
   7. BUTTONS (Global)
   =========================================== */

/* Primary button — teal */
.btn-color-primary,
.button.btn-color-primary,
.woodmart-button-wrapper .btn-color-primary,
.elementor-button.elementor-button-primary,
a.btn-color-primary,
button.btn-color-primary,
input[type="submit"].btn-color-primary {
  background-color: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border: none !important;
  border-radius: var(--fdgm-radius-pill) !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  transition: var(--fdgm-transition) !important;
  cursor: pointer;
}

.btn-color-primary:hover,
.button.btn-color-primary:hover,
a.btn-color-primary:hover {
  background-color: var(--fdgm-teal-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 133, 124, 0.25) !important;
}

/* Secondary button — charcoal */
.btn-color-secondary,
.woodmart-button-wrapper .btn-color-secondary {
  background-color: var(--fdgm-charcoal) !important;
  color: var(--fdgm-white) !important;
  border: none !important;
  border-radius: var(--fdgm-radius-pill) !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: var(--fdgm-transition) !important;
}

.btn-color-secondary:hover {
  background-color: var(--fdgm-charcoal-deep) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(26, 37, 48, 0.25) !important;
}

/* Outline button */
.btn-style-bordered,
.btn-style-link {
  background: transparent !important;
  color: var(--fdgm-teal) !important;
  border: 2px solid var(--fdgm-teal) !important;
  border-radius: var(--fdgm-radius-pill) !important;
}

.btn-style-bordered:hover {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
}

/* White button (for dark backgrounds) */
.btn-color-white {
  background: var(--fdgm-white) !important;
  color: var(--fdgm-charcoal) !important;
  border-radius: var(--fdgm-radius-pill) !important;
}

.btn-color-white:hover {
  background: var(--fdgm-teal-light) !important;
  color: var(--fdgm-teal-dark) !important;
}

/* WooCommerce cart/add buttons */
.single_add_to_cart_button,
.add_to_cart_button,
.woocommerce .button.alt,
.wc-block-components-button {
  background-color: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border-radius: var(--fdgm-radius-pill) !important;
  border: none !important;
  transition: var(--fdgm-transition) !important;
}

.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.woocommerce .button.alt:hover {
  background-color: var(--fdgm-teal-dark) !important;
}


/* ===========================================
   8. PRODUCT CARDS
   =========================================== */

.woodmart-product-card,
.product-grid-item .product-element-bottom,
.product-grid-item {
  border: 1px solid var(--fdgm-border) !important;
  border-radius: var(--fdgm-radius-card) !important;
  overflow: hidden;
  transition: var(--fdgm-transition) !important;
  background: var(--fdgm-white) !important;
}

.woodmart-product-card:hover,
.product-grid-item:hover {
  border-color: var(--fdgm-teal) !important;
  transform: translateY(-4px);
  box-shadow: var(--fdgm-shadow-hover) !important;
}

.product-grid-item .product-element-bottom {
  border: none !important;
}

/* Product title */
.woodmart-product-card .product-title,
.product-grid-item .wd-entities-title a {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--fdgm-text) !important;
  transition: var(--fdgm-transition) !important;
}

.woodmart-product-card .product-title:hover,
.product-grid-item .wd-entities-title a:hover {
  color: var(--fdgm-teal) !important;
}

/* Product price */
.woodmart-product-card .price,
.product-grid-item .price {
  color: var(--fdgm-charcoal) !important;
  font-weight: 700 !important;
}

/* Category badge on product */
.woodmart-product-card .product-labels span,
.product-grid-item .product-labels span {
  background-color: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border-radius: var(--fdgm-radius-sm) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Product image hover zoom */
.product-grid-item .product-image-link img {
  transition: transform 0.5s ease !important;
}

.product-grid-item:hover .product-image-link img {
  transform: scale(1.05);
}


/* ===========================================
   9. CATEGORY CARDS (Explore Grid)
   White text + dark gradient overlay on image cards
   =========================================== */

/* --- Card container --- */
.woodmart-categories-grid .category-grid-item,
.wd-cat .wd-cat-inner,
.wd-cat,
.woodmart-cat-with-img,
.woodmart-category-image-bg,
.category-grid-item,
.promo-banner,
.woodmart-promo-banner {
  border-radius: var(--fdgm-radius-card) !important;
  overflow: hidden !important;
  position: relative !important;
  transition: var(--fdgm-transition) !important;
}

/* --- Dark gradient overlay (bottom 70%) for text readability --- */
.woodmart-categories-grid .category-grid-item::after,
.wd-cat::after,
.wd-cat .wd-cat-inner::after,
.woodmart-cat-with-img::after,
.category-grid-item::after,
.promo-banner::after,
.woodmart-promo-banner::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.65) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}

/* --- Text content sits above overlay --- */
.woodmart-categories-grid .category-grid-item .category-content,
.woodmart-categories-grid .category-grid-item .content-cat-info,
.wd-cat .wd-cat-content,
.wd-cat .wd-cat-inner > div:not(.wd-cat-img),
.category-grid-item .category-content,
.category-grid-item .content-cat-info,
.promo-banner .banner-inner,
.promo-banner .woodmart-banner-content,
.woodmart-promo-banner .banner-inner,
.woodmart-promo-banner .woodmart-banner-content {
  position: relative !important;
  z-index: 2 !important;
}

/* --- Title — WHITE --- */
.woodmart-categories-grid .category-grid-item .category-title,
.woodmart-categories-grid .category-grid-item h3,
.woodmart-categories-grid .category-grid-item h4,
.wd-cat .wd-cat-title,
.wd-cat h3,
.wd-cat-inner h3,
.category-grid-item .category-title,
.category-grid-item h3,
.category-grid-item h4,
.promo-banner h3,
.promo-banner h4,
.promo-banner .banner-title,
.woodmart-promo-banner h3,
.woodmart-promo-banner .banner-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(20px, 2.5vw, 28px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #FFFFFF !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* --- Description — WHITE 85% --- */
.woodmart-categories-grid .category-grid-item p,
.woodmart-categories-grid .category-grid-item .category-desc,
.wd-cat .wd-cat-desc,
.wd-cat p,
.wd-cat-inner p,
.category-grid-item p,
.category-grid-item .category-desc,
.promo-banner p,
.promo-banner .banner-desc,
.woodmart-promo-banner p,
.woodmart-promo-banner .banner-desc {
  color: rgba(255, 255, 255, 0.85) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* --- "Explore range →" link — WHITE --- */
.woodmart-categories-grid .category-grid-item a,
.woodmart-categories-grid .category-grid-item .category-link,
.woodmart-categories-grid .category-grid-item span,
.wd-cat a,
.wd-cat .wd-cat-link,
.wd-cat span,
.wd-cat-inner a,
.wd-cat-inner span,
.category-grid-item a,
.category-grid-item span,
.promo-banner a,
.promo-banner span,
.woodmart-promo-banner a,
.woodmart-promo-banner span {
  color: #FFFFFF !important;
}

/* --- Product count badge — semi-transparent white --- */
.woodmart-categories-grid .category-grid-item .category-count,
.wd-cat .wd-cat-count {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* --- Hover: lift + shadow --- */
.woodmart-categories-grid .category-grid-item:hover,
.wd-cat:hover,
.category-grid-item:hover,
.promo-banner:hover,
.woodmart-promo-banner:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--fdgm-shadow-hover) !important;
}

/* --- Hover: image zoom --- */
.woodmart-categories-grid .category-grid-item img,
.wd-cat img,
.wd-cat-inner img,
.category-grid-item img,
.promo-banner img,
.woodmart-promo-banner img {
  transition: transform 0.6s cubic-bezier(.4, 0, .2, 1) !important;
}

.woodmart-categories-grid .category-grid-item:hover img,
.wd-cat:hover img,
.wd-cat-inner:hover img,
.category-grid-item:hover img,
.promo-banner:hover img,
.woodmart-promo-banner:hover img {
  transform: scale(1.06) !important;
}


/* ===========================================
   10. SECTION PATTERNS
   =========================================== */

/* Dark section (charcoal bg — for stats, CTAs) */
.fdgm-section-dark,
.elementor-section[data-settings*="dark"],
section.bg-dark {
  background-color: var(--fdgm-charcoal-deep) !important;
}

.fdgm-section-dark h2,
.fdgm-section-dark h3,
.fdgm-section-dark .title {
  color: var(--fdgm-white) !important;
}

.fdgm-section-dark p,
.fdgm-section-dark span {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Teal CTA section */
.fdgm-section-teal,
section.bg-teal {
  background-color: var(--fdgm-teal) !important;
}

.fdgm-section-teal h2,
.fdgm-section-teal p {
  color: var(--fdgm-white) !important;
}

/* Light section */
.fdgm-section-light,
section.bg-light {
  background-color: var(--fdgm-gray-light) !important;
}

/* Teal-tinted light section */
.fdgm-section-teal-light {
  background-color: var(--fdgm-teal-light) !important;
}

/* Tag/label (section subtitle) */
.fdgm-tag,
.section-subtitle {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--fdgm-teal) !important;
  margin-bottom: 12px !important;
}


/* ===========================================
   11. BENEFIT / FEATURE CARDS
   =========================================== */

.fdgm-card,
.woodmart-info-box,
.wd-info-box {
  border: 1px solid var(--fdgm-border) !important;
  border-radius: var(--fdgm-radius-card) !important;
  padding: 30px 25px !important;
  background: var(--fdgm-white) !important;
  transition: var(--fdgm-transition) !important;
}

.fdgm-card:hover,
.woodmart-info-box:hover,
.wd-info-box:hover {
  border-color: var(--fdgm-teal) !important;
  transform: translateY(-4px);
  box-shadow: var(--fdgm-shadow-hover) !important;
}

/* Icon in cards */
.woodmart-info-box .info-box-icon,
.wd-info-box .info-svg-wrapper {
  color: var(--fdgm-teal) !important;
}

.woodmart-info-box .info-box-icon svg,
.woodmart-info-box .info-box-icon i {
  color: var(--fdgm-teal) !important;
  fill: var(--fdgm-teal) !important;
}


/* ===========================================
   12. STATS COUNTER SECTION
   =========================================== */

.woodmart-counter .counter-value,
.elementor-counter .elementor-counter-number-wrapper {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  color: var(--fdgm-white) !important;
}

.woodmart-counter .counter-label,
.elementor-counter .elementor-counter-title {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}


/* ===========================================
   13. PROMO CARDS (Large dual-card section)
   =========================================== */

.fdgm-promo-dark {
  background: var(--fdgm-charcoal) !important;
  border-radius: 24px !important;
  padding: 50px 40px !important;
}

.fdgm-promo-dark h3 {
  color: var(--fdgm-white) !important;
}

.fdgm-promo-dark p {
  color: rgba(255, 255, 255, 0.8) !important;
}

.fdgm-promo-light {
  background: var(--fdgm-teal-light) !important;
  border-radius: 24px !important;
  padding: 50px 40px !important;
}

.fdgm-promo-light h3 {
  color: var(--fdgm-text) !important;
}


/* ===========================================
   14. FOOTER
   =========================================== */

.woodmart-footer,
.footer-container,
footer.site-footer {
  background-color: var(--fdgm-charcoal-deep) !important;
}

/* Footer headings */
.woodmart-footer .widget-title,
footer .widget-title,
.footer-widget-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-bottom: 20px !important;
}

/* Footer text */
.woodmart-footer p,
.woodmart-footer .textwidget,
footer p,
footer .textwidget {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Footer links */
.woodmart-footer a,
footer .widget a,
footer .menu a {
  color: rgba(255, 255, 255, 0.85) !important;
  transition: var(--fdgm-transition) !important;
}

.woodmart-footer a:hover,
footer .widget a:hover,
footer .menu a:hover {
  color: var(--fdgm-teal) !important;
}

/* Footer icons */
.woodmart-footer .woodmart-social-icons a,
footer .social-icons a {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--fdgm-white) !important;
  border-radius: 50% !important;
  transition: var(--fdgm-transition) !important;
}

.woodmart-footer .woodmart-social-icons a:hover,
footer .social-icons a:hover {
  background: var(--fdgm-teal) !important;
}

/* Footer bottom bar */
.copyrights-wrapper,
.footer-bottom-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.copyrights-wrapper span,
.copyrights-wrapper p,
.footer-bottom-bar span {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 13px !important;
}

/* Footer contact icons */
.woodmart-footer .woodmart-icon-list-icon,
footer .icon-list-icon {
  color: var(--fdgm-teal) !important;
}


/* ===========================================
   15. FORMS (Contact / RFQ)
   =========================================== */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form select,
.wpcf7-form textarea {
  border: 1px solid var(--fdgm-border) !important;
  border-radius: var(--fdgm-radius-sm) !important;
  padding: 0 16px !important;
  height: 48px !important;
  font-size: 14px !important;
  transition: var(--fdgm-transition) !important;
  background: var(--fdgm-white) !important;
  box-sizing: border-box !important;
}

.wpcf7-form textarea {
  height: auto !important;
  padding: 12px 16px !important;
  min-height: 120px !important;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  border-color: var(--fdgm-teal) !important;
  box-shadow: 0 0 0 3px rgba(0, 133, 124, 0.1) !important;
  outline: none !important;
}

.wpcf7-form input[type="submit"] {
  background-color: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border: none !important;
  border-radius: var(--fdgm-radius-pill) !important;
  padding: 14px 36px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: var(--fdgm-transition) !important;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: var(--fdgm-teal-dark) !important;
  transform: translateY(-2px);
}


/* ===========================================
   16. BREADCRUMBS
   =========================================== */

.woodmart-breadcrumbs,
.woocommerce-breadcrumb {
  font-size: 12px !important;
  color: var(--fdgm-text-muted) !important;
}

.woodmart-breadcrumbs a,
.woocommerce-breadcrumb a {
  color: var(--fdgm-text-secondary) !important;
}

.woodmart-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
  color: var(--fdgm-teal) !important;
}


/* ===========================================
   17. PAGINATION
   =========================================== */

.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
  border: 1px solid var(--fdgm-border) !important;
  border-radius: var(--fdgm-radius-sm) !important;
  color: var(--fdgm-text-secondary) !important;
  transition: var(--fdgm-transition) !important;
}

.woocommerce-pagination .page-numbers li .current,
.woocommerce-pagination .page-numbers li a:hover {
  background-color: var(--fdgm-teal) !important;
  border-color: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
}


/* ===========================================
   18. LINKS (Global)
   =========================================== */

a {
  color: var(--fdgm-teal);
  transition: var(--fdgm-transition);
}

a:hover {
  color: var(--fdgm-teal-dark);
}

.woodmart-text-block a,
.entry-content a {
  color: var(--fdgm-teal) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.woodmart-text-block a:hover,
.entry-content a:hover {
  color: var(--fdgm-teal-dark) !important;
}


/* ===========================================
   19. NEWSLETTER / SUBSCRIBE SECTION
   =========================================== */

.fdgm-newsletter,
.mc4wp-form {
  background: var(--fdgm-charcoal) !important;
  border-radius: 24px !important;
  padding: 60px !important;
}

.fdgm-newsletter h3 {
  color: var(--fdgm-white) !important;
}

.fdgm-newsletter p {
  color: rgba(255, 255, 255, 0.7) !important;
}

.mc4wp-form input[type="email"] {
  border-radius: var(--fdgm-radius-pill) !important;
  padding: 14px 20px !important;
  border: none !important;
  font-size: 14px !important;
}

.mc4wp-form input[type="submit"] {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border-radius: var(--fdgm-radius-pill) !important;
  border: none !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
}


/* ===========================================
   20. TRUST BAR
   =========================================== */

.fdgm-trust-bar {
  background: var(--fdgm-gray-light) !important;
  border-top: 1px solid var(--fdgm-border) !important;
  border-bottom: 1px solid var(--fdgm-border) !important;
  padding: 32px 0 !important;
  text-align: center;
}

.fdgm-trust-bar h6,
.fdgm-trust-bar .trust-text {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--fdgm-text-muted) !important;
}


/* ===========================================
   21. WooCommerce OVERRIDES
   =========================================== */

/* Sale badge */
.onsale,
.product-labels .onsale {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border-radius: var(--fdgm-radius-sm) !important;
}

/* Star ratings */
.star-rating span::before,
.woocommerce .star-rating span::before {
  color: #F5A623 !important;
}

/* Tabs on product page */
.woocommerce-tabs .tabs li.active a {
  color: var(--fdgm-teal) !important;
  border-bottom-color: var(--fdgm-teal) !important;
}

/* Quantity input */
.quantity .qty {
  border: 1px solid var(--fdgm-border) !important;
  border-radius: var(--fdgm-radius-sm) !important;
}

/* Mini cart */
.woodmart-shopping-cart .dropdown .btn-color-primary {
  background: var(--fdgm-teal) !important;
  border-radius: var(--fdgm-radius-pill) !important;
}


/* ===========================================
   22. BLOG POSTS
   =========================================== */

.post-slide .post-title,
.woodmart-post .entry-title a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: var(--fdgm-text) !important;
  transition: var(--fdgm-transition) !important;
}

.post-slide .post-title:hover,
.woodmart-post .entry-title a:hover {
  color: var(--fdgm-teal) !important;
}

.post-slide .post-date,
.woodmart-post .post-date {
  color: var(--fdgm-text-muted) !important;
  font-size: 12px !important;
}

.post-slide .read-more a {
  color: var(--fdgm-teal) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}


/* ===========================================
   23. SCROLL-TO-TOP
   =========================================== */

.scrollToTop,
.woodmart-scroll-top {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
  border-radius: 50% !important;
}

.scrollToTop:hover,
.woodmart-scroll-top:hover {
  background: var(--fdgm-teal-dark) !important;
}


/* ===========================================
   24. SELECTION / ACCENT
   =========================================== */

::selection {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
}

::-moz-selection {
  background: var(--fdgm-teal) !important;
  color: var(--fdgm-white) !important;
}


/* ===========================================
   25. MOBILE RESPONSIVE
   =========================================== */

@media (max-width: 768px) {
  .woodmart-slider .slide-content h2,
  #hero-carousel h2 {
    font-size: 32px !important;
  }

  .woodmart-slider .slide-content p {
    font-size: 14px !important;
  }

  .fdgm-newsletter {
    padding: 40px 24px !important;
  }

  .fdgm-promo-dark,
  .fdgm-promo-light {
    padding: 36px 28px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 480px) {
  :root {
    --fdgm-radius-card: 12px;
  }

  .woodmart-slider .slide-content h2,
  #hero-carousel h2 {
    font-size: 28px !important;
  }
}


/* ===========================================
   26. LOADING & ANIMATION
   =========================================== */

.woodmart-ajax-loading::after {
  border-color: var(--fdgm-teal) !important;
  border-top-color: transparent !important;
}

@keyframes fdgm-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fdgm-animate {
  animation: fdgm-fade-in-up 0.6s ease forwards;
}


/* ===========================================
   27. WATER-PIPE GRADIENT (Special: 431C + 3272C)
   Used for decorative accents echoing the hose
   =========================================== */

.fdgm-gradient-hose {
  background: linear-gradient(135deg, var(--fdgm-gray) 0%, var(--fdgm-teal) 100%) !important;
}

.fdgm-gradient-hose-text {
  background: linear-gradient(135deg, var(--fdgm-gray) 0%, var(--fdgm-teal) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}


/* ===========================================
   28. CONTACT HERO — white text + alignment
   =========================================== */

/* Contact page hero banner (dark bg image) */
.page-id-16 .woodmart-slider .slide-content,
.page-id-16 .wd-slider .slide-content,
.page-contact .woodmart-slider .slide-content,
section[class*="contact-hero"],
.elementor-section[data-settings*="contact"] .elementor-container,
.contact-hero-section,
/* Woodmart title section / page title with background image */
.page-id-16 .page-title-default,
.page-id-16 .title-wrapper,
.page-id-16 .woodmart-page-title,
.page-contact .page-title-default,
.page-contact .title-wrapper,
.page-contact .woodmart-page-title,
/* Elementor section on contact page with bg image */
.page-id-16 .elementor-section[data-settings] .elementor-container {
  text-align: left !important;
}

/* Tag label "CONTACT" */
.page-id-16 .page-title-default .fdgm-tag,
.page-id-16 .page-title-default .section-subtitle,
.page-id-16 .woodmart-page-title .fdgm-tag,
.page-id-16 .elementor-section .fdgm-tag,
.page-id-16 .elementor-widget-heading .elementor-heading-title[class*="subtitle"],
.page-contact .fdgm-tag,
.contact-hero-section .fdgm-tag,
section[class*="contact-hero"] .fdgm-tag,
section[class*="contact-hero"] span[class*="tracking-widest"],
/* Elementor styled tag on dark bg sections */
.elementor-section[style*="background-image"] .fdgm-tag,
.elementor-section[style*="background-image"] .section-subtitle,
.woodmart-page-title .fdgm-tag {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Hero heading "TALK TO FDGM..." */
.page-id-16 .page-title-default h1,
.page-id-16 .woodmart-page-title h1,
.page-id-16 .title-wrapper h1,
.page-id-16 .elementor-section[style*="background-image"] h1,
.page-id-16 .elementor-section[style*="background-image"] h2,
.page-id-16 .elementor-section[style*="background-image"] .elementor-heading-title,
.page-contact .page-title-default h1,
.page-contact .woodmart-page-title h1,
.contact-hero-section h1,
.contact-hero-section h2,
section[class*="contact-hero"] h1,
section[class*="contact-hero"] h2 {
  color: var(--fdgm-white) !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.05 !important;
}

/* Hero description paragraph */
.page-id-16 .page-title-default p,
.page-id-16 .woodmart-page-title p,
.page-id-16 .title-wrapper p,
.page-id-16 .elementor-section[style*="background-image"] p,
.page-id-16 .elementor-section[style*="background-image"] .elementor-text-editor p,
.page-contact .page-title-default p,
.page-contact .woodmart-page-title p,
.contact-hero-section p,
section[class*="contact-hero"] p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 16px !important;
  max-width: 540px !important;
  line-height: 1.6 !important;
}

/* Any text/span inside contact hero */
.page-id-16 .elementor-section[style*="background-image"] span,
.page-id-16 .elementor-section[style*="background-image"] .elementor-widget-text-editor,
.contact-hero-section span,
section[class*="contact-hero"] span {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* General dark-bg hero sections (any page) */
.elementor-section[style*="background-image"] .elementor-heading-title,
.woodmart-page-title[style*="background-image"] h1,
.title-wrapper[style*="background-image"] h1 {
  color: var(--fdgm-white) !important;
}

.elementor-section[style*="background-image"] .elementor-text-editor p,
.woodmart-page-title[style*="background-image"] p {
  color: rgba(255, 255, 255, 0.85) !important;
}


/* ===========================================
   29. CTA BUTTONS — hover underline effect
   Matches header nav underline (FDGM UI style)
   =========================================== */

/* All pill CTA buttons — add ::after underline on hover */
.btn-color-primary,
.button.btn-color-primary,
.woodmart-button-wrapper .btn-color-primary,
a.btn-color-primary,
.btn-color-white,
a.btn-color-white,
.btn-color-secondary,
a.btn-color-secondary,
.elementor-button,
a.elementor-button,
.wpcf7-form input[type="submit"],
/* Woodmart shortcode buttons */
.woodmart-button,
a.woodmart-button,
.wd-button-wrapper a {
  position: relative !important;
  overflow: visible !important;
}

/* Underline pseudo-element */
.btn-color-primary::after,
.button.btn-color-primary::after,
.woodmart-button-wrapper .btn-color-primary::after,
a.btn-color-primary::after,
.btn-color-white::after,
a.btn-color-white::after,
.btn-color-secondary::after,
a.btn-color-secondary::after,
.elementor-button::after,
a.elementor-button::after,
.woodmart-button::after,
a.woodmart-button::after,
.wd-button-wrapper a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 50% !important;
  width: 0 !important;
  height: 2px !important;
  background: currentColor !important;
  border-radius: 1px !important;
  transition: width 0.3s ease, left 0.3s ease !important;
}

/* Hover → expand underline from center */
.btn-color-primary:hover::after,
.button.btn-color-primary:hover::after,
.woodmart-button-wrapper .btn-color-primary:hover::after,
a.btn-color-primary:hover::after,
.btn-color-white:hover::after,
a.btn-color-white:hover::after,
.btn-color-secondary:hover::after,
a.btn-color-secondary:hover::after,
.elementor-button:hover::after,
a.elementor-button:hover::after,
.woodmart-button:hover::after,
a.woodmart-button:hover::after,
.wd-button-wrapper a:hover::after {
  width: 50% !important;
  left: 25% !important;
}

/* "Explore categories" button (teal bg) — white underline */
.btn-color-primary::after,
a.btn-color-primary::after {
  background: var(--fdgm-white) !important;
}

/* "Email Jessica" button (white bg) — teal underline */
.btn-color-white::after,
a.btn-color-white::after,
.btn-style-bordered::after {
  background: var(--fdgm-teal) !important;
}

/* Contact page floating CTA buttons — aligned left */
.page-id-16 .woodmart-button-wrapper,
.page-id-16 .elementor-widget-button,
.page-contact .woodmart-button-wrapper,
.contact-hero-section .woodmart-button-wrapper {
  text-align: left !important;
}

/* Button group alignment — vertical stack or horizontal row */
.page-id-16 .elementor-widget-button .elementor-button,
.page-id-16 .woodmart-button-wrapper .btn,
.contact-hero-section .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}


/* ===========================================
   30. CONTACT INFO BAR — rounded frames + alignment
   =========================================== */

/* Contact info section (above footer) — 4 columns grid */
.fdgm-contact-bar,
.contact-info-section,
.page-id-16 .elementor-section:last-of-type .elementor-container,
.page-id-16 .woodmart-row-with-icons,
/* Woodmart info boxes / icon list used for contact details */
.page-id-16 .wd-info-box,
.page-id-16 .woodmart-info-box {
  /* Handled per-card below */
}

/* Parent grid — ensure equal 4 columns */
.fdgm-contact-bar .elementor-container,
.contact-info-section .elementor-container,
.page-id-16 footer .elementor-container,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-container,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-container,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-container,
section[class*="bg-[#27455C]"] > div,
section[class*="bg-[#1A2530]"] > div,
section[class*="bg-[#333F48]"] > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  justify-content: center !important;
  align-items: stretch !important;
}

/* Each contact info card — rounded border frame */
.fdgm-contact-card,
.contact-info-section .elementor-column .elementor-widget-wrap,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-column .elementor-widget-wrap,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-column .elementor-widget-wrap,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-column .elementor-widget-wrap,
/* Woodmart icon-list-item wrappers */
.page-id-16 .woodmart-info-box,
.page-id-16 .wd-info-box {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 20px 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  transition: var(--fdgm-transition) !important;
  flex: 1 !important;
  min-width: 220px !important;
}

/* Hover on contact cards */
.fdgm-contact-card:hover,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-column .elementor-widget-wrap:hover,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-column .elementor-widget-wrap:hover,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-column .elementor-widget-wrap:hover,
.page-id-16 .woodmart-info-box:hover,
.page-id-16 .wd-info-box:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Contact card icon */
.fdgm-contact-card .icon,
.page-id-16 .woodmart-info-box .info-box-icon,
.page-id-16 .wd-info-box .info-svg-wrapper,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
}

.fdgm-contact-card .icon svg,
.fdgm-contact-card .icon i,
.page-id-16 .woodmart-info-box .info-box-icon svg,
.page-id-16 .woodmart-info-box .info-box-icon i,
.page-id-16 .wd-info-box .info-svg-wrapper svg {
  color: var(--fdgm-teal) !important;
  fill: var(--fdgm-teal) !important;
  width: 20px !important;
  height: 20px !important;
}

/* Contact card label (EMAIL SALES, MOBILE, TELEPHONE) */
.fdgm-contact-card .label,
.page-id-16 .woodmart-info-box .info-box-title,
.page-id-16 .wd-info-box .info-box-title,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-title,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-title,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-icon-box-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-bottom: 4px !important;
}

/* Contact card value (email, phone number) */
.fdgm-contact-card .value,
.page-id-16 .woodmart-info-box .info-box-content p,
.page-id-16 .wd-info-box .info-box-content p,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-description,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-description,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-icon-box-description {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Contact card value links */
.fdgm-contact-card a,
.page-id-16 .woodmart-info-box a,
.page-id-16 .wd-info-box a,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-description a,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-description a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.fdgm-contact-card a:hover,
.page-id-16 .woodmart-info-box a:hover,
.page-id-16 .wd-info-box a:hover {
  color: var(--fdgm-teal) !important;
}

/* Mobile: stack contact cards 2-col then 1-col */
@media (max-width: 768px) {
  .fdgm-contact-card,
  .page-id-16 .elementor-section[style*="#27455C"] .elementor-column .elementor-widget-wrap,
  .page-id-16 .elementor-section[style*="#1A2530"] .elementor-column .elementor-widget-wrap,
  .page-id-16 .woodmart-info-box,
  .page-id-16 .wd-info-box {
    min-width: calc(50% - 12px) !important;
    flex: 1 1 calc(50% - 12px) !important;
  }
}

@media (max-width: 480px) {
  .fdgm-contact-card,
  .page-id-16 .elementor-section[style*="#27455C"] .elementor-column .elementor-widget-wrap,
  .page-id-16 .elementor-section[style*="#1A2530"] .elementor-column .elementor-widget-wrap,
  .page-id-16 .woodmart-info-box,
  .page-id-16 .wd-info-box {
    min-width: 100% !important;
    flex: 1 1 100% !important;
  }
}


/* ===========================================
   31. FIX: INFO-BOX / SERVICE CARDS — force readable text on light bg
   Issue: Elementor widget "Light" color scheme makes text invisible on white cards.
   Fix: Override inline styles with high-specificity !important rules.
   =========================================== */

/* --- Service/department cards on WHITE background --- */
.woodmart-info-box .info-box-title,
.woodmart-info-box .info-box-title h4,
.woodmart-info-box .info-box-title h3,
.woodmart-info-box h4,
.wd-info-box .info-box-title,
.wd-info-box .info-box-title h4,
.wd-info-box h4,
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title span,
.elementor-icon-box-wrapper .elementor-icon-box-title {
  color: var(--fdgm-charcoal) !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.woodmart-info-box .info-box-content,
.woodmart-info-box .info-box-content p,
.woodmart-info-box p,
.wd-info-box .info-box-content,
.wd-info-box .info-box-content p,
.wd-info-box p,
.elementor-widget-icon-box .elementor-icon-box-description,
.elementor-widget-icon-box .elementor-icon-box-description p,
.elementor-icon-box-wrapper .elementor-icon-box-description {
  color: var(--fdgm-text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Exception: cards INSIDE dark sections keep white text */
section[class*="bg-[#27455C]"] .woodmart-info-box .info-box-title,
section[class*="bg-[#27455C]"] .woodmart-info-box .info-box-title h4,
section[class*="bg-[#27455C]"] .wd-info-box .info-box-title,
section[class*="bg-[#1A2530]"] .woodmart-info-box .info-box-title,
section[class*="bg-[#1A2530]"] .wd-info-box .info-box-title,
div[class*="bg-[#27455C]"] .woodmart-info-box .info-box-title,
div[class*="bg-[#1A2530]"] .woodmart-info-box .info-box-title,
.fdgm-section-dark .woodmart-info-box .info-box-title,
.fdgm-section-dark .wd-info-box .info-box-title,
.elementor-section[style*="#27455C"] .elementor-icon-box-title,
.elementor-section[style*="#1A2530"] .elementor-icon-box-title,
.elementor-section[style*="#333F48"] .elementor-icon-box-title {
  color: rgba(255, 255, 255, 0.95) !important;
}

section[class*="bg-[#27455C]"] .woodmart-info-box .info-box-content p,
section[class*="bg-[#27455C]"] .wd-info-box .info-box-content p,
section[class*="bg-[#1A2530]"] .woodmart-info-box .info-box-content p,
section[class*="bg-[#1A2530]"] .wd-info-box .info-box-content p,
div[class*="bg-[#27455C]"] .woodmart-info-box .info-box-content p,
div[class*="bg-[#1A2530]"] .woodmart-info-box .info-box-content p,
.fdgm-section-dark .woodmart-info-box .info-box-content p,
.fdgm-section-dark .wd-info-box .info-box-content p,
.elementor-section[style*="#27455C"] .elementor-icon-box-description,
.elementor-section[style*="#1A2530"] .elementor-icon-box-description,
.elementor-section[style*="#333F48"] .elementor-icon-box-description {
  color: rgba(255, 255, 255, 0.75) !important;
}


/* ===========================================
   32. FIX: CONTACT INFO CARDS on light/white background
   Issue: Cards use rgba(255,255,255,...) text on white bg → invisible.
   =========================================== */

/* Contact cards on WHITE/LIGHT sections (not dark sections) */
.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
section[style*="background-color"] .elementor-icon-box-title,
section.elementor-section .elementor-icon-box-title {
  color: var(--fdgm-charcoal) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description,
.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description a,
section[style*="background-color"] .elementor-icon-box-description,
section[style*="background-color"] .elementor-icon-box-description a,
section.elementor-section .elementor-icon-box-description,
section.elementor-section .elementor-icon-box-description a {
  color: var(--fdgm-text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Dark section overrides still win (re-stated for specificity) */
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-title,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-title,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-icon-box-title,
.elementor-section[style*="background-color: #27455C"] .elementor-icon-box-title,
.elementor-section[style*="background-color: #1A2530"] .elementor-icon-box-title,
.elementor-section[style*="background-color: #333F48"] .elementor-icon-box-title,
.elementor-section[style*="background-color:#27455C"] .elementor-icon-box-title,
.elementor-section[style*="background-color:#1A2530"] .elementor-icon-box-title,
.elementor-section[style*="background-color:#333F48"] .elementor-icon-box-title {
  color: rgba(255, 255, 255, 0.5) !important;
}

.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-description,
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-description a,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-description,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-description a,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-icon-box-description,
.page-id-16 .elementor-section[style*="#333F48"] .elementor-icon-box-description a,
.elementor-section[style*="background-color: #27455C"] .elementor-icon-box-description,
.elementor-section[style*="background-color: #27455C"] .elementor-icon-box-description a,
.elementor-section[style*="background-color: #1A2530"] .elementor-icon-box-description,
.elementor-section[style*="background-color: #1A2530"] .elementor-icon-box-description a,
.elementor-section[style*="background-color:#27455C"] .elementor-icon-box-description,
.elementor-section[style*="background-color:#27455C"] .elementor-icon-box-description a,
.elementor-section[style*="background-color:#1A2530"] .elementor-icon-box-description,
.elementor-section[style*="background-color:#1A2530"] .elementor-icon-box-description a {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Contact card icon — dark on white bg, teal on dark bg */
.elementor-widget-icon-box .elementor-icon,
.elementor-widget-icon-box .elementor-icon i,
.elementor-widget-icon-box .elementor-icon svg {
  color: var(--fdgm-teal) !important;
  fill: var(--fdgm-teal) !important;
}


/* ===========================================
   33. FIX: "Read more" underline conflict
   Issue: text-decoration:underline + ::after pseudo = double underline.
   Fix: Remove native underline, keep only ::after animation.
   =========================================== */

.woodmart-text-block a,
.entry-content a {
  text-decoration: none !important;
}

/* "Read more →" in blog/magazine cards — consistent underline-on-hover */
.post-slide .read-more a,
.woodmart-post .read-more a,
.wd-post .read-more a,
a[class*="read-more"],
a[class*="readmore"],
span[class*="read-more"] a {
  text-decoration: none !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: var(--fdgm-teal) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.post-slide .read-more a::after,
.woodmart-post .read-more a::after,
.wd-post .read-more a::after,
a[class*="read-more"]::after,
span[class*="read-more"] a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 0 !important;
  height: 1.5px !important;
  background: currentColor !important;
  transition: width 0.35s cubic-bezier(.4, 0, .2, 1) !important;
}

.post-slide .read-more a:hover::after,
.woodmart-post .read-more a:hover::after,
.wd-post .read-more a:hover::after,
a[class*="read-more"]:hover::after,
span[class*="read-more"] a:hover::after {
  width: 100% !important;
}


/* ===========================================
   34. FIX: MAGAZINE / LATEST FROM FDGM — text overlap
   Issue: "View all articles" link overlaps with section heading.
   =========================================== */

/* Section header with tag + heading + "View all" link — proper stacking */
.woodmart-title-container,
.wd-title-container,
.title-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* "View all" links — positioned correctly, not overlapping heading */
.woodmart-title-container .title-right-text,
.woodmart-title-container a.woodmart-slide-all,
.wd-title-container .more-btn,
.wd-title-container a[class*="view-all"],
.woodmart-more-btn,
.woodmart-title-container + .woodmart-more-btn,
.title-wrapper .view-all-link,
a[class*="view-all"],
.wd-btn-arrow {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fdgm-text-secondary) !important;
  white-space: nowrap !important;
  margin-top: 8px !important;
}

a[class*="view-all"]:hover,
.woodmart-more-btn:hover,
.wd-btn-arrow:hover {
  color: var(--fdgm-teal) !important;
}

/* Heading stays above any overlap */
.woodmart-title-container .title,
.wd-title-container .title,
.title-wrapper h2 {
  position: relative !important;
  z-index: 3 !important;
}


/* ===========================================
   35. FIX: "Visit support center" — text wrapping
   Issue: Arrow ends up on its own line in narrow container.
   =========================================== */

/* Ensure arrow stays with text */
.woodmart-info-box .info-box-content a,
.wd-info-box .info-box-content a,
.elementor-widget-icon-box .elementor-icon-box-description a,
a[class*="support-link"],
.woodmart-info-box a[href*="support"],
.wd-info-box a[href*="support"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
}

/* Arrow icon next to link text — prevent wrapping */
.woodmart-info-box .info-box-content a svg,
.woodmart-info-box .info-box-content a i,
.wd-info-box .info-box-content a svg,
.wd-info-box .info-box-content a i {
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
}


/* ===========================================
   36. FIX: CTA BUTTON underline — remove from pill buttons
   Issue: Section 29 adds ::after underline to ALL buttons including pills.
   Pill buttons should NOT have underlines (FDGM interaction pattern).
   =========================================== */

/* Remove underline pseudo from all pill/filled buttons */
.btn-color-primary::after,
.button.btn-color-primary::after,
.woodmart-button-wrapper .btn-color-primary::after,
a.btn-color-primary::after,
.btn-color-white::after,
a.btn-color-white::after,
.btn-color-secondary::after,
a.btn-color-secondary::after,
.elementor-button::after,
a.elementor-button::after,
.woodmart-button::after,
a.woodmart-button::after,
.wd-button-wrapper a::after,
.wpcf7-form input[type="submit"]::after {
  display: none !important;
}


/* ===========================================
   37. FIX: Remove unwanted underlines from action links
   "View product", "Request PDF", title links, section nav links
   — these have their own hover animations (gap-expand, color transition)
   =========================================== */

/* Product card "View product" links — gap animation is the hover effect */
article a[class*="inline-flex"][class*="font-medium"]::after,
article a[class*="mt-4"][class*="inline-flex"]::after,
/* "Request PDF" — has native Tailwind hover:underline */
a[class*="hover\:underline"]::after,
/* Links wrapping block headings */
article a:has(> h3)::after,
article a:has(> h2)::after,
/* Section header nav links ("View all articles") */
div[class*="flex"][class*="justify-between"] > a[class*="inline-flex"]::after {
  display: none !important;
}

/* Color transition for product action links */
article a[class*="inline-flex"][class*="font-medium"]:hover,
article a[class*="mt-4"][class*="inline-flex"]:hover {
  color: #006B64 !important;
}


/* ===========================================
   38. FIX: Dark section icon-box title contrast
   50% opacity too dim — increase to 75%
   =========================================== */

.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-title,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-title,
section[class*="bg-[#27455C]"] .elementor-icon-box-title,
footer .elementor-icon-box-title {
  color: rgba(255,255,255,0.75) !important;
}

/* Dark section link hover — bright teal for contrast */
.page-id-16 .elementor-section[style*="#27455C"] .elementor-icon-box-description a:hover,
.page-id-16 .elementor-section[style*="#1A2530"] .elementor-icon-box-description a:hover {
  color: #00AEBD !important;
}


/* ===========================================
   39. FIX: Blog category tabs sticky offset
   Header is 72px desktop / 56px mobile, not 60px
   =========================================== */

.sticky[class*="top-[60px]"],
nav[class*="sticky"][class*="top-[60px]"],
div[class*="sticky"][class*="top-[60px]"] {
  top: 72px !important;
}
@media (max-width: 768px) {
  .sticky[class*="top-[60px]"],
  nav[class*="sticky"][class*="top-[60px]"],
  div[class*="sticky"][class*="top-[60px]"] {
    top: 56px !important;
  }
}


/* ===========================================
   40. FIX: Form label/caption contrast
   text-neutral-500 (#737373) too light for small text
   =========================================== */

label[class*="text-neutral-500"],
span[class*="text-neutral-500"],
p[class*="text-neutral-500"] {
  color: #525252 !important;
}


/* ===========================================
   41. FIX: Contact card icon-text vertical centering
   items-start misaligns icon with multi-line text
   =========================================== */

div[class*="flex"][class*="items-start"][class*="gap-4"]:has(> div[class*="rounded-xl"]) {
  align-items: center !important;
}


/* ===========================================
   42. FIX: Nav link underline — pure CSS, center-expand
   =========================================== */

#header-nav a[href^="/"] {
  color: #5B6770 !important;
  transition: color 0.2s ease !important;
  position: relative !important;
}
#header-nav a[href^="/"]:hover {
  color: #00857C !important;
}
#header-nav a[href^="/"]::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 50% !important;
  width: 0 !important;
  height: 2px !important;
  background: #00857C !important;
  transition: width 0.3s ease, left 0.3s ease !important;
}
#header-nav a[href^="/"]:hover::after {
  width: 100% !important;
  left: 0 !important;
}


/* ===========================================
   43. FIX: Global text-decoration cleanup
   Only use ::after underline system, never native
   =========================================== */

main a, article a, .entry-content a, footer a {
  text-decoration: none !important;
}


/* ===========================================
   44. FIX: Page hero alignment
   Keep catalogue/support/company/contact/blog heroes aligned to the approved
   factory-image banner style: left copy, vertically centered, white text.
   =========================================== */

main .fdgm-page-hero {
  height: clamp(300px, 25vw, 390px) !important;
  min-height: 300px !important;
  isolation: isolate !important;
}

main .fdgm-page-hero .fdgm-hero-image,
main .fdgm-page-hero > img {
  opacity: 1 !important;
  object-position: center center !important;
  filter: saturate(0.98) contrast(1.06) brightness(0.82) !important;
}

main .fdgm-page-hero .fdgm-hero-overlay {
  background:
    linear-gradient(90deg, rgba(10, 16, 22, 0.78) 0%, rgba(18, 29, 38, 0.56) 36%, rgba(18, 29, 38, 0.22) 68%, rgba(18, 29, 38, 0.08) 100%),
    linear-gradient(180deg, rgba(10, 16, 22, 0.18) 0%, rgba(10, 16, 22, 0.34) 100%) !important;
}

main .fdgm-page-hero .fdgm-hero-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

main .fdgm-page-hero .fdgm-hero-copy > p:first-child,
main .fdgm-page-hero .fdgm-hero-copy > span:first-child {
  color: rgba(255, 255, 255, 0.82) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.34em !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.42) !important;
}

main .fdgm-page-hero h1 {
  max-width: 1020px !important;
  margin-top: 14px !important;
  color: #fff !important;
  font-size: clamp(42px, 4.1vw, 66px) !important;
  line-height: 0.96 !important;
  font-weight: 400 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.42) !important;
}

main .fdgm-page-hero .fdgm-hero-copy > p:not(:first-child) {
  max-width: 580px !important;
  margin-top: 18px !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.40) !important;
}

@media (max-width: 768px) {
  main .fdgm-page-hero {
    height: clamp(360px, 56vh, 480px) !important;
    min-height: 360px !important;
  }

  main .fdgm-page-hero .fdgm-hero-overlay {
    background:
      linear-gradient(90deg, rgba(10, 16, 22, 0.84) 0%, rgba(18, 29, 38, 0.62) 62%, rgba(18, 29, 38, 0.30) 100%),
      linear-gradient(180deg, rgba(10, 16, 22, 0.18) 0%, rgba(10, 16, 22, 0.42) 100%) !important;
  }

  main .fdgm-page-hero h1 {
    font-size: clamp(32px, 10.4vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0.018em !important;
  }

  main .fdgm-page-hero .fdgm-hero-copy > p:first-child,
  main .fdgm-page-hero .fdgm-hero-copy > span:first-child {
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
  }

  main .fdgm-page-hero .fdgm-hero-copy > p:not(:first-child) {
    font-size: 18px !important;
    line-height: 1.42 !important;
  }
}

/* ===========================================
   59. Live alignment closeout: blog, CTA, footer, gallery
   =========================================== */

main .fdgm-blog-index {
  background: #fff !important;
  padding-top: 0 !important;
}

main .fdgm-blog-int-hero {
  width: 100% !important;
  margin: 0 !important;
  height: clamp(390px, 34vw, 520px) !important;
  min-height: 390px !important;
  max-height: none !important;
  background: #102027 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

main .fdgm-blog-int-hero-overlay {
  background:
    linear-gradient(90deg, rgba(10, 16, 22, 0.80) 0%, rgba(18, 29, 38, 0.58) 34%, rgba(18, 29, 38, 0.18) 68%, rgba(18, 29, 38, 0.06) 100%),
    linear-gradient(180deg, rgba(10, 16, 22, 0.12) 0%, rgba(10, 16, 22, 0.34) 100%) !important;
}

main .fdgm-blog-int-hero h1 {
  max-width: 760px !important;
  font-size: clamp(40px, 3.65vw, 58px) !important;
  line-height: 1.04 !important;
}

main .fdgm-blog-int-hero p:not(:first-child) {
  max-width: 590px !important;
  margin-top: 18px !important;
  font-size: clamp(16px, 1.12vw, 18px) !important;
  line-height: 1.54 !important;
}

main .fdgm-blog-int-hero .fdgm-blog-read {
  margin-top: 28px !important;
}

main .fdgm-blog-tile-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(46px, 4.8vw, 70px) clamp(24px, 2.6vw, 36px) !important;
}

main .fdgm-blog-tile-image {
  aspect-ratio: 16 / 10.5 !important;
  border-radius: 0 !important;
  background: #f4f7f5 !important;
}

main .fdgm-blog-tile-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

main .fdgm-blog-tile-image img[src*="fdgm-factory-aerial"],
main .fdgm-blog-tile-image img[src*="fdgm-lifestyle-pexels-hose-reel-wall"],
main .fdgm-blog-detail-visual img[src*="fdgm-factory-aerial"],
main .fdgm-blog-detail-visual img[src*="fdgm-lifestyle-pexels-hose-reel-wall"] {
  object-position: center 58% !important;
}

main .fdgm-blog-tile-copy {
  padding-top: 20px !important;
}

main .fdgm-blog-tile h2 {
  font-size: clamp(20px, 1.22vw, 22px) !important;
  line-height: 1.16 !important;
}

main .fdgm-blog-tile-copy p {
  font-size: 14px !important;
  line-height: 1.62 !important;
}

main .fdgm-newsletter-panel {
  min-height: 0 !important;
  border-radius: 18px !important;
  padding: clamp(26px, 3.6vw, 46px) !important;
  align-items: center !important;
}

main .fdgm-newsletter-panel .reveal,
main .fdgm-newsletter-panel .reveal-left,
main .fdgm-newsletter-panel .reveal-right,
main .fdgm-contact-bottom-cta .reveal {
  opacity: 1 !important;
  transform: none !important;
}

main .fdgm-newsletter-panel h2 {
  color: #fff !important;
  font-size: clamp(26px, 2.25vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

main .fdgm-newsletter-panel p,
main .fdgm-newsletter-panel span {
  color: rgba(255, 255, 255, 0.78) !important;
}

main .fdgm-contact-bottom-cta h2 {
  max-width: 720px !important;
  color: #fff !important;
  font-size: clamp(27px, 2.35vw, 38px) !important;
  line-height: 1.08 !important;
}

main .fdgm-contact-locations {
  border-top: 1px solid #edf0f1 !important;
}

main .fdgm-contact-locations .reveal {
  opacity: 1 !important;
  transform: none !important;
}

main .fdgm-contact-bottom-cta p {
  max-width: 620px !important;
}

main .fdgm-contact-bottom-cta a {
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
}

main .fdgm-company-overview ~ section .reveal,
main .fdgm-company-overview ~ section .reveal-up,
main .fdgm-company-overview ~ section .reveal-left,
main .fdgm-company-overview ~ section .reveal-right,
main .fdgm-company-overview ~ section .card-lift {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

main .fdgm-company-overview + section {
  min-height: 0 !important;
}

main .fdgm-company-overview + section [data-count] {
  color: #EEF4F6 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

main .fdgm-company-overview + section [data-count] + span,
main .fdgm-company-overview + section .text-white\/70 {
  color: rgba(255, 255, 255, 0.78) !important;
}

main .fdgm-company-overview + section + section {
  min-height: 0 !important;
}

main .fdgm-company-overview + section + section + section + section {
  padding-top: 42px !important;
  padding-bottom: 46px !important;
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-main] {
  transition: opacity 180ms ease, transform 180ms ease !important;
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-main].fdgm-gallery-image-swapped {
  animation: fdgm-gallery-swap 220ms ease both !important;
}

@keyframes fdgm-gallery-swap {
  from {
    opacity: 0.58;
    transform: scale(0.985);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb] {
  border-color: transparent !important;
  opacity: 0.76 !important;
  box-shadow: none !important;
}

main [data-fdgm-product-gallery] [data-fdgm-gallery-thumb][aria-pressed="true"] {
  border-color: #4bafd4 !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 3px rgba(75, 175, 212, 0.16) !important;
}

footer > .bg-white .grid {
  gap: 16px !important;
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

footer > .bg-white .fdgm-footer-contact-card {
  min-height: 104px !important;
  border-radius: 12px !important;
  padding: 18px !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:first-child {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 10px !important;
}

.fdgm-public-contact-value,
.fdgm-contact-value,
.fdgm-email-text {
  user-select: text !important;
  overflow-wrap: anywhere !important;
}

footer > .max-w-\[1400px\] > .grid {
  display: grid !important;
  grid-template-columns: minmax(230px, 1.1fr) repeat(4, minmax(150px, 0.78fr)) !important;
  column-gap: clamp(28px, 4vw, 64px) !important;
  row-gap: 34px !important;
  align-items: start !important;
}

footer > .max-w-\[1400px\] > .grid a,
footer > .max-w-\[1400px\] > .grid li {
  line-height: 1.45 !important;
  white-space: normal !important;
}

footer > .max-w-\[1400px\] > .grid > div:first-child {
  grid-column: auto !important;
  max-width: 320px !important;
}

footer > .max-w-\[1400px\] {
  padding-top: 52px !important;
}

footer .border-t.flex {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;
}

footer .border-t.flex > div:first-child {
  max-width: none !important;
}

footer .border-t.flex > div:last-child {
  justify-content: flex-end !important;
}

@media (max-width: 1023px) {
  main .fdgm-blog-tile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  footer > .max-w-\[1400px\] > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  footer > .max-w-\[1400px\] > .grid > div:first-child {
    grid-column: 1 / -1 !important;
    max-width: 560px !important;
  }

  footer .border-t.flex {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }

  footer .border-t.flex > div:last-child {
    justify-content: flex-start !important;
  }
}

@media (max-width: 768px) {
  main .fdgm-blog-index {
    padding-top: 0 !important;
  }

  main .fdgm-blog-int-hero {
    width: 100% !important;
    margin-bottom: 0 !important;
    min-height: 440px !important;
  }

  main .fdgm-blog-int-hero h1 {
    max-width: 340px !important;
    font-size: clamp(30px, 8.8vw, 36px) !important;
    line-height: 1.04 !important;
  }

  main .fdgm-blog-int-hero p:not(:first-child) {
    max-width: 320px !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  main .fdgm-blog-int-hero .fdgm-blog-read {
    margin-top: 22px !important;
  }

  main .fdgm-blog-tile-grid {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }

  main .fdgm-blog-tile-image {
    aspect-ratio: 16 / 10 !important;
  }

  main .fdgm-newsletter-panel {
    padding: 24px !important;
    border-radius: 14px !important;
  }

  main .fdgm-contact-bottom-cta {
    padding-top: 30px !important;
    padding-bottom: 34px !important;
  }

  main .fdgm-contact-bottom-cta > div > div {
    padding: 24px !important;
    border-radius: 14px !important;
  }

  main .fdgm-contact-bottom-cta a,
  main .fdgm-contact-bottom-cta .flex.flex-wrap {
    width: 100% !important;
  }

  footer > .bg-white .grid,
  footer > .max-w-\[1400px\] > .grid {
    grid-template-columns: 1fr !important;
  }
}

/* ===========================================
   49. Final footer/button override order lock
   Keep this block last so late legacy polish rules cannot shrink icons/cards.
   =========================================== */

main a.fdgm-icon-button,
main button.fdgm-icon-button,
.woocommerce-page a.fdgm-icon-button,
.woocommerce-page button.fdgm-icon-button,
.fdgm-page-shell a.fdgm-icon-button,
.fdgm-page-shell button.fdgm-icon-button,
footer a.fdgm-icon-button,
footer button.fdgm-icon-button,
main a[class*="rounded-full"],
main button[class*="rounded-full"],
.woocommerce-page a[class*="rounded-full"],
.woocommerce-page button[class*="rounded-full"],
.fdgm-page-shell a[class*="rounded-full"],
.fdgm-page-shell button[class*="rounded-full"],
footer a[class*="rounded-full"],
footer button[class*="rounded-full"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

main a.fdgm-icon-button svg,
main button.fdgm-icon-button svg,
.woocommerce-page a.fdgm-icon-button svg,
.woocommerce-page button.fdgm-icon-button svg,
.fdgm-page-shell a.fdgm-icon-button svg,
.fdgm-page-shell button.fdgm-icon-button svg,
footer a.fdgm-icon-button svg,
footer button.fdgm-icon-button svg,
main a[class*="rounded-full"] svg,
main button[class*="rounded-full"] svg,
.woocommerce-page a[class*="rounded-full"] svg,
.woocommerce-page button[class*="rounded-full"] svg,
.fdgm-page-shell a[class*="rounded-full"] svg,
.fdgm-page-shell button[class*="rounded-full"] svg,
footer a[class*="rounded-full"] svg,
footer button[class*="rounded-full"] svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  stroke-width: 2.2 !important;
}

main .fdgm-proof-card > div:first-child,
main .fdgm-proof-card .w-12.h-12.rounded-xl,
main .card-lift > .w-12.h-12.rounded-xl,
footer .group > .w-12.h-12.rounded-xl,
footer > .bg-white .fdgm-footer-contact-card > div:first-child {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 11px !important;
  background: #EAF6FB !important;
  border: 1px solid #B7DCEB !important;
  color: #27455C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

main .fdgm-proof-card > div:first-child svg,
main .fdgm-proof-card .w-12.h-12.rounded-xl svg,
main .card-lift > .w-12.h-12.rounded-xl svg,
footer .group > .w-12.h-12.rounded-xl svg,
footer > .bg-white .fdgm-footer-contact-card > div:first-child svg {
  width: 20px !important;
  height: 20px !important;
  color: #00857C !important;
  stroke: #00857C !important;
  opacity: 1 !important;
}

footer > .bg-white {
  background: #F8FAFB !important;
}

footer > .bg-white .fdgm-footer-contact-card {
  background: #FFFFFF !important;
  min-height: 112px !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px !important;
  border-color: #DDE6EA !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > span:first-child {
  color: #66757E !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.16em !important;
}

footer > .bg-white .fdgm-footer-contact-card > div:last-child > p {
  color: #1A2530 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-top: 7px !important;
}

footer > .max-w-\[1400px\] > .grid > div > div:first-child {
  min-height: 18px !important;
  margin-bottom: 18px !important;
}

footer > .max-w-\[1400px\] > .grid ul {
  display: grid !important;
  gap: 9px !important;
}

footer .border-t.flex {
  min-height: 52px !important;
  padding-top: 24px !important;
}