/*
 * FamiliaShop p15 (visual): readable text colours on top of the Journal 3 skin.
 * Loaded after the Journal CSS and the skin custom CSS (fs_p15_visual.xml), so a selector that repeats the Journal one
 * wins by order. !important is used only where Journal sets the colour with !important, an id selector, an inline style
 * or a per-module <style> printed later in the page (footer menus, newsletter).
 * Targets WCAG AA: 4.5:1 for normal text, 3:1 for titles of 24px and more.
 */

/* Hover on orange buttons: Journal only fades the orange (white text 2.2:1); now a darker orange (4.7:1) */
.no-touchevents .btn:hover,
.no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover,
.no-touchevents .product-options .input-group-btn .btn:hover,
.no-touchevents .product-info .button-group-page .btn-cart.btn:hover,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover,
.no-touchevents .module-products-385 .product-grid .product-thumb .image .btn:hover,
.no-touchevents .module-products-385 .product-grid .product-thumb .btn-cart.btn:hover,
.no-touchevents .module-newsletter-113 .input-group .input-group-btn .btn:hover {
  background-color: #b85a00;
  border-color: #b85a00;
  color: #fff;
}

/* Link hover on light backgrounds: darker teal (6.8:1 on white instead of 4.4:1) */
.no-touchevents a:hover {
  color: #1f6370;
}

/* Footer (dark #2c3640): grey links 3.9:1 -> 7.7:1, teal hover 2.5:1 -> brand orange 5.4:1 */
footer .links-menu .menu-item a:not([style*="color"]),
footer .links-menu .menu-item a:not([style*="color"]) .links-text {
  color: #c9ced4 !important;
}

.no-touchevents footer .links-menu .menu-item a:not([style*="color"]):hover,
.no-touchevents footer .links-menu .menu-item a:not([style*="color"]):hover .links-text,
footer .links-menu .menu-item a:not([style*="color"]):focus-visible,
footer .links-menu .menu-item a:not([style*="color"]):focus-visible .links-text {
  color: #f6941d !important;
}

.no-touchevents footer .icons-menu .menu-item a:hover,
.no-touchevents footer .icons-menu .menu-item a:hover::before,
.no-touchevents footer .icons-menu .menu-item a:hover .links-text,
footer .icons-menu .menu-item a:focus-visible,
footer .icons-menu .menu-item a:focus-visible::before {
  color: #f6941d;
}

/* Copyright line: grey set inline in the menu item (#7f868e, 3.3:1) */
footer .links-menu .menu-item a[style*="#7f868e"] {
  color: #c9ced4 !important;
}

footer .module-newsletter .newsletter-text,
footer .module-newsletter .checkbox label,
footer .module-newsletter .input-group + .checkbox label {
  color: #c9ced4 !important;
}

footer .module-newsletter .input-group + .checkbox label a,
footer .module-newsletter .input-group + .checkbox label a b {
  color: #fff !important;
  text-decoration: underline;
}

.no-touchevents footer .module-newsletter .input-group + .checkbox label a:hover,
.no-touchevents footer .module-newsletter .input-group + .checkbox label a:hover b,
footer .module-newsletter .input-group + .checkbox label a:focus-visible {
  color: #f6941d !important;
}

/* Main menu boxes (Produse, Contact, Blog): blue text on light grey 3.7:1 -> 5.7:1.
   Journal sets it with div#main-menu... !important, so the id list is repeated here (html body adds the extra weight). */
html body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-291 > .j-menu > li.main-menu-item-1 > a > .links-text,
html body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-311 > .j-menu > li.main-menu-item-1 > a > .links-text,
html body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-311 > .j-menu > li.main-menu-item-2 > a > .links-text,
html body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-311 > .j-menu > li.main-menu-item-5 > a > .links-text {
  color: #005fb3 !important;
}

html.no-touchevents body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-291 > .j-menu > li.main-menu-item-1:hover > a > .links-text,
html.no-touchevents body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-311 > .j-menu > li.main-menu-item-1:hover > a > .links-text,
html.no-touchevents body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-311 > .j-menu > li.main-menu-item-2:hover > a > .links-text,
html.no-touchevents body :is(#main-menu, #main-menu-2, #main-menu-mobile).main-menu-311 > .j-menu > li.main-menu-item-5:hover > a > .links-text {
  color: #003d73 !important;
}

/* Search bar: white on #007bea 4.2:1 -> the blue of the "Toate produsele" button, 4.5:1 */
.desktop-header-active .header-search .search-button,
.desktop-header-active .search-categories,
.mobile-header-active .header-search .search-button,
.mobile-header-active .search-categories {
  background-color: #127ac5;
}

/* Phone number in the top bar (red set inline in the menu item name): 4.0:1 -> 5.4:1 */
.top-menu .links-text span[style*="color:red"],
.top-menu .links-text span[style*="color: red"] {
  color: #d6000e !important;
}

/* Module titles (25px bold, large text): orange 2.3:1 -> 3.4:1; Blog title (33px bold, set in .module-title-324) gold 2.1:1 -> 4:1 */
.module-title {
  color: #d47300;
}

.module-title-324 {
  color: #a87700;
}

/* Home info blocks (EASYBOX, LIVRARE GRATUITA, RETUR/SCHIMB): 4.2:1 -> 6.4:1; contact page blocks: teal 4.2:1 -> 5.9:1 */
.module-info_blocks-306 .module-item .info-block .info-block-title {
  color: #005fb3;
}

.route-information-contact .module-info_blocks .module-item .info-block .info-block-title {
  color: #1f6370;
}

/* Product labels: "Transport Gratuit" on 46% grey over the photo, "Promotie" red 4.48:1 */
.product-labels span.product-label.product-label-369 strong {
  background-color: rgba(44, 54, 64, 0.85);
}

.product-labels span.product-label.product-label-358 strong {
  color: #c0000c;
}

/* EU co-financing bar (#bm1, orange set inline): white 2.2:1 -> dark text 6.8:1 */
#bottom-message #bm1 a {
  color: #1f2933 !important;
}

.no-touchevents #bottom-message #bm1 a:hover,
#bottom-message #bm1 a:focus-visible {
  color: #000 !important;
  text-decoration: underline;
}