/**
 * Typography Override
 * Глобальні стилі для збільшення розмірів шрифтів на всьому сайті
 * 
 * Цей файл має завантажуватися ПІСЛЯ screen.css для перевизначення стилів
 */

/* ============================================
   GLOBAL BODY STYLES
   ============================================ */

html {
  font-size: 16px; /* Базовий розмір для rem */
}

body,
body.ghost {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
  line-height: 1.625 !important;
  font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
}

/* ============================================
   PARAGRAPHS
   ============================================ */

p,
p * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
  line-height: 1.625 !important;
  margin-bottom: 1rem !important;
}

/* ============================================
   HEADINGS
   ============================================ */

h1, .h1,
h1 *, .h1 * {
  font-size: 3.6rem !important; /* 57.6px (зменшено на 20%) */
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

h2, .h2,
h2 *, .h2 * {
  font-size: 2.8rem !important; /* 44.8px (зменшено на 20%) */
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

h3, .h3,
h3 *, .h3 * {
  font-size: 2.2rem !important; /* 35.2px (зменшено на 20%) */
  line-height: 1.375 !important;
  font-weight: 700 !important;
}

h4, .h4,
h4 *, .h4 * {
  font-size: 1.8rem !important; /* 28.8px (зменшено на 20%) */
  line-height: 1.375 !important;
  font-weight: 600 !important;
}

h5, .h5,
h5 *, .h5 * {
  font-size: 1.5rem !important; /* 24px (зменшено на 20%) */
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

h6, .h6,
h6 *, .h6 * {
  font-size: 1.3rem !important; /* 20.8px (зменшено на 20%) */
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

/* ============================================
   SMALL TEXT
   ============================================ */

small, .small {
  font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
}

/* ============================================
   LINKS
   ============================================ */

a {
  font-size: inherit !important;
}

/* ============================================
   NAVIGATION
   ============================================ */

.gh-head-menu a,
.gh-head-menu li,
.gh-head-menu li a {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.gh-head-button {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

/* ============================================
   BUTTONS
   ============================================ */

.btn,
.btn * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.btn-sm,
.btn-sm * {
  font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
}

.btn-lg,
.btn-lg * {
  font-size: 1.1rem !important; /* 17.6px (зменшено на 20%) */
}

.btn-xl,
.btn-xl * {
  font-size: 1.2rem !important; /* 19.2px (зменшено на 20%) */
}

/* ============================================
   FORMS
   ============================================ */

.form-input,
.form-select,
.form-textarea,
.form-input *,
.form-select *,
.form-textarea * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.form-label,
.form-label * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.form-help,
.form-error,
.form-help *,
.form-error * {
  font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
}

/* ============================================
   CARDS
   ============================================ */

.card-body,
.product-card-content,
.card-body *,
.product-card-content * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.product-card-title,
.product-card-title * {
  font-size: 1.1rem !important; /* 17.6px (зменшено на 20%) */
}

.product-card-excerpt,
.product-card-excerpt * {
  font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
}

/* ============================================
   FOOTER
   ============================================ */

.site-footer,
.site-footer * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.site-footer a {
  font-size: 1rem !important;
}

/* ============================================
   GHOST CONTENT (Posts, Pages)
   ============================================ */

.gh-content,
.gh-content * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
  line-height: 1.625 !important;
}

.gh-content p,
.gh-content p * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
  margin-bottom: 1.25rem !important;
}

.gh-content ul,
.gh-content ol {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
}

.gh-content li,
.gh-content li * {
  font-size: 1rem !important; /* 16px (зменшено на 20%) */
  margin-bottom: 0.5rem !important;
}

.gh-content strong,
.gh-content b {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.gh-content a {
  font-size: 1rem !important;
}

/* ============================================
   MOBILE OVERRIDES
   ============================================ */

@media (max-width: 768px) {
  body,
  body * {
    font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
  }
  
  h1, .h1,
  h1 *, .h1 * {
    font-size: 2.8rem !important; /* 44.8px (зменшено на 20%) */
  }
  
  h2, .h2,
  h2 *, .h2 * {
    font-size: 2.2rem !important; /* 35.2px (зменшено на 20%) */
  }
  
  h3, .h3,
  h3 *, .h3 * {
    font-size: 1.8rem !important; /* 28.8px (зменшено на 20%) */
  }
  
  .gh-content,
  .gh-content * {
    font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
  }
}

@media (max-width: 640px) {
  body,
  body * {
    font-size: 0.9rem !important; /* 14.4px (зменшено на 20%) */
  }
  
  h1, .h1,
  h1 *, .h1 * {
    font-size: 2.4rem !important; /* 38.4px (зменшено на 20%) */
  }
  
  h2, .h2,
  h2 *, .h2 * {
    font-size: 2rem !important; /* 32px (зменшено на 20%) */
  }
  
  h3, .h3,
  h3 *, .h3 * {
    font-size: 1.6rem !important; /* 25.6px (зменшено на 20%) */
  }
}