/* GLOBAL ASTOUD OVERRIDES */
:root {
  --font-body-family: Helvetica, Arial, sans-serif !important;
  --font-heading-family: Helvetica, Arial, sans-serif !important;
  
  --product-card-corner-radius: 0rem !important;
  --product-card-border-width: 0rem !important;
  --product-card-shadow-opacity: 0 !important;
  
  --collection-card-corner-radius: 0rem !important;
  --collection-card-border-width: 0rem !important;
  --collection-card-shadow-opacity: 0 !important;
  
  --buttons-radius-outset: 2px !important;
  --buttons-radius: 2px !important;
  --buttons-border-width: 1px !important;
  --buttons-shadow-opacity: 0 !important;
  
  --inputs-radius: 2px !important;
  --inputs-radius-outset: 2px !important;
  --inputs-border-width: 1px !important;
  --inputs-shadow-opacity: 0 !important;
  
  --color-base-background-1: #ffffff !important;
  --color-base-text: #050505 !important;
  --color-base-solid-button-labels: #ffffff !important;
  --color-base-outline-button-labels: #050505 !important;
  
  --media-radius: 0rem !important;
  --media-shadow-opacity: 0 !important;
}

body, h1, h2, h3, h4, h5, h6, p, a, div, span, button, input {
  font-family: Helvetica, Arial, sans-serif !important;
}

* {
  box-shadow: none !important;
}

a {
  text-decoration: none !important;
  transition: opacity 0.3s ease;
}

a:hover {
  opacity: 0.6;
}

/* Remove borders on specific product items */
.card-wrapper, .product-card-wrapper, .card, .card__inner, .media {
  border-radius: 0 !important;
  border: none !important;
}

/* Overrides for Sapo specific classes if they exist */
.btn, .button, button {
  border-radius: 2px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #111 !important;
}

.btn-primary, .button--primary {
  background-color: #000 !important;
  color: #fff !important;
}

.btn-primary:hover, .button--primary:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* Override container width */
.astoud-container, .page-width, .container {
  max-width: 1600px !important;
  margin: 0 auto;
}

/* Minimalist Form Controls */
.form-control, select, input, textarea {
  border: 1px solid #e0e0e0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Helvetica, Arial, sans-serif !important;
  color: #050505 !important;
  background-color: #fff !important;
}
.form-control:focus, select:focus, input:focus, textarea:focus {
  border-color: #050505 !important;
  outline: none !important;
}