/*
 * L4D Product Widgets - Global CSS
 * v1.8.1 development build
 * Purpose: variables + minimal scoped reset only.
 * Widget-specific layout/states live in their own CSS files.
 */

:root {
  --l4d-font-family: inherit;
  --l4d-bg: #ffffff;
  --l4d-card-bg: #ffffff;
  --l4d-soft: #f9fafb;
  --l4d-border: #e5e7eb;
  --l4d-text: #111827;
  --l4d-muted: #6b7280;
  --l4d-brand: #365557;
  --l4d-brand-hover: #365557;
  --l4d-brand-text: #ffffff;
  --l4d-active: #111827;
  --l4d-success: #365557;
  --l4d-danger: #b64141;
  --l4d-warning: #f97316;
  --l4d-radius: 28px;
  --l4d-radius-soft: 22px;
  --l4d-radius-control: 999px;
  --l4d-radius-pill: 999px;
  --l4d-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  --l4d-shadow-hover: 0 18px 40px rgba(15, 23, 42, 0.10);
  --l4d-transition: 160ms ease;
}


.l4d-products-widget,
.l4d-product-search-widget,
.l4d-product-pagination-widget,
.l4d-basket-widget,
.l4d-menu-cart-widget,
.l4d-refresh-gallery-widget,
.l4d-category-grid-widget,
.l4d-trust-strip-widget,
.l4d-store-guidance-widget {
  font-family: var(--l4d-font-family);
  color: var(--l4d-text);
  background: transparent;
  box-sizing: border-box;
}

.l4d-products-widget *,
.l4d-products-widget *::before,
.l4d-products-widget *::after,
.l4d-product-search-widget *,
.l4d-product-search-widget *::before,
.l4d-product-search-widget *::after,
.l4d-product-pagination-widget *,
.l4d-product-pagination-widget *::before,
.l4d-product-pagination-widget *::after,
.l4d-basket-widget *,
.l4d-basket-widget *::before,
.l4d-basket-widget *::after,
.l4d-menu-cart-widget *,
.l4d-menu-cart-widget *::before,
.l4d-menu-cart-widget *::after,
.l4d-refresh-gallery-widget *,
.l4d-refresh-gallery-widget *::before,
.l4d-refresh-gallery-widget *::after,
.l4d-category-grid-widget *,
.l4d-category-grid-widget *::before,
.l4d-category-grid-widget *::after,
.l4d-trust-strip-widget *,
.l4d-trust-strip-widget *::before,
.l4d-trust-strip-widget *::after,
.l4d-store-guidance-widget *,
.l4d-store-guidance-widget *::before,
.l4d-store-guidance-widget *::after {
  box-sizing: border-box;
}
.l4d-products-widget :is(button, input, select, textarea),
.l4d-product-search-widget :is(button, input, select, textarea),
.l4d-product-pagination-widget :is(button, input, select, textarea),
.l4d-basket-widget :is(button, input, select, textarea),
.l4d-menu-cart-widget :is(button, input, select, textarea) {
  font: inherit;
  margin: 0;
  box-shadow: none;
  outline: none;
}

.l4d-products-widget :is(button, input[type="button"], input[type="submit"]),
.l4d-product-search-widget :is(button, input[type="button"], input[type="submit"]),
.l4d-product-pagination-widget :is(button, input[type="button"], input[type="submit"]),
.l4d-basket-widget :is(button, input[type="button"], input[type="submit"]),
.l4d-menu-cart-widget :is(button, input[type="button"], input[type="submit"]),
.l4d-refresh-gallery-widget :is(button, input[type="button"], input[type="submit"]) {
  appearance: none;
  -webkit-appearance: none;
  border-style: solid;
  text-shadow: none;
}

.l4d-products-widget a,
.l4d-basket-widget a,
.l4d-menu-cart-widget a,
.l4d-refresh-gallery-widget a {
  color: inherit;
  text-decoration: none;
  box-shadow: none;
}

.l4d-products-widget [hidden],
.l4d-product-pagination-widget [hidden],
.l4d-menu-cart-widget [hidden] {
  display: none !important;
}

/* =========================
   Elementor Kit Shield v1.8.2
   Purpose: Elementor Kit selectors like `.elementor-kit-8 button` are broad.
   These rules only activate inside Elementor kit scopes and only reset native
   control bleed. Widget files re-apply each component's final spacing/colours.
========================= */
[class*="elementor-kit-"] :where(.l4d-products-widget,
  .l4d-product-search-widget,
  .l4d-product-pagination-widget,
  .l4d-basket-widget,
  .l4d-menu-cart-widget,
  .l4d-refresh-gallery-widget) :where(button, input[type="button"], input[type="submit"], .elementor-button) {
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: var(--l4d-font-family) !important;
  line-height: normal !important;
  min-height: 0 !important;
}

[class*="elementor-kit-"] :where(.l4d-products-widget,
  .l4d-product-search-widget,
  .l4d-product-pagination-widget,
  .l4d-basket-widget,
  .l4d-menu-cart-widget,
  .l4d-refresh-gallery-widget) :where(input, select, textarea) {
  font-family: var(--l4d-font-family) !important;
  box-shadow: none !important;
}