/* Squatch burnt metallic copper theme.
   Cosmetic overrides only. No dimensions, positioning, display, or application logic altered. */
:root {
  --sq-metal-copper:linear-gradient(165deg,#f0c49b 0%,#c18359 13%,#864127 32%,#dca477 49%,#a45c37 67%,#66321f 85%,#b7774e 100%);
  --sq-metal-lettering:linear-gradient(112deg,#4b251a 0%,#814128 13%,#bd754c 25%,#e7b68d 35%,#a75b37 44%,#63311f 56%,#b16c43 70%,#d69a6c 81%,#713820 100%);
  --sq-metal-border:#a76a48;
  --sq-metal-button:linear-gradient(165deg,#bc8765 0%,#9d603f 16%,#783c27 34%,#b47b56 49%,#915032 68%,#542c20 87%,#956344 100%);
  --sq-metal-shadow:inset 0 1px 0 rgba(255,230,199,.52),inset 0 -2px 2px rgba(45,17,10,.45),0 6px 18px rgba(80,34,18,.18);
  --copper:#ae6c48;
}
/* Public pages: the same metallic treatment as the approved homepage preview. */
.sq-page .sq-logo,
.sq-page .sq-eyebrow,
.sq-page .sq-brand-main span,
.sq-page .sq-dashboard-icon,
.sq-page .sq-home-lead span,
.sq-page .proof-icon {
  background-image:var(--sq-metal-lettering) !important;
  background-size:180% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#b67850 !important;
}
.sq-page .sq-btn-main,
.sq-page .sq-gallery-cart-foot a {
  background:var(--sq-metal-button) !important;
  color:#1a0f0b !important;
  border-color:#a36b48 !important;
  box-shadow:inset 0 1px 0 rgba(255,218,180,.30),inset 0 -1px 2px rgba(37,15,10,.42),0 4px 13px rgba(65,28,17,.13) !important;
}
.sq-page .sq-btn-main:hover,
.sq-page .sq-gallery-cart-foot a:hover {filter:brightness(1.13)}
.sq-page .sq-header-btn,
.sq-page .sq-btn-outline,
.sq-page .sq-home-lead {
  border-color:var(--sq-metal-border) !important;
  box-shadow:inset 0 1px 0 rgba(239,184,139,.12),0 0 0 1px rgba(73,31,18,.25);
}
.sq-page .sq-line {
  background:linear-gradient(90deg,#572b1c,#d89b6d 34%,#f0bf91 52%,#8e472c 78%,transparent) !important;
}
.sq-page .sq-btn-link {border-image:linear-gradient(90deg,#703721,#e1a77a,#6e321d) 1 !important}
/* Keep the main headings ivory, consistent with the approved homepage. */
.sq-page .sq-hero h1 {color:#f4efe7 !important;-webkit-text-fill-color:#f4efe7 !important;background:none !important}

/* Portal, dealer, customer, staff and bow-builder pages. */
body:not(.sq-page) .btn.copper,
body:not(.sq-page) .premium-btn:not(.ghost),
body:not(.sq-page) .premium-status,
body:not(.sq-page) .role-switch-option.active,
body:not(.sq-page) .tab.active,
body:not(.sq-page) .btn:not(.alt):not(.ghost):not(.secondary):not(.danger):not([disabled]) {
  background:var(--sq-metal-button) !important;
  border-color:var(--sq-metal-border) !important;
  color:#1a0f0b !important;
  box-shadow:inset 0 1px 0 rgba(255,218,180,.30),inset 0 -1px 2px rgba(37,15,10,.42),0 4px 13px rgba(65,28,17,.13);
}
body:not(.sq-page) .premium-btn.ghost,
body:not(.sq-page) .portal-bridge,
body:not(.sq-page) .premium-side a.active,
body:not(.sq-page) .bow-locker-row:hover {
  border-color:var(--sq-metal-border) !important;
}
body:not(.sq-page) .logo b,
body:not(.sq-page) .eyebrow,
body:not(.sq-page) .premium-label,
body:not(.sq-page) .history-title,
body:not(.sq-page) .customer-premium .brand,
body:not(.sq-page) .bow-locker-row>span {
  background-image:var(--sq-metal-lettering) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#b67850 !important;
}
/* Do not recolor error/success messages, disabled actions, colored string previews or status badges. */

/* Navigation: reset the erroneous always-copper Home state. */
.sq-page .sq-nav a:not([aria-current="page"]),
.sq-page .sq-nav a:not([aria-current="page"]):first-child {
  background-image:none !important;
  -webkit-text-fill-color:#f4efe7 !important;
  color:#f4efe7 !important;
}
.sq-page .sq-nav a[aria-current="page"] {
  background-image:var(--sq-metal-lettering) !important;
  background-size:180% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#b67850 !important;
}
.sq-page .sq-nav a:not([aria-current="page"]):hover {
  color:#c18b67 !important;
  -webkit-text-fill-color:#c18b67 !important;
}


/* v6.7.80: navigation and mobile chrome corrections, cosmetic only. */
.sq-page .sq-nav a:nth-child(n):not([aria-current="page"]) {
  background:none !important;
  background-image:none !important;
  -webkit-text-fill-color:#f4efe7 !important;
  color:#f4efe7 !important;
}
.sq-page .sq-nav a:nth-child(n)[aria-current="page"] {
  background-image:var(--sq-metal-lettering,var(--sq-burnished-copper)) !important;
  background-size:180% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#b67850 !important;
}
@media (max-width: 900px) {
  .sq-page .sq-mobile-cta,
  .sq-page .sq-mobile-cta:visited {
    background:var(--sq-metal-button,linear-gradient(135deg,#75432e,#a66847 48%,#683724)) !important;
    border:1px solid #8e5a40 !important;
    box-shadow:inset 0 1px 0 rgba(255,220,185,.23),0 3px 10px rgba(0,0,0,.28) !important;
    color:#160e0a !important;
  }
  .sq-page button.sq-menu-toggle {
    background:transparent !important;
    background-image:none !important;
    color:#d7a17b !important;
    border:1px solid rgba(176,111,74,.42) !important;
    box-shadow:none !important;
  }
  .sq-page button.sq-menu-toggle span {background:#c58c67 !important}
  .sq-page button.sq-footer-toggle {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:1px solid rgba(176,111,74,.20) !important;
    box-shadow:none !important;
    color:#f4efe7 !important;
    -webkit-text-fill-color:#f4efe7 !important;
  }
  .sq-page button.sq-footer-toggle span {color:#c18b67 !important;-webkit-text-fill-color:#c18b67 !important}
}

/* v6.7.81: restore understated dealer choice cards; do not turn cards into CTAs. */
body:not(.sq-page) .dealer-choice button.premium-card {
  background:linear-gradient(145deg,#151412,#0a0a0a 68%) !important;
  color:#f4efe7 !important;
  border-color:#403128 !important;
  box-shadow:none !important;
}
body:not(.sq-page) .dealer-choice button.premium-card:hover {
  background:linear-gradient(145deg,#1b1713,#0d0b09 68%) !important;
  border-color:#a76a48 !important;
}
body:not(.sq-page) .dealer-choice button.premium-card strong {color:#f4efe7 !important}
body:not(.sq-page) .dealer-choice button.premium-card span {color:#bdb4aa !important}
/* Current page alone gets copper, including on desktop. */
body.sq-page .sq-nav a:not([aria-current="page"]) {
  background:none !important; background-image:none !important;
  color:#f4efe7 !important; -webkit-text-fill-color:#f4efe7 !important;
}
body.sq-page .sq-nav a[aria-current="page"] {
  background-image:var(--sq-metal-lettering) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:#b67850 !important;
}

/* v6.7.83: customer mobile left-side menu rail. Override global metallic button rule. */
@media (max-width:950px) {
  body.customer-premium button.mobile-nav-toggle,
  body.customer-premium button.mobile-nav-toggle:not(.ghost):not(.secondary):not(.danger):not([disabled]) {
    background:#0b0a09 !important;
    background-image:none !important;
    border:0 !important;
    border-right:1px solid #33271f !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#c28a64 !important;
    -webkit-text-fill-color:#c28a64 !important;
  }
  body.customer-premium button.mobile-nav-toggle span {
    background:#bd815b !important;
    box-shadow:none !important;
  }
}