/* TwinShop Frontoffice Fix 1.0.18
   Fesselliebe brand accent normalization.
   Loaded server-side ONLY for Fesselliebe. */

:root{
  --ds-accent:#8b0000!important;
  --ds-link:#8b0000!important;
  --ds-link-hover:#8b0000!important;
  --ds-sale-bg:#8b0000!important;
  --ds-sale-text:#ffffff!important;
  --ds-accent-contrast:#ffffff!important;
  --tsfix-accent:#8b0000!important;
  --tsfix-accent-contrast:#ffffff!important;
}

/* Primary branded controls and status accents. */
.btn-primary,
.btn-danger,
.bg-primary,
.bg-danger,
.badge.bg-primary,
.badge.bg-danger,
.alert-danger,
.ds-discount-badge,
.product-flags .product-flag.discount,
.product-flags .product-flag.on-sale,
.product-flags .discount,
.product-flags .on-sale,
.pagination .page-item.active .page-link,
.pagination [aria-current="page"],
#header .header-block__badge,
#header .cart-products-count,
.tsfix-header-cart-count{
  background:#8b0000!important;
  border-color:#8b0000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Outline/secondary branded controls. */
.btn-outline-primary,
.btn-outline-danger{
  color:#8b0000!important;
  -webkit-text-fill-color:#8b0000!important;
  border-color:#8b0000!important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-danger:hover,
.btn-outline-danger:focus{
  background:#8b0000!important;
  border-color:#8b0000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Brand links and legal/action links. */
a.link-primary,
a.text-primary,
.link-danger,
.text-danger,
.ds-price-legal a,
.page a:not(.btn):hover,
.page-content a:not(.btn):hover,
.customer-account-page a:not(.btn):hover,
.my-account-page a:not(.btn):hover,
.tsfix-orderdetail__eyebrow{
  color:#8b0000!important;
  -webkit-text-fill-color:#8b0000!important;
}

/* Desktop navigation, account dropdown and mega menu. */
@media (min-width:1200px){
  #header .top-menu > li > a:hover,
  #header .top-menu > li > a:focus,
  #header .top-menu .current > a,
  #header .top-menu .active > a,
  #header .ps-mainmenu .current > a,
  #header .ps-mainmenu .active > a,
  #header .dropdown-menu a:hover,
  #header .dropdown-menu a:focus,
  #header .dropdown-menu .active > a,
  #header .submenu a:hover,
  #header .submenu a:focus,
  #header .submenu .current > a,
  #header .submenu .active > a,
  #header .popover.sub-menu a:hover,
  #header .popover.sub-menu a:focus,
  #header .ps-mainmenu__submenu a:hover,
  #header .ps-mainmenu__submenu a:focus{
    background:#8b0000!important;
    border-color:#8b0000!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  #header .dropdown-menu a:hover *,
  #header .dropdown-menu a:focus *,
  #header .submenu a:hover *,
  #header .submenu a:focus *,
  #header .popover.sub-menu a:hover *,
  #header .popover.sub-menu a:focus *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* Mobile/tablet TwinShop controls. */
#header .tsfix-header-item:hover,
#header .tsfix-header-item:focus-visible,
.tsfix-menu-body .tsfix-menu-link:hover,
.tsfix-menu-body .tsfix-menu-link:focus-visible,
.tsfix-submenu-toggle:hover,
.tsfix-submenu-toggle:focus-visible{
  color:#8b0000!important;
  border-color:#8b0000!important;
}
.tsfix-search-row button{
  background:#8b0000!important;
  border-color:#8b0000!important;
  color:#fff!important;
}
.tsfix-menu-body .tsfix-menu-list .tsfix-menu-list{
  border-left-color:#8b0000!important;
}

/* Common Fesselliebe pink/red components. */
.cookie-button,
.cookie-settings-button,
[class*="cookie"] .btn-primary,
[class*="cookie"] button.primary,
[class*="cookie"] button[data-action*="accept"],
[class*="cookie"] button[data-action*="save"],
.newsletter .btn-primary,
.ps-emailsubscription .btn-primary{
  background:#8b0000!important;
  border-color:#8b0000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Form focus and accent borders. */
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus{
  border-color:#8b0000!important;
  box-shadow:0 0 0 .18rem rgba(139,0,0,.16)!important;
}

/* Brand-color text utilities used by account/checkout modules. */
.text-primary,
.text-danger,
.text-pink,
[class*="text-danger"],
[class*="text-primary"]{
  color:#8b0000!important;
  -webkit-text-fill-color:#8b0000!important;
}

/* ---------- v1.0.19 extra Fesselliebe brand/contrast fixes ---------- */
/* Product cards on dark surfaces: use solid dark-red CTAs with white labels. */
#category .product-miniature .btn,
#search .product-miniature .btn,
#products .product-miniature .btn,
#js-product-list .product-miniature .btn,
.featured-products .product-miniature .btn,
.product-accessories .product-miniature .btn,
.viewed-products .product-miniature .btn,
.same-category .product-miniature .btn,
.products-section .product-miniature .btn,
.bw-home-slot .product-miniature .btn,
main .product-miniature .btn,
main .product-miniature__add,
main .product-miniature__details {
  background:#8b0000!important;
  border-color:#8b0000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#category .product-miniature .btn:hover,
#search .product-miniature .btn:hover,
#products .product-miniature .btn:hover,
#js-product-list .product-miniature .btn:hover,
.featured-products .product-miniature .btn:hover,
.product-accessories .product-miniature .btn:hover,
.viewed-products .product-miniature .btn:hover,
.same-category .product-miniature .btn:hover,
.products-section .product-miniature .btn:hover,
.bw-home-slot .product-miniature .btn:hover,
main .product-miniature .btn:hover,
main .product-miniature__add:hover,
main .product-miniature__details:hover {
  filter:brightness(.96)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Legal and delivery lines on dark cards: readable text + red accent containers. */
#category .product-miniature .ds-price-legal,
#search .product-miniature .ds-price-legal,
#products .product-miniature .ds-price-legal,
#js-product-list .product-miniature .ds-price-legal,
main .product-miniature .ds-price-legal,
#category .product-miniature .ds-price-legal *,
#search .product-miniature .ds-price-legal *,
#products .product-miniature .ds-price-legal *,
#js-product-list .product-miniature .ds-price-legal *,
main .product-miniature .ds-price-legal * {
  color:#f3f4f8!important;
  -webkit-text-fill-color:#f3f4f8!important;
}
#category .product-miniature .ds-price-legal a,
#search .product-miniature .ds-price-legal a,
#products .product-miniature .ds-price-legal a,
#js-product-list .product-miniature .ds-price-legal a,
main .product-miniature .ds-price-legal a {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:#8b0000!important;
}

#category .ds-mini-delivery,
#search .ds-mini-delivery,
#products .ds-mini-delivery,
#js-product-list .ds-mini-delivery,
main .ds-mini-delivery,
#category .flt-mini-delivery,
#search .flt-mini-delivery,
#products .flt-mini-delivery,
#js-product-list .flt-mini-delivery,
main .flt-mini-delivery,
#category .bw-delivery-line,
#search .bw-delivery-line,
#products .bw-delivery-line,
#js-product-list .bw-delivery-line,
main .bw-delivery-line {
  background:rgba(139,0,0,.15)!important;
  border-color:rgba(139,0,0,.55)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#category .ds-mini-delivery *,
#search .ds-mini-delivery *,
#products .ds-mini-delivery *,
#js-product-list .ds-mini-delivery *,
main .ds-mini-delivery *,
#category .flt-mini-delivery *,
#search .flt-mini-delivery *,
#products .flt-mini-delivery *,
#js-product-list .flt-mini-delivery *,
main .flt-mini-delivery *,
#category .bw-delivery-line *,
#search .bw-delivery-line *,
#products .bw-delivery-line *,
#js-product-list .bw-delivery-line *,
main .bw-delivery-line * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Newsletter bar above footer: clean white surface, dark text, dark-red CTA. */
.footer__before,
.footer__before .container,
.footer__before .row,
.footer__before .ps-emailsubscription,
.ps-emailsubscription {
  background:#fff!important;
  color:#18191d!important;
}
.footer__before .ps-emailsubscription :is(h2,h3,h4,p,label,small,span,div),
.ps-emailsubscription :is(h2,h3,h4,p,label,small,span,div) {
  color:#18191d!important;
  -webkit-text-fill-color:#18191d!important;
  opacity:1!important;
}
.footer__before .ps-emailsubscription input[type="email"],
.footer__before .ps-emailsubscription .form-control,
.ps-emailsubscription input[type="email"],
.ps-emailsubscription .form-control {
  background:#fff!important;
  color:#18191d!important;
  -webkit-text-fill-color:#18191d!important;
  border-color:#b9b4b7!important;
}
.footer__before .ps-emailsubscription input::placeholder,
.ps-emailsubscription input::placeholder {
  color:#5c5358!important;
  -webkit-text-fill-color:#5c5358!important;
  opacity:1!important;
}
.footer__before .ps-emailsubscription .btn,
.footer__before .ps-emailsubscription .btn-primary,
.ps-emailsubscription .btn,
.ps-emailsubscription .btn-primary {
  background:#8b0000!important;
  border-color:#8b0000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Footer links should remain clearly legible on dark footer. */
#footer a,
.footer-container a,
.footer-container li,
.footer-container p,
.footer-container span,
.footer-container strong {
  color:#f2f3f7!important;
  -webkit-text-fill-color:#f2f3f7!important;
}
#footer a:hover,
.footer-container a:hover {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:#8b0000!important;
}