/* depozitpolicarbonat.ro - DP redesign rules that used to be applied at runtime.
 *
 * Source: the inline `{% js %}` block in layout/default.html.twig (removed in this change).
 * It called el.style.setProperty(prop, value, 'important') for every matched element on
 * DOMContentLoaded and again on every resize (220 ms debounce), i.e. inline-important
 * precedence plus one style recalculation per property, on the main thread.
 *
 * Selector scopes were verified against the rendered DOM: footer.footer/.footer,
 * .footer__badges, .footer__badge, .social-icons__item--facebook, .footer__menu-title and
 * .scroll-top match zero elements on /, /catalog and /cumpără, so the footer and floating
 * branches of that script were dead code and are not carried over here.
 *
 * Specificity note: inline `!important` beat every stylesheet, so these rules are written
 * with a `html body` prefix to keep the same final precedence over dp-modern.css.
 */

html body #main.main.default {
	box-sizing: border-box !important;
	color: #17212b !important;
}

html body #header.header {
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 100 !important;
	background: #fff !important;
}

html body #header .header__wrapper {
	box-sizing: border-box !important;
	background: #fff !important;
}

html body #header [class*="search"] {
	box-sizing: border-box !important;
}

html body #header #header_menu_wrapper,
html body #header .header__menu-wrapper {
	box-sizing: border-box !important;
	box-shadow: 0 2px 10px rgba(15, 35, 60, .1) !important;
}

/* The script used header.querySelector(...) and therefore styled only the FIRST search input
   (.search-inline__input); .search__input in the secondary form kept its theme metrics.
   Scope is kept to that single component, and the id/class specificity is raised because
   the compiled theme bundle sets a 10px radius on the same input with !important. */
html body #header #header_wrapper .search-inline__input[type="search"] {
	border-radius: 24px !important;
	min-height: 46px !important;
	box-sizing: border-box !important;
}

@media (max-width: 767px) {
	html body #header #header_wrapper .search-inline__input[type="search"] {
		min-height: 42px !important;
	}
}