/* WiserMap: shared design tokens and accessible component states.
 * Load first: important declarations in this layer outrank legacy Tailwind layers.
 * Keep status colors (open/closed, errors, ratings) semantic, not brand-recolored.
 */
@layer wm-brand {
  :root { --wm-navy:#0D293A; --wm-orange:#FF6A00; --wm-content-width:1200px; --wm-gutter:24px; --wm-border:#D8E1E7; --wm-soft:#F4F7F8; --wm-muted:#5F6F79; }
  html { scrollbar-gutter:stable; }
  body { color:#0D293A!important; background-color:#fff!important; }
  body,body :where(div,section,article,nav,header,footer,main,aside,h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,span,small,strong,b,em,li,ul,ol,table,thead,tbody,tr,th,td) { font-family:Arial,Helvetica,system-ui,sans-serif!important; }
  h1,h2,h3,h4,h5,h6 { text-shadow:none!important; line-height:1.2!important; }
  h1 { font-size:clamp(1.75rem,3.2vw,2.75rem)!important; font-weight:700!important; }
  h2 { font-weight:700!important; }
  a { color:#0D293A; }
  [class*="text-blue-"],[class*="text-indigo-"],[class*="text-gradient"] { color:#0D293A!important; -webkit-text-fill-color:currentColor!important; }
  [class*="text-gradient"] { background:none!important; }
  [class*="bg-gradient"],[class*="avatar-gradient"],[class*="btn-gradient"],[style*="linear-gradient"],[style*="radial-gradient"] { background-image:none!important; }
  [class*="gradient"]::before,[class*="gradient"]::after { background-image:none!important; }
  [class*="blur-3xl"][class*="absolute"] { display:none!important; }
  [class*="hero-"][class*="animate"],[class*="animate-fade"],[class*="animate-slide"],[class*="animate-pulse"] { animation:none!important; opacity:1!important; transform:none!important; }
  .container,.container-custom,.tw\:container,.tw\:max-w-7xl,.wm-page-container,.wm-ad-page,.wb-wrap,.wm-footer-inner,#main-navbar>div:first-child { width:min(1200px,calc(100vw - 2 * var(--wm-gutter)))!important; max-width:1200px!important; margin-inline:auto!important; padding-inline:0!important; box-sizing:border-box!important; }
  :is(.container,.container-custom,.tw\:container,.tw\:max-w-7xl) :is(.container,.container-custom,.tw\:container,.tw\:max-w-7xl) { width:100%!important; }
  #main-navbar { background:#fff!important; border-bottom:1px solid #D8E1E7!important; box-shadow:none!important; }
  #main-navbar>div>div { gap:24px!important; }
  #main-navbar a,#main-navbar button { white-space:nowrap!important; }
  #main-navbar img,#main-navbar a,#main-navbar button,.wm-static-logo,.wm-static-logo img { animation:none!important; transition:none!important; transform:none!important; filter:none!important; }
  #main-navbar a::before,#main-navbar a::after,#main-navbar::before,#main-navbar::after { content:none!important; }
  #main-navbar .tw\:nav-link-modern,#main-navbar .tw\:btn-nav-secondary,#main-navbar .wm-business-link { display:inline-flex!important; align-items:center!important; min-height:44px!important; padding:0 10px!important; background:transparent!important; color:#0D293A!important; border:0!important; box-shadow:none!important; font-weight:600!important; text-decoration:none!important; }
  #main-navbar .wm-business-actions { display:flex!important; gap:12px!important; align-items:center!important; padding:0!important; border:0!important; }
  #main-navbar .tw\:nav-link-modern:hover,#main-navbar .tw\:btn-nav-secondary:hover,#main-navbar .wm-business-link:hover { background:#F4F7F8!important; }
  button,.btn,[class*="btn-gradient"],.wm-primary-cta,.wm-growth-btn,.wm-nav-promote,.wm-drawer-promo,a[href^="tel:"].wm-promo-call { background:var(--wm-button-bg,#4B9CD3)!important; background-image:none!important; color:#0D293A!important; border-color:#4B9CD3!important; text-shadow:none!important; transition:none!important; }
  button :is(span,i,svg),.btn :is(span,i,svg),.wm-nav-promote :is(span,i,svg) { color:inherit!important; }
  button:hover,.btn:hover,[class*="btn-gradient"]:hover,.wm-growth-btn:hover,.wm-nav-promote:hover { background:var(--wm-button-bg,#4B9CD3)!important; color:#0D293A!important; transform:none!important; }
  #main-navbar .wm-nav-promote { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:0 18px!important; border-radius:10px!important; gap:8px!important; }
  button[aria-label],button[data-mobile-menu-trigger],button[data-mobile-menu-close],.btn-close { background:transparent!important; color:#0D293A!important; border-color:transparent!important; box-shadow:none!important; }
  [data-mobile-menu-trigger] { width:44px!important; height:44px!important; border:1px solid #D8E1E7!important; border-radius:10px!important; }
  [data-mobile-menu-trigger]>div { display:none!important; }
  .dropdown-menu,[role="menu"],#search-results,[data-dropdown-menu],.tw\:dropdown-modern { background:#fff!important; color:#0D293A!important; border-color:#D8E1E7!important; }
  .dropdown-item,.tw\:dropdown-item-modern,.dropdown-menu button,[role="menuitem"],[role="option"],button[class*="text-left"],#search-results button,#search-results [data-business-link] { background:#fff!important; color:#0D293A!important; border-color:#D8E1E7!important; box-shadow:none!important; }
  .dropdown-item:hover,.tw\:dropdown-item-modern:hover,.dropdown-menu button:hover,[role="menuitem"]:hover,[role="option"]:hover,button[class*="text-left"]:hover,#search-results button:hover,#search-results [data-business-link]:hover { background:#F4F7F8!important; color:#0D293A!important; }
  [role="tab"],.nav-tabs .nav-link,.nav-pills .nav-link { background:#fff!important; color:#0D293A!important; border-color:#D8E1E7!important; box-shadow:none!important; }
  [role="tab"][aria-selected="true"],.nav-tabs .nav-link.active,.nav-pills .nav-link.active { background:#F4F7F8!important; color:#0D293A!important; border-bottom:3px solid #FF6A00!important; }
  input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),select,textarea { color:#0D293A!important; background-color:#fff!important; border-color:#D8E1E7!important; }
  :is(a,button,input,select,textarea):focus-visible { outline:2px solid #FF6A00!important; outline-offset:3px!important; }
  .pagination { display:flex!important; flex-wrap:wrap!important; gap:8px!important; justify-content:center!important; }
  .pagination .page-link { display:flex!important; align-items:center!important; justify-content:center!important; min-width:46px!important; height:46px!important; border:1px solid #D8E1E7!important; border-radius:10px!important; background:#fff!important; color:#0D293A!important; font-size:18px!important; font-weight:700!important; }
  .pagination .active .page-link { background:var(--wm-button-bg,#4B9CD3)!important; color:#0D293A!important; border-color:#4B9CD3!important; }
  .wm-owner-growth { background:#F4F7F8!important; border:1px solid #D8E1E7!important; border-radius:16px!important; padding:32px!important; box-shadow:none!important; }
  .wm-owner-growth-inner { display:block!important; }
  .wm-owner-growth-copy { max-width:760px!important; margin:0 auto 24px!important; text-align:center!important; }
  .wm-owner-growth h2 { font-size:clamp(1.65rem,2.7vw,2.25rem)!important; }
  .wm-owner-proof { justify-content:center!important; }
  .wm-growth-offers { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; }
  .wm-growth-offer { background:#fff!important; border:1px solid #D8E1E7!important; border-radius:12px!important; padding:24px!important; box-shadow:none!important; }
  .wm-growth-featured { border-top:3px solid #FF6A00!important; }
  .wm-growth-label,.wm-growth-label-light { display:inline-flex!important; width:auto!important; align-self:flex-start!important; background:#F4F7F8!important; color:#0D293A!important; border-radius:4px!important; }
  .wm-growth-btn { border-radius:10px!important; }
  body button[class],body .btn,body [class*="btn-gradient"],body .wm-sponsored-card>a,body a[href^="tel:"][class*="border"],body a[class*="flex-1"][class*="border"][class*="py-3"] { color:#0D293A!important; background:var(--wm-button-bg,#4B9CD3)!important; -webkit-text-fill-color:currentColor!important; }
  body button :is(span,i,svg) { color:inherit!important; -webkit-text-fill-color:currentColor!important; }
  body button[data-tab],body button[data-tab]:hover { color:#0D293A!important; background:#fff!important; border-color:transparent!important; }
  body button[data-tab][class*="border-blue"] { border-bottom-color:#FF6A00!important; background:#F4F7F8!important; }
  body button[data-tab] span { color:#0D293A!important; }
  body button[class*="text-left"],body .dropdown-menu button,body #search-results button { background:#fff!important; color:#0D293A!important; }
  body button[class*="text-left"]:hover,body .dropdown-menu button:hover,body #search-results button:hover { background:#F4F7F8!important; color:#0D293A!important; }
  body button[data-mobile-menu-trigger],body button[data-mobile-menu-close],body button[aria-label*="Close"],body button[aria-label*="close"] { background:#fff!important; color:#0D293A!important; }
  body .tw\:btn-nav-secondary { background:#fff!important; background-image:none!important; color:#0D293A!important; }
  body [class*="avatar-gradient"] { background:#0D293A!important; color:#fff!important; box-shadow:none!important; }
  footer h2,footer h3,footer h4,footer a { color:#fff!important; }
  .wm-sponsored-card { background:#fff!important; border:1px solid #D8E1E7!important; box-shadow:0 3px 12px rgba(13,41,58,.05)!important; }
  .wm-sponsored-card>a { border-radius:10px!important; }
  [class~="tw:bg-blue-50"],[class~="tw:bg-blue-100"],[class~="tw:bg-indigo-50"],[class~="tw:bg-indigo-100"] { background-color:#F4F7F8!important; }
  [class*="border-blue-"] { border-color:#D8E1E7!important; }
  .wm-ad-hero { background:#F4F7F8!important; color:#0D293A!important; border:1px solid #D8E1E7!important; }
  .wm-ad-hero h1 { color:#0D293A!important; }
  .wm-ad-hero p { color:#5F6F79!important; }
  .wm-ad-hero>a { background:var(--wm-button-bg,#4B9CD3)!important; color:#0D293A!important; border-radius:10px!important; }
  .wb-hero,.wb-dark { background:#F4F7F8!important; color:#0D293A!important; }
  .wb-hero h1,.wb-hero h2,.wb-dark h2,.wb-dark h3,.wb-hero p,.wb-dark p { color:#0D293A!important; }
  .wb-btn,.wb-btn-primary,.wb-btn-light { background:var(--wm-button-bg,#4B9CD3)!important; color:#0D293A!important; border-color:#4B9CD3!important; border-radius:10px!important; }
  .wb-soft { background:#F4F7F8!important; }
  .wb-kicker,.wb-assurance,.wb-assurance span { color:#5F6F79!important; }
  [data-mobile-menu] { background:#fff!important; color:#0D293A!important; transition:none!important; }
  [data-mobile-menu] a:not(.wm-drawer-promo) { background-image:none!important; }
  .wm-drawer-promo,.wm-drawer-promo span { background-image:none!important; color:#fff!important; }
  .wm-drawer-promo { background:var(--wm-button-bg,#4B9CD3)!important; }
  .wm-drawer-promo .wm-drawer-promo-cta { background:#fff!important; color:#0D293A!important; }
  .wm-drawer-promo .wm-drawer-promo-cta i { color:#0D293A!important; }
  .verified-badge-gradient { background:#0D293A!important; box-shadow:none!important; }
  [data-mobile-menu]:not(.mobile-menu-open) { visibility:hidden!important; pointer-events:none!important; box-shadow:none!important; }
  [data-mobile-menu].mobile-menu-open { visibility:visible!important; pointer-events:auto!important; }
  body button[data-mobile-menu-trigger] { width:44px!important; height:44px!important; border:1px solid #D8E1E7!important; border-radius:12px!important; }
  .wm-search-card,.wm-search-card-image { transform:none!important; transition:none!important; }
  @media(max-width:767px) {
    .wm-search-card { padding:12px!important; border-radius:16px!important; }
    .wm-search-card-row { display:flex!important; flex-direction:row!important; align-items:center!important; gap:12px!important; }
    .wm-search-card-media { width:100px!important; flex:0 0 100px!important; margin:0!important; }
    .wm-search-card-image { width:100px!important; height:112px!important; border-radius:12px!important; }
    .wm-search-card-content { min-width:0!important; flex:1!important; text-align:left!important; }
    .wm-search-card-header { margin:0 0 6px!important; }
    .wm-search-card-title { font-size:17px!important; line-height:1.3!important; font-weight:600!important; margin:0!important; }
    .wm-search-card-badges,.wm-search-card-actions,.wm-search-card-separator { display:none!important; }
    .wm-search-card-rating { gap:4px!important; flex-wrap:wrap!important; margin:0 0 8px!important; font-size:12px!important; }
    .wm-search-card-rating span { font-size:12px!important; }
    .wm-search-card-location { gap:5px!important; margin:0!important; flex-wrap:wrap!important; font-size:12px!important; }
    .wm-search-card-location>div,.wm-search-card-distance { background:#F4F7F8!important; border:1px solid #D8E1E7!important; border-radius:20px!important; padding:4px 7px!important; max-width:100%!important; }
    .wm-search-card-distance:has(.distance-text:empty) { display:none!important; }
  }
  @media(max-width:767px) { :root { --wm-gutter:16px; } .wm-growth-offers { grid-template-columns:1fr!important; } .wm-owner-growth { padding:24px 16px!important; } .wm-owner-growth-copy { text-align:left!important; } }
}

@layer wm-brand { body :is(button,.btn,[class*="btn-gradient"],.wm-primary-cta,.wm-growth-btn,.wm-nav-promote,.wm-drawer-promo,.wb-btn,.wb-btn-primary,.wb-btn-light,.wm-ad-hero>a,.wm-sponsored-card>a):hover { --wm-button-bg:#3B8DC4; } .wm-drawer-promo span { color:#0D293A!important; } }

/* WiserMap comfortable, consistent layout */
@layer wm-brand {
:root{--wm-content-width:1200px;--wm-soft:#F3F7FA;--wm-border:#DFE7ED}
body{line-height:1.6!important}body p{line-height:1.65}h2{font-size:clamp(1.5rem,2.2vw,2rem)!important;letter-spacing:-.025em;font-weight:600!important}h3{letter-spacing:-.015em}
#main-navbar>div>div{gap:24px!important}#main-navbar a{font-weight:600!important}#main-navbar .wm-nav-promote{border-radius:10px!important;min-height:44px!important;padding-inline:20px!important}
.hero-section{padding:56px 0 40px!important;background:#F3F8FC!important;border-bottom:1px solid #E3EDF4!important}
.hero-section h1.hero-title{max-width:760px!important;font-size:clamp(2rem,3.3vw,2.75rem)!important;line-height:1.18!important;font-weight:600!important;letter-spacing:-.035em!important;margin:0 auto 18px!important}
.hero-section .hero-description{max-width:650px!important;font-size:1rem!important;line-height:1.65!important;color:#526574!important;margin:0 auto 28px!important}
.hero-section .hero-search-animate{width:100%!important;max-width:720px!important}
#hero-search-form>div:first-child{padding:6px!important;border:1px solid #CFDCE5!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(13,41,58,.04)!important;gap:4px!important}
#hero-search-form>div:first-child>div:first-child{min-width:0!important}
#hero-search-input{height:48px!important;min-width:0!important;padding:12px 16px!important;font-size:1rem!important;border-radius:8px!important}
#hero-search-input+div{display:none!important}
#hero-location-badge{background:#fff!important;border:0!important;border-left:1px solid #DFE7ED!important;max-width:170px!important;padding:10px 14px!important;flex-shrink:0!important}
#hero-location-text{font-size:.875rem!important}
body button.hero-search-button{height:48px!important;min-width:56px!important;padding:12px 20px!important;border-radius:8px!important;box-shadow:none!important;flex-shrink:0!important;gap:8px!important}
.hero-category-chip,#hero-location-chip{border:1px solid #DFE7ED!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;min-height:40px!important;padding:8px 12px!important;transform:none!important}
.hero-category-chip:hover,#hero-location-chip:hover{border-color:#4B9CD3!important;background:#EAF4FB!important}
.hero-category-chip span,#hero-location-chip span{font-size:.875rem!important}.hero-category-chip i{display:none!important}#hero-location-chip svg{width:16px!important;height:16px!important;flex-shrink:0!important;color:#526574!important}
.hero-section [class*="tw:bg-white/90"]{display:none!important}
.wm-owner-growth{margin:32px auto!important;padding:24px!important;background:#fff!important;border-radius:14px!important}
.wm-owner-growth-inner{display:grid!important;grid-template-columns:1fr 1.7fr!important;gap:28px!important;align-items:center!important}
.wm-owner-growth-copy{margin:0!important;text-align:left!important;max-width:none!important}.wm-owner-growth h2{font-size:1.65rem!important;line-height:1.25!important;margin:10px 0 12px!important}.wm-owner-growth-copy>p{font-size:.95rem!important;line-height:1.6!important}
.wm-owner-proof{justify-content:flex-start!important;gap:8px!important;flex-direction:column!important;align-items:flex-start!important;margin-top:16px!important}.wm-owner-proof span{font-size:.875rem!important;font-weight:400!important}.wm-owner-proof i{color:#397AA7!important}
.wm-growth-offers{gap:16px!important}.wm-growth-offer{padding:20px!important;border-radius:10px!important;background:#F8FAFC!important;border:1px solid #DFE7ED!important}.wm-growth-featured{border:1px solid #DFE7ED!important}
.wm-growth-offer-head{display:block!important}.wm-growth-offer h3{font-size:1.125rem!important;margin:12px 0 8px!important}.wm-growth-offer p{font-size:.875rem!important;line-height:1.55!important}.wm-growth-price{margin-top:16px!important;display:flex!important;align-items:baseline!important;gap:6px!important}.wm-growth-price strong{font-size:1.75rem!important}.wm-growth-price span{font-size:.875rem!important}
body .wm-growth-btn{min-height:44px!important;font-size:.875rem!important;font-weight:600!important;border-radius:8px!important;padding:10px 16px!important;box-shadow:none!important}
body .wm-growth-btn-secondary,body .btn-outline-primary,body .btn-outline-secondary,body .btn-secondary,body .btn-light,body .scroll-button-left,body .scroll-button-right{background:#fff!important;color:#0D293A!important;border:1px solid #CFDCE5!important;box-shadow:none!important}
body .wm-growth-btn-secondary:hover,body .btn-outline-primary:hover,body .btn-outline-secondary:hover,body .btn-secondary:hover,body .btn-light:hover,body .scroll-button-left:hover,body .scroll-button-right:hover{background:#EAF4FB!important;border-color:#4B9CD3!important;color:#0D293A!important}
.wm-growth-note{font-size:.8125rem!important;color:#637582!important;margin-top:16px!important}.wm-growth-label{padding:0!important;background:transparent!important;color:#526574!important;letter-spacing:.03em!important}.wm-owner-kicker{color:#397AA7!important;font-size:.8125rem!important}
@media(max-width:900px){.wm-owner-growth-inner{grid-template-columns:1fr!important;gap:24px!important}.wm-owner-proof{flex-direction:row!important;flex-wrap:wrap!important;gap:8px 16px!important}}
@media(max-width:600px){.hero-section{padding:32px 0 24px!important}.hero-section h1.hero-title{font-size:2rem!important;max-width:360px!important}.hero-section .hero-description{font-size:1rem!important;margin-bottom:24px!important}#hero-location-badge{display:none!important}#hero-search-input{padding:10px!important}#hero-location-chip{display:flex!important}.wm-owner-growth{padding:20px!important;margin:24px auto!important}.wm-growth-offers{grid-template-columns:1fr!important}.wm-growth-offer-head{display:flex!important;gap:16px!important}.wm-growth-price{margin-top:12px!important;flex-shrink:0!important;display:block!important}.wm-growth-price span{display:block!important}.wm-owner-proof{flex-direction:column!important}}
}

@layer wm-brand { .wm-owner-growth { width:calc(100% - 2 * var(--wm-gutter))!important;max-width:1200px!important;box-sizing:border-box!important; } .hero-section h1.hero-title { text-wrap:balance!important; } }
