/* AEK Denda -- brand override for the PrestaShop 9 "hummingbird" theme.
   Bootstrap 5.3's CSS custom properties are redefined at :root so the
   override cascades through the whole theme without a SASS rebuild;
   explicit selectors below cover the handful of places hummingbird
   hardcodes colors instead of using the Bootstrap variables. */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;500;600&display=swap');

:root {
  --aek-orange: #ef7d00;
  --aek-orange-dark: #d66f00;
  --aek-ink: #1a1a1a;

  --bs-primary: var(--aek-orange);
  --bs-primary-rgb: 239, 125, 0;
  --bs-link-color: var(--aek-orange);
  --bs-link-color-rgb: var(--aek-orange);
  --bs-link-hover-color: var(--aek-orange-dark);
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-2xl: 0;
  --bs-border-radius-pill: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.section-title,
.product-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Bootstrap 5.3 components read --bs-border-radius already, but a few
   hummingbird components set an explicit radius that overrides it. */
.btn,
.card,
.product-miniature__image-container,
.thumbnail-container,
.form-control,
.form-select,
input, select, textarea,
.alert,
.badge {
  border-radius: 0 !important;
}

.btn-primary {
  background-color: var(--aek-orange);
  border-color: var(--aek-orange);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--aek-orange-dark);
  border-color: var(--aek-orange-dark);
}

.btn-outline-primary {
  color: var(--aek-orange);
  border-color: var(--aek-orange);
}

.btn-outline-primary:hover {
  background-color: var(--aek-orange);
  border-color: var(--aek-orange);
}

a {
  color: var(--aek-orange);
}

a:hover {
  color: var(--aek-orange-dark);
}

.product-flags .badge.new,
.product-flags .badge.on-sale {
  background-color: var(--aek-orange);
  border-radius: 0;
}

/* header / top bar accent */
#header .header-nav,
.header-top {
  border-bottom: 3px solid var(--aek-orange);
}