/*
 * produse.top p13 (functional): small fixes on top of Journal 3.2.12. Loaded after the Journal CSS and the skin
 * custom CSS (pt_p13_visual.xml); the integrator's design CSS (pt_p15_*) loads after this file.
 * Font sizes: every font_size variable in oc_journal3_variable has a value on this install (native 3.2.12 skin, no
 * 3.1 data), so the 10px fallback fix from the 3.1 -> 3.2 upgrades is NOT needed (1em would shrink real sizes).
 * Horizontal scroll: 3.2.12 already sets overflow-x hidden on body; nothing added here.
 */

/* Category sidebar (accordion menu): long names run 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;
}

/* Phones: the "added to cart" / wishlist / compare popup keeps a fixed width 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;
  }
}

/* Product options (product page and the options popup): the label column has no right padding, so a long label and
   its required asterisk touch the first option box */
.product-options .form-group > .control-label {
  padding-right: 12px;
}

/* Embeds (maps, videos) in Journal blocks keep a fixed width from the editor: never wider than the column on phones */
.module-blocks iframe {
  max-width: 100%;
}