/*
 * Rubinul p13 (visual): fixes for the Journal 3.1.13 -> 3.2.10 upgrade.
 * Loaded after the Journal CSS and the skin custom CSS (rb_p13_visual.xml), so a selector that repeats the Journal
 * one wins by order. !important only where Journal itself uses !important, an id selector or an inline style.
 */

/* Category sidebar (accordion menu): long names ran under the +/- toggle; the ellipsis now ends before it */
.accordion-menu .j-menu .menu-item > a > .links-text {
  padding-right: 28px;
  box-sizing: border-box;
}

/* Mobile menu: the submenu items are 10px in 3.2; 15px rows of 44px (touch target), next level 14px */
html body .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a,
html body .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a > .links-text {
  font-size: 15px;
}

html body .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a {
  min-height: 44px;
  padding-top: 11px;
  padding-bottom: 11px;
}

html body .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a,
html body .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a > .links-text {
  font-size: 14px;
}

/* Phones: the "added to cart" popup is 400px wide in Journal 3.2 and is cut on a 360-414px screen */
@media (max-width: 575px) {
  html body .notification-wrapper .notification {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    margin-right: 8px;
    margin-left: 8px;
  }

  html body .notification-wrapper .notification-content > img {
    flex-shrink: 0;
    width: 88px;
    height: auto;
  }

  html body .notification-wrapper .notification-buttons {
    flex-wrap: wrap;
    gap: 8px;
  }

  html body .notification-wrapper .notification-buttons .btn {
    flex: 1 1 auto;
    margin: 0;
  }
}

/* customCSS sets a fixed 1100px width on the subtitle of module 354: it ran off the screen on phones */
@media (max-width: 1199px) {
  html body .module-title-354 .subtitle {
    width: auto !important;
    max-width: 100%;
  }
}

/* The floating WhatsApp button (p08) sat half under the cookie banner (p06) next to "Accept toate":
   hidden while the banner is open, back as soon as the visitor chooses */
body:has(#rb-cookie-banner.is-visible) #rb-p08-whatsapp {
  opacity: 0;
  pointer-events: none;
}

/* Product page: the PRP (old) price sits on its own line above the new price, but Journal keeps the 10px left margin
   it uses when both prices are on one line, so it was indented against the model, the price and the title
   (the skin rule is .route-product-product:not(.popup) .product-info .product-details .product-price-old) */
html.route-product-product .product-info .product-details .product-price-group .product-price-old {
  margin-left: 0;
}

/* Product page: the options box has 15px padding on a transparent background, so "OPTIUNI DISPONIBILE" and the
   option rows were indented against the price, the model and the add-to-cart row; vertical spacing is kept */
.product-info .product-details .product-options {
  padding-left: 0;
  padding-right: 0;
}

/* Product options (product page and the "add to cart" options popup): the label column has no right padding, so a long
   label and its required asterisk ("Dimensiune colier *", "Tintuire diamant *") touched the first option box */
.product-options .form-group > .control-label {
  padding-right: 12px;
}