/* alegro.gr Christmas 2026 - classic: red all around, green in the products, gold details (Hummingbird theme). Remove = back to normal. */
:root {
  --xm-red: #c8102e;
  --xm-red-deep: #9e0b22;
  --xm-green: #1f7a3d;
  --xm-green-deep: #145a2c;
  --xm-green-soft: #e8f3ec;
  --xm-gold: #d4a62a;
  --xm-cream: #fbf6ec;
  --bs-primary: #1f7a3d;
  --bs-primary-rgb: 31, 122, 61;
  --bs-link-color: #145a2c;
  --bs-link-color-rgb: 20, 90, 44;
  --bs-link-hover-color: #c8102e;
}
body { background: var(--xm-cream); }

/* header - red with a gold line */
#header, #header .header-top, #header .header-bottom { background: var(--xm-red) !important; color: #fff; }
#header .header-top { background: var(--xm-red-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(--xm-gold) !important; }
#header .header-bottom { border-bottom: 4px solid var(--xm-gold); }
#header .header-block__badge, #header .badge { background: var(--xm-green) !important; color: #fff !important; }
#header input[type=text], #header input[type=search] { background: #fff; color: #222; }

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

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

/* titles red, products green frame, prices red */
h1, h2, .h1, .h2, .section-title, .products-section-title, .page-title-section { color: var(--xm-red) !important; }
.product-miniature .card { border: 2px solid var(--xm-green-soft); border-radius: 12px; overflow: hidden; background: #fff; }
.product-miniature .card:hover { border-color: var(--xm-green); box-shadow: 0 4px 14px rgba(31, 122, 61, .25); }
.product-miniature__title { color: #333 !important; }
.product-miniature__price, .product__current-price, .current-price-value { color: var(--xm-red) !important; font-weight: 700; }
.product-flag, .badge.bg-primary { background: var(--xm-green) !important; }

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

/* footer - deep green with gold line */
#footer, #footer .footer__main { background: var(--xm-green-deep) !important; color: #fff; border-top: 4px solid var(--xm-gold); }
#footer a, #footer .footer__block__title, #footer .h4, #footer p, #footer li, #footer .copyright { color: #fff !important; }
#footer a:hover { color: var(--xm-gold) !important; }
.page-footer { background: transparent; }

/* newsletter strip above the footer - red, gold button */
#footer .footer__before, #footer .email-subscription { background: var(--xm-red) !important; color: #fff; }
#footer .footer__before * { color: #fff; }
#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 .footer__before .btn, #footer .footer__before button,
#footer .email-subscription .btn, #footer .email-subscription button, #footer .email-subscription input[type=submit] { background: var(--xm-gold) !important; border-color: var(--xm-gold) !important; color: #3a2a00 !important; font-weight: 700; }

/* gift module (alegrogifts >= 1.0.6) colours: green bars/frames, red banner, red->green progress bar */
html body { --ag-main: #1f7a3d; --ag-accent: #c8102e; --ag-soft: #e8f3ec; }
/* explicit colours too: browsers keep the OLD alegrogifts.css (hard-coded Halloween colours) up to a week */
body .alegro-gifts-banner { background: var(--xm-red) !important; }
body .alegro-gifts-groups .ag-g-title { background: var(--xm-green) !important; }
body .alegro-gifts-groups .ag-g-item { border-color: var(--xm-green-soft) !important; }
body .alegro-gifts-groups .ag-g-item:hover { border-color: var(--xm-green) !important; }
body .alegro-gifts-groups .ag-g-more { border-color: var(--xm-red) !important; }
body .alegro-gifts-progress { border-color: var(--xm-green) !important; }
body .alegro-gifts-progress .ag-title, body .alegro-gifts-progress a { color: var(--xm-green) !important; }
body .alegro-gifts-progress .ag-bar { background: var(--xm-green-soft) !important; }
body .alegro-gifts-progress .ag-fill { background: linear-gradient(90deg, var(--xm-red), var(--xm-green)) !important; }
body .alegro-gifts-banner .ag-b-ship { background: var(--xm-gold) !important; color: #3a2a00 !important; }

/* menu: "Χριστουγεννιάτικα" is longer than "Halloween" -> keep all 7 items on one line on desktop (Hummingbird: .main-menu__tree__link) */
@media (min-width: 1200px) {
  #header .main-menu__tree__link { padding-left: .5rem !important; padding-right: .5rem !important; font-size: .95rem; white-space: nowrap; }
}

/* homepage slider: Christmas photos have a WHITE background, the page is cream -> multiply blend turns white into the page colour (no hard white box), other colours unchanged */
.carousel .carousel-item img, .carousel .carousel-item picture { mix-blend-mode: multiply; }
.carousel .carousel-item { background: var(--xm-cream) !important; } /* each slide is its own layer: the blend needs the cream underneath INSIDE the slide */