/*
 * livrare.gratis p15 (design): fixes of the migrated Journal 3.1.2.1 look on Journal 3.2.12.
 * Loaded last (lg_p15_design.xml). Palette of the old skin: navy #0a378f, red #d01e24, gold #ffd600, gray #727684.
 */

/* Catalog flyout menu: the two highlighted items ("Oferte de Sezon" on red, "Home & Deco" on navy) lost their white
   text in 3.2: Journal still sets color #fff !important on the <a>, but the item text (.links-text) and the icon now get
   the generic gray #727684 from a [id*="flyout_menu"] rule; !important because the Journal rules use it here */
.flyout-menu .flyout-menu-item-1 > a .links-text,
.flyout-menu .flyout-menu-item-1 > a::before,
.flyout-menu .flyout-menu-item-1 > a .menu-icon,
.flyout-menu .flyout-menu-item-2 > a .links-text,
.flyout-menu .flyout-menu-item-2 > a::before,
.flyout-menu .flyout-menu-item-2 > a .menu-icon {
  color: #fff !important;
}

.flyout-menu .flyout-menu-item-1 > a img,
.flyout-menu .flyout-menu-item-2 > a img {
  filter: brightness(0) invert(1);
}

/* Old price (PRP) on product cards: 10px italic (Journal: .main-products-style.product-grid .product-thumb .price-old
   = --j-font_size-extra-small) was hard to read */
html .main-products-style.product-grid .product-thumb .price-old,
html .main-products-style.product-list .product-thumb .price-old,
html .product-thumb .price-old.price-old.price-old {
  font-size: 12px;
}

/* Menu badges ("Reducere"): 9px */
.menu-label {
  font-size: 10px;
  line-height: 1.4;
}

/* Phones: "Adaugă în coș" button text on product cards was 10px */
@media (max-width: 760px) {
  html .main-products-style.product-grid .product-thumb .btn-cart .btn-text,
  html .product-thumb .btn .btn-text.btn-text.btn-text,
  html .product-thumb a.btn.btn.btn,
  html .lg-cart2 .lg-cart2__btn.lg-cart2__btn,
  html .lg-cart2 .lg-cart2__btn .btn-text {
    font-size: 13px;
  }
}

/* Accessibility widget of the old site (UserWay, bottom-right) sits on top of the cookie banner on phones: hidden while
   the banner is open, back after the choice (the banner then closes) */
body:has(#lg-cookie-banner.is-visible) .uwy {
  opacity: 0;
  pointer-events: none;
}

/* Gift label / box: the old accent of livrare (red #d01e24) instead of the ported produse.top red */
.product-label-lg_gift strong {
  background: #d01e24;
}

.lg-gift {
  border-color: #d01e24;
}

/* Horizontal scroll of ~10px at 1025-1279px: content rows keep the negative gutter over a container without padding.
   clip (not hidden) keeps position: sticky working */
html,
body {
  overflow-x: clip;
}

@media (max-width: 1279px) {
  #content > .row,
  .container > .row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Footer on phones: the round cookie button (bottom-left) and the accessibility / scroll-top buttons (bottom-right)
   cover the copyright line */
@media (max-width: 760px) {
  footer {
    padding-bottom: 72px;
  }
}
