/*
 * Header + mobile bottom navigation.
 * Figma: "Site header v2" (78:77) and "Mobile bottom navigation" (90:6).
 * Moved from the Customizer "Additional CSS" (gf-buyback-header v7, by Tiago) on 2026-09-30,
 * rules unchanged except colours/radius/font now read from the --bb-* tokens (same values).
 * Spec: openspec/changes/migrate-additional-css.
 */

/* Aliases used by Tiago's legacy cart drawer CSS (legacy/tiago/cart-drawer), var(--gf-bb-*). */
:root {
	--gf-bb-ink: var(--bb-color-text-primary);
	--gf-bb-muted: var(--bb-color-text-secondary);
	--gf-bb-line: var(--bb-color-border-default);
	--gf-bb-focus: var(--bb-color-focus-ring);
	--gf-bb-accent: var(--bb-color-action-primary);
	--gf-bb-surface: var(--bb-color-bg-canvas);
	--gf-bb-radius: var(--bb-radius-lg);
	--gf-bb-font: var(--bb-font-family);
}

/*
 * Set in Theme Options, not here (2026-09-30, openspec/changes/header-theme-options):
 * header and bottom bar background/colour, heights (80/48), logo file (dark) and width (160),
 * nav colours and letter case, account/cart labels, divider, mobile menu icon.
 */

/* Both header rows: up to 1600px with 16px gutters (Tiago, 2026-10). Logo scales 180-200px. */
body.wp-child-theme-buyback #header {
  --bb-header-logo-size: clamp(180px, 19.53125vw, 200px);
}

body.wp-child-theme-buyback #header .header-inner {
  width: 100%;
  max-width: 1600px;
  min-height: 80px;
  padding: 0 16px;
  gap: 32px;
}

body.wp-child-theme-buyback #header #logo {
  display: flex;
  height: 79.2px;
  margin: 0 !important;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

body.wp-child-theme-buyback #header #logo a {
  display: flex !important;
  height: 79.2px;
  align-items: center;
  justify-content: center;
}

body.wp-child-theme-buyback #header #logo img {
  max-width: none !important;
  max-height: 79.2px !important;
  object-fit: contain;
}

body.wp-child-theme-buyback #header .header-main .flex-left {
  min-width: 0;
}

@media (min-width: 720px) {
  body.wp-child-theme-buyback #header #logo {
    flex: 0 0 var(--bb-header-logo-size);
    width: var(--bb-header-logo-size) !important;
    min-width: 0;
  }

  body.wp-child-theme-buyback #header #logo a {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body.wp-child-theme-buyback #header #logo img.header_logo {
    width: calc(100% - 20px) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  body.wp-child-theme-buyback #header #masthead .header-search-form {
    margin-inline: 0 !important;
  }

  body.wp-child-theme-buyback #header .header-main .header-inner {
    display: grid !important;
    grid-template-columns: var(--bb-header-logo-size) minmax(0, 1fr) var(--bb-header-logo-size);
    align-items: center;
  }

  body.wp-child-theme-buyback #header .header-main .flex-left,
  body.wp-child-theme-buyback #header .header-main .flex-left > .header-nav,
  body.wp-child-theme-buyback #header .header-main .flex-right {
    width: 100%;
  }

  body.wp-child-theme-buyback #header .header-main .flex-left > .header-nav {
    justify-content: center;
  }

  body.wp-child-theme-buyback #header .header-main #logo {
    grid-column: 1;
    grid-row: 1;
  }

  body.wp-child-theme-buyback #header .header-main .flex-left.hide-for-medium {
    grid-column: 2;
    grid-row: 1;
  }

  body.wp-child-theme-buyback #header .header-main .flex-right.hide-for-medium {
    grid-column: 3;
    grid-row: 1;
  }
}

body.wp-child-theme-buyback #header .header-search-form,
body.wp-child-theme-buyback #header .header-search-form-wrapper,
body.wp-child-theme-buyback #header .dgwt-wcas-search-wrapp {
  width: 100% !important;
  max-width: 720px !important;
}

body.wp-child-theme-buyback #header .dgwt-wcas-search-form {
  height: 44px !important;
  margin: 0 !important;
}

body.wp-child-theme-buyback #header .dgwt-wcas-sf-wrapp,
body.wp-child-theme-buyback #header .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  box-sizing: border-box !important;
  height: 44px !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--bb-color-bg-canvas) !important;
  border: 1px solid var(--bb-color-border-default) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

body.wp-child-theme-buyback #header .dgwt-wcas-sf-wrapp:focus-within {
  border-color: var(--bb-color-focus-ring) !important;
  box-shadow: 0 0 0 3px rgba(2, 144, 70, .16) !important;
}

body.wp-child-theme-buyback #header .dgwt-wcas-style-pirx input[type="search"].dgwt-wcas-search-input,
body.wp-child-theme-buyback #header input.dgwt-wcas-search-input {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 48px !important;
  color: var(--bb-color-text-primary) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  box-shadow: none !important;
  font: 400 14px/20px var(--bb-font-family) !important;
}

body.wp-child-theme-buyback #header .dgwt-wcas-search-input::placeholder {
  color: var(--bb-color-text-secondary) !important;
  opacity: 1;
}

body.wp-child-theme-buyback #header button.dgwt-wcas-search-submit {
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 48px !important;
  height: 42px !important;
  padding: 0 !important;
  color: var(--bb-color-text-primary) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.wp-child-theme-buyback #header .dgwt-wcas-search-submit svg {
  width: 20px !important;
  height: 20px !important;
}

body.wp-child-theme-buyback #header .account-item > a,
body.wp-child-theme-buyback #header .header-cart-link {
  display: grid !important;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  color: var(--bb-color-text-primary) !important;
}

body.wp-child-theme-buyback #header .header-main .flex-right {
  overflow: visible !important;
}

body.wp-child-theme-buyback #header .account-item,
body.wp-child-theme-buyback #header .account-item > a {
  z-index: 4;
  opacity: 1 !important;
  visibility: visible !important;
}

body.wp-child-theme-buyback #header .cart-item,
body.wp-child-theme-buyback #header .header-cart-link {
  z-index: 3;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Flatsome only adds .account-link when logged in, so the rules target .account-item > a
   (both states). Its font icon is replaced by the Figma outline icon below. */
body.wp-child-theme-buyback #header .account-item > a > .icon-user {
  display: none;
}

body.wp-child-theme-buyback #header .account-item > a::before {
  content: "";
  position: static !important;
  display: block !important;
  width: 22px;
  height: 22px;
  background: center / 22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e2327' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.wp-child-theme-buyback #header .cart-icon.image-icon {
  position: relative;
  width: 24px;
  height: 24px;
  border: 0 !important;
  background: center / 24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e2327' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.6 11.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L21 8H6'/%3E%3C/svg%3E") !important;
}

/* Flatsome draws the basket handle here; the SVG above already has the cart. */
body.wp-child-theme-buyback #header .cart-icon.image-icon strong::after {
  display: none;
}

body.wp-child-theme-buyback #header .cart-icon.image-icon strong {
  position: absolute;
  top: -7px;
  right: -8px;
  display: grid !important;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 3px;
  place-items: center;
  border: 2px solid var(--bb-color-bg-canvas);
  border-radius: 999px;
  background: var(--bb-color-action-primary);
  color: var(--bb-color-bg-canvas);
  font: 700 10px/14px var(--bb-font-family);
}

body.wp-child-theme-buyback #header #wide-nav {
  border-top: 0 !important;
  border-bottom: 1px solid var(--bb-color-border-default) !important;
}

body.wp-child-theme-buyback #header #wide-nav > .flex-row {
  width: 100%;
  min-height: 47px;
  max-width: 1600px;
  padding: 0 16px;
}

body.wp-child-theme-buyback #header #wide-nav .flex-left,
body.wp-child-theme-buyback #header #wide-nav .flex-right {
  min-width: 0;
}

body.wp-child-theme-buyback #header #wide-nav .flex-right {
  justify-content: flex-end;
  margin-left: auto;
}

body.wp-child-theme-buyback #header .header-bottom-nav {
  align-items: center;
}

body.wp-child-theme-buyback #header .header-bottom-nav > li > a {
  display: flex;
  min-height: 47px;
  padding: 0 12px;
  align-items: center;
  gap: 8px;
  font: 700 14px/20px var(--bb-font-family) !important;
  letter-spacing: .1px;
}

/* "Categorias" icon: Menus > item > Menu icon (Flatsome). The item opens the side menu (css/side-menu.css). */
body.wp-child-theme-buyback #header .bb-menu-icon {
  flex: 0 0 18px;
  margin: 0;
}

body.wp-child-theme-buyback #header .nav-dropdown {
  min-width: 220px;
  padding: 8px;
  overflow: hidden;
  background: var(--bb-color-bg-canvas) !important;
  border: 1px solid var(--bb-color-border-default) !important;
  border-radius: var(--bb-radius-lg) !important;
  box-shadow: 0 12px 30px rgba(13, 18, 23, .14) !important;
}

body.wp-child-theme-buyback #header .nav-dropdown > li > a {
  padding: 10px 12px !important;
  color: var(--bb-color-text-primary) !important;
  border-radius: 8px;
  font: 400 14px/20px var(--bb-font-family) !important;
}

body.wp-child-theme-buyback #header .nav-dropdown > li > a:hover,
body.wp-child-theme-buyback #header .nav-dropdown > li > a:focus-visible {
  background: #f3f6f4 !important;
  color: var(--bb-color-action-primary) !important;
}

body.wp-child-theme-buyback #header #wide-nav .menu-item-has-children:focus-within > .nav-dropdown {
  left: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
  transform: none !important;
}

/* "BuyBack B2B" button: menu item with CSS class bb-nav-cta (Menus > item > CSS Classes). */
body.wp-child-theme-buyback #header #wide-nav .nav-right > li.bb-nav-cta {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

body.wp-child-theme-buyback #header #wide-nav .nav-right > li.bb-nav-cta > a {
  min-height: 32px;
  height: 32px;
  padding: 0 12px;
  gap: 6px;
  border-radius: 6px;
  background: var(--bb-color-action-primary) !important;
  color: var(--bb-color-bg-canvas) !important;
}

body.wp-child-theme-buyback #header #wide-nav .nav-right > li.bb-nav-cta > a::after {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background: currentColor;
  -webkit-mask: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M10 14 21 3M21 14v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M10 14 21 3M21 14v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.wp-child-theme-buyback #header #wide-nav .nav-right > li.bb-nav-cta > a:hover {
  background: #026f39 !important;
}

/* Wishlist/account captions (template-parts/header/partials): desktop only. */
body.wp-child-theme-buyback #header .bb-header-caption {
  display: none;
}

@media (min-width: 1200px) {
  body.wp-child-theme-buyback #header #masthead > .header-inner {
    grid-template-columns: 280px minmax(0, 1fr) 280px;
  }

  body.wp-child-theme-buyback #header #masthead .hide-for-medium .wishlist-link,
  body.wp-child-theme-buyback #header #masthead .hide-for-medium .account-item > .nav-top-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    min-width: 0 !important;
    height: 44px;
    padding: 0 !important;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
  }

  body.wp-child-theme-buyback #header #masthead .hide-for-medium .account-link::before,
  body.wp-child-theme-buyback #header #masthead .hide-for-medium .wishlist-icon,
  body.wp-child-theme-buyback #header #masthead .hide-for-medium .account-item .icon-user {
    flex-shrink: 0;
  }

  body.wp-child-theme-buyback #header #masthead .hide-for-medium .bb-header-caption {
    display: inline;
    line-height: 1.2;
    white-space: nowrap;
  }

  /* Wishlist heart as an outline, filled on hover. */
  body.wp-child-theme-buyback #header #masthead .hide-for-medium .wishlist-link .wishlist-icon::before {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1.3px currentColor;
  }

  body.wp-child-theme-buyback #header #masthead .hide-for-medium .wishlist-link:hover .wishlist-icon::before {
    -webkit-text-fill-color: currentColor;
  }
}

/* Trustpilot "Micro Star" in the bottom row (header HTML element html-5), between "Categorias"
   and "Ajuda a escolher" (menu item class bb-nav-after-trustpilot). */
@media (min-width: 720px) {
  body.wp-child-theme-buyback #header #wide-nav .header-bottom-nav.nav-left {
    flex-wrap: nowrap;
  }

  body.wp-child-theme-buyback #header #wide-nav .header-bottom-nav.nav-left > .html_nav_position_text {
    order: 2;
    flex: 0 0 auto;
    margin-inline: 14px;
    line-height: 1;
  }

  body.wp-child-theme-buyback #header #wide-nav .header-bottom-nav.nav-left > .bb-nav-after-trustpilot {
    order: 3;
  }

  body.wp-child-theme-buyback #header #wide-nav .gf-bb-header-trustpilot {
    display: flex;
    align-items: center;
    width: 224px;
    max-width: 100%;
    min-height: 44px;
  }

  body.wp-child-theme-buyback #header #wide-nav .gf-bb-header-trustpilot .trustpilot-widget {
    flex: none;
    width: 280px;
    height: 20px;
    min-width: 0;
    transform: scale(.8);
    transform-origin: left center;
  }

  body.wp-child-theme-buyback #header #wide-nav .gf-bb-header-trustpilot .trustpilot-widget iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
  }
}

/* Up to 959px the bottom row wraps: menu + Trustpilot on one line, right menu on the next. */
@media (min-width: 720px) and (max-width: 959px) {
  body.wp-child-theme-buyback #header #wide-nav {
    height: auto;
  }

  body.wp-child-theme-buyback #header #wide-nav > .flex-row {
    height: auto;
    flex-wrap: wrap;
  }

  body.wp-child-theme-buyback #header #wide-nav > .flex-row > .flex-left,
  body.wp-child-theme-buyback #header #wide-nav > .flex-row > .flex-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.wp-child-theme-buyback #header #wide-nav .header-bottom-nav {
    flex-wrap: nowrap;
  }
}

body.wp-child-theme-buyback #header a:focus-visible,
body.wp-child-theme-buyback #header button:focus-visible {
  outline: 3px solid rgba(2, 144, 70, .30) !important;
  outline-offset: 2px;
}

.wp-child-theme-buyback #footer .footer-nav {
  display: none !important;
}

@media (min-width: 720px) and (max-width: 849px) {
  body.wp-child-theme-buyback #header .show-for-medium {
    display: none !important;
  }

  body.wp-child-theme-buyback #header .hide-for-medium,
  body.wp-child-theme-buyback #header #wide-nav.hide-for-medium {
    display: flex !important;
  }

  body.wp-child-theme-buyback #header #wide-nav.hide-for-medium {
    display: block !important;
  }

  body.wp-child-theme-buyback #header .header-inner {
    gap: 16px;
  }

  body.wp-child-theme-buyback #header #logo,
  body.wp-child-theme-buyback #header #logo img {
    position: static !important;
    transform: none !important;
  }

  body.wp-child-theme-buyback #header .flex-left.hide-for-medium {
    order: 2;
    flex: 1 1 auto;
  }

  body.wp-child-theme-buyback #header .flex-right.hide-for-medium {
    order: 3;
    flex: 0 0 auto;
  }

  body.wp-child-theme-buyback #header .header-search-form,
  body.wp-child-theme-buyback #header .header-search-form-wrapper,
  body.wp-child-theme-buyback #header .dgwt-wcas-search-wrapp {
    max-width: 360px !important;
  }

  body.wp-child-theme-buyback #header .header-bottom-nav > li > a {
    padding-inline: 8px;
  }
}

@media (max-width: 719px) {
  body.wp-child-theme-buyback:not(.single-product) {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }

  body.wp-child-theme-buyback.single-product {
    padding-bottom: 0 !important;
  }

  body.wp-child-theme-buyback #header,
  body.wp-child-theme-buyback #header .header-wrapper,
  body.wp-child-theme-buyback #header .header-main,
  body.wp-child-theme-buyback #header .header-bg-container,
  body.wp-child-theme-buyback #header .header-bg-color,
  body.wp-child-theme-buyback #header .header-bg-image {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.wp-child-theme-buyback #header .header-main {
    height: 84px !important;
  }

  body.wp-child-theme-buyback #header .header-inner {
    min-height: 84px;
    padding: 8px 2px;
    gap: 6px;
    align-items: center;
  }

  body.wp-child-theme-buyback #header .mobile-nav.nav-left,
  body.wp-child-theme-buyback #header .flex-left.show-for-medium,
  body.wp-child-theme-buyback #header .flex-right.hide-for-medium,
  body.wp-child-theme-buyback #header #wide-nav {
    display: none !important;
  }

  body.wp-child-theme-buyback #header #logo {
    position: static !important;
    order: 1;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    height: 68px;
    margin: 0 !important;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .80);
    border-radius: 34px;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90), 0 8px 24px rgba(13, 18, 23, .16);
    backdrop-filter: blur(18px) saturate(140%);
  }

  body.wp-child-theme-buyback #header #logo a {
    width: 100%;
    height: 66px;
    align-items: center;
    justify-content: center;
  }

  body.wp-child-theme-buyback #header #logo img {
    width: min(110px, 100%) !important;
    max-height: 66px !important;
    margin: 0 auto !important;
  }

  body.wp-child-theme-buyback #header .flex-left.hide-for-medium {
    display: flex !important;
    order: 2;
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
  }

  body.wp-child-theme-buyback #header .flex-left.hide-for-medium .header-nav,
  body.wp-child-theme-buyback #header .header-search-form,
  body.wp-child-theme-buyback #header .header-search-form-wrapper,
  body.wp-child-theme-buyback #header .dgwt-wcas-search-wrapp {
    width: 48px !important;
    min-width: 48px !important;
  }

  body.wp-child-theme-buyback #header .dgwt-wcas-search-form {
    display: none !important;
  }

  body.wp-child-theme-buyback #header .dgwt-wcas-enable-mobile-form {
    position: static !important;
    display: block !important;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .80);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94) center / 22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e2327' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90), 0 8px 24px rgba(13, 18, 23, .16);
    backdrop-filter: blur(18px) saturate(140%);
  }

  body.wp-child-theme-buyback #header .flex-right.show-for-medium {
    display: flex !important;
    order: 3;
    flex: 0 0 48px;
  }

  /* Cart button: solid, unlike the glass logo pill and search button (Tiago, 2026-10). */
  body.wp-child-theme-buyback #header .flex-right.show-for-medium .header-cart-link {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .80) !important;
    background: var(--bb-color-bg-canvas) !important;
    box-shadow: 0 8px 24px rgba(13, 18, 23, .16) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile,
  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile input,
  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile button {
    font-family: var(--bb-font-family) !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile {
    background: transparent !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar {
    display: flex !important;
    box-sizing: border-box;
    width: 100%;
    height: 84px;
    padding: 8px 2px !important;
    align-items: center;
    gap: 8px;
    background: transparent !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-search-wrapp {
    order: 1;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0 !important;
    height: 56px;
    margin: 0 !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-search-form {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp {
    box-sizing: border-box !important;
    height: 56px !important;
    padding: 0 !important;
    overflow: hidden;
    background: rgba(255, 255, 255, .94) !important;
    border: 2px solid var(--bb-color-focus-ring) !important;
    border-radius: 28px !important;
    box-shadow: 0 8px 24px rgba(13, 18, 23, .14) !important;
    backdrop-filter: blur(18px) saturate(140%);
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile input.dgwt-wcas-search-input {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 60px 0 48px !important;
    color: var(--bb-color-text-primary) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 27px !important;
    outline: 0 !important;
    box-shadow: none !important;
    font: 400 16px/24px var(--bb-font-family) !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile button.dgwt-wcas-search-submit {
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    width: 48px !important;
    height: 52px !important;
    padding: 0 !important;
    place-items: center;
    color: var(--bb-color-text-primary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return {
    position: static !important;
    order: 2;
    display: grid !important;
    flex: 0 0 70px;
    width: 70px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .80) !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 8px 24px rgba(13, 18, 23, .14) !important;
    backdrop-filter: blur(18px) saturate(140%);
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return svg {
    display: none !important;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-om-return::after {
    content: "Cancelar";
    color: var(--bb-color-text-primary);
    font: 700 14px/20px var(--bb-font-family);
    letter-spacing: 0;
    text-transform: none;
  }

  .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp {
    top: 92px !important;
    right: 2px !important;
    left: 2px !important;
    box-sizing: border-box !important;
    width: calc(100% - 4px) !important;
    max-height: calc(100dvh - 100px) !important;
    overflow: auto !important;
    background: rgba(255, 255, 255, .98) !important;
    border: 1px solid var(--bb-color-border-default) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 36px rgba(13, 18, 23, .16) !important;
  }

  body.wp-child-theme-buyback.dgwt-wcas-focused #header #logo,
  body.wp-child-theme-buyback.dgwt-wcas-focused #header .flex-right.show-for-medium {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .wp-child-theme-buyback #footer .footer-nav {
    position: fixed;
    z-index: 9998;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid !important;
    opacity: 1 !important;
    container-type: inline-size;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    min-height: calc(64px + env(safe-area-inset-bottom, 0px));
    margin: 0 !important;
    padding: 7px env(safe-area-inset-right, 0px) calc(8px + env(safe-area-inset-bottom, 0px)) env(safe-area-inset-left, 0px);
    align-items: center;
    background: var(--bb-color-bg-canvas);
    border-top: 1px solid var(--bb-color-border-default);
    box-shadow: 0 -6px 22px -8px rgba(13, 18, 23, .16);
    list-style: none;
    transition: transform 200ms ease-out;
  }

  body.wp-child-theme-buyback.single-product #footer .footer-nav {
    display: none !important;
  }

  .wp-child-theme-buyback #footer .footer-nav.gf-bb-nav-hidden {
    transform: translateY(110%);
    pointer-events: none;
  }

  .wp-child-theme-buyback #footer .footer-nav > li {
    display: flex !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch;
    justify-content: center;
  }

  /* Icon (28px) with the menu item title as a visible label underneath. */
  .wp-child-theme-buyback #footer .footer-nav > li > a {
    display: grid;
    grid-template-rows: 28px auto;
    align-content: start;
    place-items: center;
    row-gap: 1px;
    box-sizing: border-box;
    width: min(100%, 64px);
    min-width: 0;
    height: auto;
    min-height: 48px;
    margin: 0;
    padding: 2px 0 !important;
    border-radius: 14px;
    color: var(--bb-color-text-primary) !important;
    font-size: clamp(.6875rem, calc(.375rem + 1.5vw), .8125rem) !important;
    font-weight: 400;
    line-height: 1.15 !important;
    text-align: center;
    text-transform: none;
    overflow-wrap: anywhere;
  }

  @supports (font-size: 1cqw) {
    .wp-child-theme-buyback #footer .footer-nav > li > a {
      font-size: clamp(.6875rem, calc(.375rem + 1.5cqw), .8125rem) !important;
    }
  }

  .wp-child-theme-buyback #footer .footer-nav > li > a::before {
    content: "";
    width: 28px;
    height: 28px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 28px 28px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 28px 28px;
  }

  /* Icons by menu item CSS class (bb-icon-*), not by position: the footer menu uses the
     WordPress walker, so Flatsome's "Menu icon" field does not render there. */
  .wp-child-theme-buyback #footer .footer-nav > li.bb-icon-compare > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10M7 7l3-3M7 7l3 3M17 17H7m10 0-3-3m3 3-3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10M7 7l3-3M7 7l3 3M17 17H7m10 0-3-3m3 3-3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .wp-child-theme-buyback #footer .footer-nav > li.bb-icon-categories > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4zM4 11h16v2H4zM4 17h16v2H4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4zM4 11h16v2H4zM4 17h16v2H4z'/%3E%3C/svg%3E");
  }

  .wp-child-theme-buyback #footer .footer-nav > li.bb-icon-home > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v9a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1v-9Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8v9a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1v-9Z'/%3E%3C/svg%3E");
  }

  /* Help: raster pictogram from Tiago (Figma 90:17), no SVG source yet. */
  .wp-child-theme-buyback #footer .footer-nav > li.bb-icon-help > a::before {
    -webkit-mask-image: url("data:image/webp;base64,UklGRjoCAABXRUJQVlA4TC4CAAAvTUATED/DoJEkKTV3/OAB/yJhbDiOJMmJslmkAbzx3xj84WQ7aCPJkdy7l+84PH+KsR0nkuRI1LB0z5zW+nXrP5wh0of7at0CrgMAgPd6teeYAR7TEKiXVRoxdMA1c8spC6oWCjCjjHLNQ+nPJYZ0Ze3Q7xcb03vCP+dvHPn1Xw/rBGmelT6Rxllw2poCWQSI9IAAqDL8icp/igICVIUMgIijU00ohNETgUAHUASmCSIAgCMJAPCjglCOQECFwQrICRKk5ZDRHmey6bf25VeMZbs/s3ay8zjjuZ8ABNuWDEltW+O2xrbtirHN2P8WJqo6KirHM+dE9H8C8Js8UOnsFtlZCQh46lkGwcs9TyalHkH4YcqUQQ3Ea4MmdIElu9nSu9bYzTI5zsGiZw6eJNDzNReKdNbmKSjwXFLXryj29ZqaYXnZJpafUbB3kdh64WgBshtFDxPwwJGnYrLiVJ4jSkVlRanof1gZxeSojKwEFeTIUxVZfZSbw6kRU6L8m8SxjQNPCS0qyL8A5A2yDhFw0cB9NMte6tsEOsfzsE4sGfL2boDAaWS+Ik6MtC+AxP1mrrGGytsgcSeNMjwTIHKthjJCiyBy2oci7F0bIPB4NIdmGrmbBf2VYpa7oxVNNlA9Av25O7SsjndgF3R3huxotYMF0F8MoZUpo5NtqJC9Olq8gfMmVIg24kWFrNZQgQbm7lCF/dRGlx2VGNHeLIZQlbfbsDvuQnV6wn780Q8=");
    mask-image: url("data:image/webp;base64,UklGRjoCAABXRUJQVlA4TC4CAAAvTUATED/DoJEkKTV3/OAB/yJhbDiOJMmJslmkAbzx3xj84WQ7aCPJkdy7l+84PH+KsR0nkuRI1LB0z5zW+nXrP5wh0of7at0CrgMAgPd6teeYAR7TEKiXVRoxdMA1c8spC6oWCjCjjHLNQ+nPJYZ0Ze3Q7xcb03vCP+dvHPn1Xw/rBGmelT6Rxllw2poCWQSI9IAAqDL8icp/igICVIUMgIijU00ohNETgUAHUASmCSIAgCMJAPCjglCOQECFwQrICRKk5ZDRHmey6bf25VeMZbs/s3ay8zjjuZ8ABNuWDEltW+O2xrbtirHN2P8WJqo6KirHM+dE9H8C8Js8UOnsFtlZCQh46lkGwcs9TyalHkH4YcqUQQ3Ea4MmdIElu9nSu9bYzTI5zsGiZw6eJNDzNReKdNbmKSjwXFLXryj29ZqaYXnZJpafUbB3kdh64WgBshtFDxPwwJGnYrLiVJ4jSkVlRanof1gZxeSojKwEFeTIUxVZfZSbw6kRU6L8m8SxjQNPCS0qyL8A5A2yDhFw0cB9NMte6tsEOsfzsE4sGfL2boDAaWS+Ik6MtC+AxP1mrrGGytsgcSeNMjwTIHKthjJCiyBy2oci7F0bIPB4NIdmGrmbBf2VYpa7oxVNNlA9Av25O7SsjndgF3R3huxotYMF0F8MoZUpo5NtqJC9Olq8gfMmVIg24kWFrNZQgQbm7lCF/dRGlx2VGNHeLIZQlbfbsDvuQnV6wn780Q8=");
  }

  .wp-child-theme-buyback #footer .footer-nav > li.bb-icon-account > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  }

  .wp-child-theme-buyback #footer .footer-nav > li.current-menu-item > a,
  .wp-child-theme-buyback #footer .footer-nav > li.current_page_item > a,
  .wp-child-theme-buyback #footer .footer-nav > li > a:hover {
    background: rgba(2, 133, 67, .10) !important;
    color: var(--bb-color-action-primary) !important;
  }

  /* Current item and mouse hover: darker label, brand icon. */
  .wp-child-theme-buyback #footer .footer-nav > li.current-menu-item > a,
  .wp-child-theme-buyback #footer .footer-nav > li.current_page_item > a {
    color: var(--bb-color-action-primary-hover) !important;
  }

  .wp-child-theme-buyback #footer .footer-nav > li.current-menu-item > a::before,
  .wp-child-theme-buyback #footer .footer-nav > li.current_page_item > a::before {
    background-color: var(--bb-color-action-primary);
  }

  @media (hover: hover) {
    .wp-child-theme-buyback #footer .footer-nav > li > a:hover {
      color: var(--bb-color-action-primary-hover) !important;
    }

    .wp-child-theme-buyback #footer .footer-nav > li > a:hover::before {
      background-color: var(--bb-color-action-primary);
    }
  }

  .wp-child-theme-buyback #footer .footer-nav a:focus-visible {
    outline: 3px solid var(--bb-color-action-primary) !important;
    outline-offset: -2px;
  }

  body.wp-child-theme-buyback.dgwt-wcas-focused #footer .footer-nav,
  body.wp-child-theme-buyback.dgwt-wcas-open #footer .footer-nav {
    transform: translateY(110%);
    visibility: hidden;
    pointer-events: none;
  }

  /* Mobile search open: js/header-search.js adds .bb-mobile-search-locked to <html>, pins the
     page at its scroll position and sizes the overlay to the visual viewport (iOS keyboard). */
  html.bb-mobile-search-locked {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    scroll-behavior: auto !important;
  }

  html.bb-mobile-search-locked > body.wp-child-theme-buyback {
    position: fixed !important;
    top: var(--bb-search-body-top) !important;
    left: var(--bb-search-body-left) !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--bb-search-body-width) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html.bb-mobile-search-locked .wp-child-theme-buyback .dgwt-wcas-overlay-mobile {
    position: fixed !important;
    top: var(--bb-search-view-top, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: var(--bb-search-view-height, 100dvh) !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  /* Dimmed, blurred page behind the search bar and results. */
  html.bb-mobile-search-locked .wp-child-theme-buyback .dgwt-wcas-overlay-mobile::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(13, 18, 23, .32);
  }

  @supports ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))) {
    html.bb-mobile-search-locked .wp-child-theme-buyback .dgwt-wcas-overlay-mobile::before {
      background: rgba(13, 18, 23, .24);
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
    }
  }

  html.bb-mobile-search-locked .wp-child-theme-buyback .dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp {
    max-height: max(0px, calc(var(--bb-search-view-height, 100dvh) - 100px)) !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    background: #fff !important;
  }

  html.bb-mobile-search-locked .wp-child-theme-buyback #footer .footer-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.wp-child-theme-buyback #header *,
  .wp-child-theme-buyback #footer .footer-nav {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* Hide the fixed bottom navigation (z-index 9998) while an off-canvas panel is open (cart drawer,
   mobile menu, filters): it would cover the panel (z-index 1043). Flatsome adds .has-off-canvas to
   <html> only then. */
html.has-off-canvas #footer .footer-nav {
  visibility: hidden !important;
  pointer-events: none !important;
}