/* =====================================================
   BeOrganic.sk — typography_fix.css
   Jednotné fonty a veľkosti naprieč celým e-shopom
   Playfair Display = nadpisy | Montserrat = telo
   ===================================================== */

/* --- Google Fonts import --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Montserrat:wght@300;400;500;600&display=swap');

/* --- CSS premenné --- */
:root {
  --bo-font-heading: "Playfair Display", Georgia, serif;
  --bo-font-body:    "Montserrat", Arial, sans-serif;
  --bo-font-weight-normal: 400;
  --bo-font-weight-medium: 500;

  /* Veľkostná škála */
  --bo-text-xs:   0.75rem;   /* 12px — drobné popisky */
  --bo-text-sm:   0.8125rem; /* 13px — sekundárne info */
  --bo-text-base: 0.9375rem; /* 15px — základný text */
  --bo-text-md:   1rem;      /* 16px — zdôraznený text */
  --bo-text-lg:   1.125rem;  /* 18px — ceny, perex */
  --bo-text-xl:   1.375rem;  /* 22px — h3, podnadpisy sekcií */
  --bo-text-2xl:  1.75rem;   /* 28px — h2 menšie */
  --bo-text-3xl:  2.125rem;  /* 34px — h2 veľké, tituly sekcií */
  --bo-text-4xl:  2.75rem;   /* 44px — h1, hero */
}

/* ============================================
   ZÁKLADNÝ FONT TELA
   ============================================ */
body,
input,
textarea,
select,
button {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-base) !important;
  font-weight: var(--bo-font-weight-normal) !important;
}

/* ============================================
   NADPISY — Playfair Display
   ============================================ */
h1, h2, h3, h4,
.bo-sets-h2,
.bo-blog-title,
.bo-skin-title,
.bo-sets-name,
.ce-heading h1,
.ce-heading h2,
.bo-section-heading,
[class*="section-title"],
[class*="sec-title"] {
  font-family: var(--bo-font-heading) !important;
  font-weight: var(--bo-font-weight-medium) !important;
  line-height: 1.25 !important;
}

h1  { font-size: var(--bo-text-4xl) !important; }
h2  { font-size: var(--bo-text-3xl) !important; }
h3  { font-size: var(--bo-text-xl)  !important; }
h4  { font-size: var(--bo-text-md)  !important; }

/* Section titles na homepage */
.bo-sets-h2,
.bo-blog-title,
.bo-skin-title {
  font-size: var(--bo-text-3xl) !important;
}

/* ============================================
   NAVIGÁCIA
   ============================================ */
nav a,
.menu a,
.ce-menu a,
.main-menu a,
[class*="menu"] a,
.topbar a,
.bo-topbar a {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-medium) !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
}

/* ============================================
   PRODUKTY — meno, popis, cena
   ============================================ */
.p-name,
.p-name a,
[class*="product-name"],
[class*="prod-name"] {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-base) !important;
  font-weight: var(--bo-font-weight-medium) !important;
  line-height: 1.4 !important;
}

.p-desc,
.product-desc,
[class*="p-desc"] {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-normal) !important;
  line-height: 1.5 !important;
  color: #666 !important;
}

.p-price,
.price,
[class*="p-price"],
.bo-super-price {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-lg) !important;
  font-weight: var(--bo-font-weight-medium) !important;
}

/* ============================================
   SEKCIE HOMEPAGE — podnadpisy / perex
   ============================================ */
.bo-skin-sub,
.bo-section-sub,
[class*="section-sub"],
[class*="sec-sub"] {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-base) !important;
  font-weight: var(--bo-font-weight-normal) !important;
  line-height: 1.6 !important;
  color: #666 !important;
}

/* ============================================
   BLOG
   ============================================ */
.bo-blog-desc,
[class*="blog-desc"],
[class*="blog-text"] {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-normal) !important;
  line-height: 1.55 !important;
}

.bo-blog-name,
[class*="blog-name"],
[class*="blog-title-item"] {
  font-family: var(--bo-font-heading) !important;
  font-size: var(--bo-text-md) !important;
  font-weight: var(--bo-font-weight-medium) !important;
}

/* ============================================
   FOOTER
   ============================================ */
footer,
.footer,
[class*="footer"] {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
}

.bo-footer-h4,
footer h4,
[class*="footer"] h4 {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-medium) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

footer a,
[class*="footer"] a {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-normal) !important;
}

/* ============================================
   TLAČIDLÁ
   ============================================ */
button,
.btn,
[class*="btn"],
[class*="button"],
a.green-btn,
.shoppingCartIn {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-medium) !important;
  letter-spacing: 0.04em !important;
}

/* ============================================
   IKONY POD BANNEROM — popisky
   ============================================ */
.features-row .feature-item p {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
  font-weight: var(--bo-font-weight-normal) !important;
  color: #555 !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* ============================================
   FORMULÁRE & ADMIN TEXTY
   ============================================ */
label,
input,
select,
textarea {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-base) !important;
}

/* ============================================
   RECENZIE — karty a texty (nie nadpisy!)
   ============================================ */
.bors-card, .bors-text, .bors-name,
.bors-meta, .bors-cs, .bors-count,
[class*="review-card"], [class*="review-text"],
[class*="review-name"], [class*="recenz"] {
  font-family: var(--bo-font-body) !important;
  font-size: var(--bo-text-sm) !important;
}

/* Nadpis sekcie recenzií — Playfair + 34px */
.bo-review-h2 {
  font-family: var(--bo-font-heading) !important;
  font-size: var(--bo-text-3xl) !important;
  font-weight: 500 !important;
  margin-bottom: 36px !important;
  text-align: center !important;
}

/* bo-skin-section h2 — zjednotiť na 34px */
.bo-skin-section h2 {
  font-size: var(--bo-text-3xl) !important;
}

/* Topbar linky — Montserrat */
.bo-top-left a, .bo-top-right a,
.bo-top-right span {
  font-family: var(--bo-font-body) !important;
}