/*
 * Fierar p15_design: layout and responsive fixes for Journal 3.2.10, loaded last (after Journal, customCSS,
 * fd_visual.css) by vqmod/xml/fd_p15_design.xml. Palette and fonts are the shop's own (Journal variables):
 * slate #363c4c (Accent), yellow #e8e710 (Accent 2), Georgia (text), Balsamiq Sans (headings).
 * !important only where Journal itself uses it, ids or inline styles.
 */
:root {
  --fd-slate: #363c4c;
  --fd-yellow: #e8e710;
}

/* ---------------------------------------------------------------------------------------------
 * 1. No horizontal scroll on any page. Journal gives the page row a negative margin (half the side-column gap,
 *    .column-left .site-wrapper>.container>.row) for a container that has no padding of its own: at 1100 / 1024 /
 *    768 / 375 the row ran 10px past the screen. Up to 1320 (container 1280 + gap) the row stays inside the screen (the columns keep their
 *    own half-gap padding, so the content gets a 10px edge instead of touching the screen border).
 * --------------------------------------------------------------------------------------------- */
html, body {
  overflow-x: clip;
}

@media (max-width: 1320px) {
  /* .row.row: Journal's rule wins over html/body-prefixed selectors here, a second class is needed */
  html .site-wrapper > .container > .row.row,
  html #content > .row.row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* ---------------------------------------------------------------------------------------------
 * 2. Category sidebar (accordion menu module): long names wrap instead of being cut with "..."
 *    (Balustrade din fier forjat); Journal sets nowrap + ellipsis per module (div.accordion-menu-19 ...)
 * --------------------------------------------------------------------------------------------- */
html #column-left div.accordion-menu.accordion-menu .menu-item > a > .links-text,
html #column-right div.accordion-menu.accordion-menu .menu-item > a > .links-text {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.3;
}

/* ---------------------------------------------------------------------------------------------
 * 3. Small text: nothing under 12px in the page (product labels "Hot"/"Nou" 11px, newsletter consent 11px,
 *    "Sterge filtrarea" 10px, phone bottom bar 10px)
 * --------------------------------------------------------------------------------------------- */
html body .product-labels span.product-label strong {
  font-size: 12px;
}

html .module-newsletter .newsletter-form .input-group + .checkbox label,
html .module-newsletter .newsletter-form .input-group + .checkbox label b {
  font-size: 13px !important; /* Journal: .module-newsletter-67 .input-group + .checkbox label { ... !important } */
  line-height: 1.4;
}

html body .reset-filter.btn,
html body .reset-filter.btn:visited {
  font-size: 12px !important;
}

html body .bottom-menu > ul > li .links-text {
  font-size: 12px;
}

/* ---------------------------------------------------------------------------------------------
 * 4. Phones: product grid names (heading-5, ~19px bold Georgia) took 4-6 lines in a 160px column
 * --------------------------------------------------------------------------------------------- */
@media (max-width: 575px) {
  html .main-products-style.product-grid .product-thumb .name a {
    font-size: 15px;
    line-height: 1.3;
  }

  @media (max-width: 360px) {
    html .main-products-style.product-grid .product-thumb .name a {
      font-size: 14px;
    }
  }

  /* "Cele mai cumparate" / "Vazute recent" mini products: image above the name, not a 70px text column */
  html .side-products .side-product {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  html .side-products .side-product .image {
    flex-basis: auto;
    width: 100%;
  }

  html .side-products .side-product .caption {
    width: 100%;
  }
}

/* ---------------------------------------------------------------------------------------------
 * 5. Phone footer: the round cookie button (bottom left) and "scroll top" (bottom right) must not
 *    cover the copyright line
 * --------------------------------------------------------------------------------------------- */
@media (max-width: 760px) {
  footer {
    padding-bottom: 72px;
  }
}