/* TopDeal look adapted onto the Ezri Shop PHP template
   Accent: #ff5c00  |  Dark: #252c41  |  Text: #222
*/
:root {
  --td-color: #ff5c00;
  --td-dark: #252c41;
  --td-darken: #1c2233;
  --td-text: #222222;
  --td-muted: #7d7d7d;
  --td-border: #e1e1e1;
  --td-bg: #f5f5f5;
  --td-green: #90cd0d;
}

body,
body.res {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: var(--td-text);
  background: #fff;
}

/* Sale strip — TopDeal header-top-sale */
.header-top-sale {
  background: var(--td-color);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.2px;
}
.header-top-sale a {
  color: #fff;
  text-decoration: underline;
}

/* Header chrome */
header#header.typeheader-1,
.typeheader-1 .header-middle,
.typeheader-1.navbar-compact .header-middle {
  background-color: var(--td-dark) !important;
}
.typeheader-1 .header-top {
  background: var(--td-darken) !important;
  border-bottom: 0;
}
.typeheader-1 .header-bottom {
  background: #fff !important;
  border-bottom: 1px solid var(--td-border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.typeheader-1 ul.top-link > li > a,
.typeheader-1 ul.top-link > li .btn-group .btn-link,
.typeheader-1 .signin-w ul li,
.typeheader-1 .signin-w ul li a,
.typeheader-1 .telephone ul li a,
.typeheader-1 .welcome-msg {
  color: #fff !important;
}
.typeheader-1 .megamenu-wrapper .megamenu > li > a,
.typeheader-1 .megamenu-wrapper .megamenu > li > a strong {
  color: #fff !important;
  font-weight: 500;
}
.typeheader-1 .megamenu-wrapper .megamenu > li:hover > a,
.typeheader-1 .megamenu-wrapper .megamenu > li > a:hover strong {
  color: var(--td-color) !important;
}

/* Departments button */
.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container,
#show-verticalmenu {
  background-color: var(--td-color) !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container:after {
  color: #fff !important;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a:hover,
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu:hover > a {
  color: var(--td-color) !important;
}

/* Search */
.so-search .button-search.btn-primary,
.button-search.btn.btn-primary,
.btn-primary,
.btn.btn-primary {
  background: var(--td-color) !important;
  border-color: var(--td-color) !important;
  color: #fff !important;
}
.so-search .button-search.btn-primary:hover,
.btn-primary:hover {
  background: #e65200 !important;
  border-color: #e65200 !important;
}
.so-search .search.input-group {
  border: 2px solid var(--td-color);
  border-radius: 3px;
  overflow: hidden;
}

/* Cart */
#cart .icon-c,
#cart .shopcart .icon-c,
.btn-shopping-cart .icon-c {
  background: var(--td-color) !important;
  color: #fff !important;
}
#cart .items_cart,
.shopping_cart .items_cart {
  background: var(--td-color) !important;
  color: #fff !important;
}
.typeheader-1 #cart .text-shopping-cart,
.typeheader-1 #cart .shopcart-inner {
  color: var(--td-text);
}

/* Titles */
.modtitle,
.modtitle span,
h3.modtitle {
  color: var(--td-text);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-bottom: 2px solid var(--td-color);
  display: inline-block;
  padding-bottom: 6px;
}

/* Product cards */
.product-layout.item-inner,
.product-layout.item-inner.style1 {
  background: #fff;
  border: 1px solid var(--td-border);
  border-radius: 2px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.product-layout.item-inner:hover {
  border-color: var(--td-color);
  box-shadow: 0 8px 22px rgba(37, 44, 65, 0.12);
}
.item-title a,
.product-layout .item-title a {
  color: var(--td-text);
  font-weight: 500;
}
.item-title a:hover {
  color: var(--td-color);
}
.price-new.product-price,
.content_price .price-new,
.content_price.price .price-new {
  color: var(--td-color) !important;
  font-weight: 700;
  font-size: 16px;
}
.price-old {
  color: var(--td-muted) !important;
  text-decoration: line-through;
}

/* Links and accents that used the old red */
a,
a:hover,
.fa,
.label-sale,
.label.label-sale {
  /* keep default links; only paint known accents below */
}
a:hover {
  color: var(--td-color);
}

/* Footer */
footer.footer-container.typefooter-1,
footer.typefooter-1 .footer-middle {
  background: var(--td-dark);
  color: #cfd3dc;
}
footer.typefooter-1 .modtitle,
footer.typefooter-1 h3.modtitle {
  color: #fff;
  border-bottom-color: var(--td-color);
}
footer.typefooter-1 a,
footer.typefooter-1 .menu li,
footer.typefooter-1 .infos-footer,
footer.typefooter-1 .copyright {
  color: #cfd3dc;
}
footer.typefooter-1 a:hover {
  color: var(--td-color);
}
footer.typefooter-1 .footer-bottom {
  background: var(--td-darken);
  color: #9aa1b2;
}

/* Back to top */
.back-to-top {
  background: var(--td-color) !important;
  color: #fff !important;
}

/* Override leftover Emarket red #ff3c20 / #ff6a00 */
.typeheader-1 .megamenuToogle-pattern .container,
.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  background-color: var(--td-color) !important;
}