[x-cloak] { display: none !important; }

::selection { background-color: #A9824A; color: #F7F4EE; }

/* Signature: thin brass hairline under section eyebrows */
.eyebrow {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A9824A;
  display: inline-block;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #A9824A;
  margin-bottom: 1.25rem;
}

.btn-primary {
  background-color: #17170F;
  color: #F7F4EE;
  padding: 0.85rem 2rem;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: background-color 0.2s ease;
  display: inline-block;
  border-radius: var(--radius, 0px);
}
.btn-primary:hover { background-color: #A9824A; }

.btn-outline {
  border: 1px solid #17170F;
  color: #17170F;
  padding: 0.85rem 2rem;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: all 0.2s ease;
  display: inline-block;
  border-radius: var(--radius, 0px);
}
.btn-outline:hover { background-color: #17170F; color: #F7F4EE; }

.product-card { transition: transform 0.3s ease; }
.product-card:hover .product-card-img { transform: scale(1.04); }
.product-card-img { transition: transform 0.5s ease; }

.form-input {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(23,23,15,0.15);
  background: transparent;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: border-color 0.2s ease;
  border-radius: var(--radius, 0px);
}
.form-input:focus { border-color: #A9824A; }

/* Quantity steppers (cart, product detail): hide the browser's native
   up/down spinner so it doesn't visually collide with our own custom
   −/+ buttons, and use tighter padding suited to a narrow numeric box. */
.qty-input {
  -moz-appearance: textfield;
  appearance: none;
  padding: 0.6rem 0.25rem;
  text-align: center;
  border: 1px solid rgba(23,23,15,0.15);
  background: transparent;
  font-family: 'IBM Plex Mono', monospace;
  outline: none;
  border-radius: var(--radius, 0px);
}
.qty-input:focus { border-color: #A9824A; }
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Fallback for Django's built-in auth forms (password reset etc.) which render
   bare <input> tags without our form-input class. */
form input[type="email"]:not(.form-input),
form input[type="password"]:not(.form-input),
form input[type="text"]:not(.form-input) {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(23,23,15,0.15);
  background: transparent;
  font-family: 'Inter', sans-serif;
  outline: none;
  border-radius: var(--radius, 0px);
}
form input[type="email"]:not(.form-input):focus,
form input[type="password"]:not(.form-input):focus,
form input[type="text"]:not(.form-input):focus { border-color: #A9824A; }