/* Client TNT Specific Styles */

/* Fraiche Font */
@font-face {
  font-family: 'Fraiche';
  src: url("/assets/fraiche-1c33a229.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-fraiche {
  font-family: 'Fraiche', sans-serif;
}

/* Alte Haas Grotesk - Regular (400) */
@font-face {
  font-family: 'Alte Haas Grotesk';
  src: url("/assets/alteHaasGroteskRegular-38123ef4.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Alte Haas Grotesk - Bold (700) */
@font-face {
  font-family: 'Alte Haas Grotesk';
  src: url("/assets/alteHaasGroteskBold-a1d4574b.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.font-alte-haas-grotesk {
  font-family: 'Alte Haas Grotesk', sans-serif;
}

/* Catalpa - Hairline (100) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Hairline-ee9cedb5.otf") format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Thin (200) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Thin-c8f3fdc2.otf") format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Extralight (250) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Extralight-60870002.otf") format('opentype');
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Light (300) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Light-d8f0605a.otf") format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Extrabold (800) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Extrabold-9cab887f.otf") format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Heavy (850) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Heavy-660a68e2.otf") format('opentype');
  font-weight: 850;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Black (900) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Black-1d1828e6.otf") format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Catalpa - Ultrablack (950) */
@font-face {
  font-family: 'Catalpa';
  src: url("/assets/catalpa_Ultrablack-9a12fa00.otf") format('opentype');
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

.font-catalpa {
  font-family: 'Catalpa', sans-serif;
}

/* Shop Pay button - force all SVG content to white */
#shop-pay-button svg path,
#shop-pay-button svg .st0 {
  fill: white !important;
}

/* Google Pay button - change only gray text to white, keep G logo colors */
.gpay-btn svg path[fill="#5F6368"] {
  fill: white !important;
}

/* Required field indicator */
label[required]::after {
  content: " *";
  color: #ef4444;
}

/* Fix accordion tap staying highlighted on mobile Safari */
#accordion-product-details button[data-accordion-target] {
  -webkit-tap-highlight-color: transparent;
}