/* =========================================================
   Базови визуални стилове (типография и фон)
========================================================= */

:root {
  --esf-ink: #1f2430;
  --esf-muted: #616b7a;
  --esf-primary: #2b6ef2;
  --esf-accent: #ffb703;
  --esf-card: #ffffff;
  --esf-shadow: 0 18px 50px rgba(31, 36, 48, 0.12);
  --esf-soft-shadow: 0 10px 28px rgba(31, 36, 48, 0.08);
  --esf-radius: 18px;
}

body {
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
  color: var(--esf-ink);
  background: linear-gradient(135deg, #f6f8ff 0%, #ffffff 45%, #fff7eb 100%);
}

h1, h2, h3, h4, h5, h6,
.site-title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Fraunces", "Times New Roman", serif;
  letter-spacing: 0.3px;
}

.single-product .related.products ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 18px !important;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.single-product .related.products ul.products li.product {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  scroll-snap-align: start;
  margin: 0 !important;
}

.single-product section.related.products > ul.products {
  display: flex !important;
}

.site-main,
.site-content,
.site {
  background: transparent;
}

.page .entry-content li a,
.page .comments-list .comment-meta-data a,
.comments-area .comment-respond a,
.post .entry-content a,
.comment-content a,
#primary .page .entry-content table a {
  text-decoration: underline;
}

#secondary .widget a,
#primary .page .entry-content table a {
  color: var(--glb-primary-color);
}

#secondary .widget a:hover,
#primary .page .entry-content table a:hover {
  color: var(--glb-secondary-color);
}

.mobile-menu #primary-menu > li> a {
  text-transform: uppercase;
}