/* ===============================
   HUMMINGBIRD CHILD – PREMIUM V3
   =============================== */

/* --- COLOR SYSTEM --- */
:root {
  --primary-orange: #f57c00;
  --primary-orange-hover: #e65100;
  --background-main: #ffffff;
  --footer-bg: #000000;
  --radius-soft: 12px;
}

/* GLOBAL BACKGROUND */
html, body {
  background: var(--background-main) !important;
}

/* ================= LINKS ================= */
/* Force ALL links orange (remove Prestashop blue) */
a,
a:link,
a:visited,
a:active,
.link,
.nav-link {
  color: var(--primary-orange) !important;
  text-decoration: none;
  transition: all .25s ease;
}

a:hover,
a:focus {
  color: var(--primary-orange-hover) !important;
}

/* ================= BUTTONS ================= */
.btn,
.btn-primary,
button,
input[type="submit"],
input[type="button"] {
  background: var(--primary-orange) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-soft);
  padding: 10px 18px;
  font-weight: 500;
  transition: all .25s ease;
}

.btn:hover,
.btn-primary:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--primary-orange-hover) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* ensure inner spans/icons remain white */
.btn *,
button * {
  color: #ffffff !important;
}

/* ================= CARDS ================= */
.card,
.product-miniature,
.block,
.dropdown-menu,
.ps-product {
  border-radius: var(--radius-soft) !important;
  overflow: hidden;
  transition: all .25s ease;
}

.product-miniature:hover,
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}

/* ================= PRICES ================= */
.price,
.product-price,
.current-price {
  color: var(--primary-orange) !important;
  font-weight: 600;
}

/* ================= INPUTS ================= */
input,
select,
textarea {
  border-radius: var(--radius-soft) !important;
}

/* ================= HEADER (ELEGANT) ================= */
header,
#header {
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
  position: sticky;
  top: 0;
  z-index: 999;
}

/* ================= FOOTER ================= */
footer,
#footer {
  background: var(--footer-bg) !important;
  color: #ffffff !important;
  padding-top: 40px;
}

footer a,
#footer a {
  color: var(--primary-orange) !important;
}

footer a:hover,
#footer a:hover {
  color: var(--primary-orange-hover) !important;
}

/* ================= TYPOGRAPHY POLISH ================= */
h1, h2, h3, h4 {
  letter-spacing: 0.3px;
}

/* ================= MICRO INTERACTIONS ================= */
img {
  transition: transform .3s ease;
}

.product-miniature:hover img {
  transform: scale(1.03);
}