/* alegro.gr Halloween 2026 - orange all around, happy purple in the products (Hummingbird theme). Remove = back to normal. */
:root {
  --hw-orange: #f28c1e;
  --hw-orange-deep: #e06f00;
  --hw-orange-soft: #fff3e6;
  --hw-purple: #9b3fd1;
  --hw-purple-deep: #7d2bb3;
  --hw-purple-soft: #f3e6fb;
  --bs-primary: #9b3fd1;
  --bs-primary-rgb: 155, 63, 209;
  --bs-link-color: #7d2bb3;
  --bs-link-color-rgb: 125, 43, 179;
  --bs-link-hover-color: #e06f00;
}
body { background: var(--hw-orange-soft); }

/* header - orange */
#header, #header .header-top, #header .header-bottom { background: var(--hw-orange) !important; color: #fff; }
#header .header-top { background: var(--hw-orange-deep) !important; }
#header a, #header .material-icons, #header button, #header .header-block__title,
#header .main-menu__item-link, #header .js-menu-icon { color: #fff !important; font-weight: 600; }
#header a:hover, #header .main-menu__item-link:hover { color: var(--hw-purple-deep) !important; }
#header .header-bottom { border-bottom: 4px solid var(--hw-purple); }
#header .header-block__badge, #header .badge { background: var(--hw-purple) !important; color: #fff !important; }
#header input[type=text], #header input[type=search] { background: #fff; color: #222; }

/* logo is black/red -> white badge so it stays readable on orange */
#header img.logo { background: #fff; border-radius: 10px; padding: 3px 8px; box-shadow: 0 0 0 2px var(--hw-purple); max-height: 72px; width: auto; }
@media (max-width: 767px) { #header img.logo { max-height: 46px; } }

/* buttons - purple */
.btn-primary { background-color: var(--hw-purple) !important; border-color: var(--hw-purple) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--hw-purple-deep) !important; border-color: var(--hw-purple-deep) !important; }
.btn-outline-primary { color: var(--hw-purple) !important; border-color: var(--hw-purple) !important; }
.btn-outline-primary:hover { background: var(--hw-purple) !important; color: #fff !important; }

/* titles + products - a little purple */
h1, h2, .h1, .h2, .section-title, .products-section-title, .page-title-section { color: var(--hw-orange-deep) !important; }
.product-miniature .card { border: 2px solid var(--hw-purple-soft); border-radius: 12px; overflow: hidden; background: #fff; }
.product-miniature .card:hover { border-color: var(--hw-purple); box-shadow: 0 4px 14px rgba(155, 63, 209, .25); }
.product-miniature__title { color: #333 !important; }
.product-miniature__price, .product__current-price, .current-price-value { color: var(--hw-purple) !important; font-weight: 700; }
.product-flag, .badge.bg-primary { background: var(--hw-purple) !important; }

/* breadcrumb */
.breadcrumb, .breadcrumb__wrapper { background: transparent; }
.breadcrumb a { color: var(--hw-orange-deep) !important; }

/* footer - orange */
#footer, #footer .footer__main { background: var(--hw-orange) !important; color: #fff; }
#footer a, #footer .footer__block__title, #footer .h4, #footer p, #footer li, #footer .copyright { color: #fff !important; }
#footer a:hover { color: var(--hw-purple-deep) !important; }
#footer .footer__before { background: var(--hw-orange-deep) !important; color: #fff; }
#footer .footer__before * { color: #fff; }
#footer .footer__before .btn, #footer .footer__before button { background: var(--hw-purple) !important; border-color: var(--hw-purple) !important; }
.page-footer { background: transparent; }

/* newsletter strip above the footer (fix 1.0.1: was grey with white text) */
#footer .footer__before, #footer .email-subscription { background: var(--hw-purple) !important; }
#footer .email-subscription__label { color: #fff !important; font-weight: 700; font-size: 1.15rem; }
#footer .email-subscription p, #footer .email-subscription label, #footer .email-subscription a, #footer .email-subscription small { color: #fff !important; }
#footer .email-subscription .form-control { color: #222 !important; background: #fff !important; }
#footer .email-subscription .btn, #footer .email-subscription button, #footer .email-subscription input[type=submit] { background: var(--hw-orange) !important; border-color: var(--hw-orange) !important; color: #fff !important; }