/*
Theme Name: Togo Child
Theme URI: https://togo.uxper.co/
Author: Uxper
Author URI: http://uxper.co/
Description: This is a child theme of Togo
Template: togo
Version: 1.1.4
*/

/* ==========================================================================
   TripCosmos Fluid & Responsive Typography Engine (SEO & Mobile UX Optimized)
   ========================================================================== */

:root {
  --togo-h1-font-size: clamp(32px, 4vw, 42px);
  --togo-h2-font-size: clamp(24px, 3vw, 32px);
  --togo-h3-font-size: clamp(20px, 2.2vw, 24px);
  --togo-h4-font-size: clamp(17px, 1.8vw, 20px);
  --togo-body-line-height: 1.72;
}

/* Headings Base (Desktop & Tablet) */
h1, .h1 {
  font-size: var(--togo-h1-font-size) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  word-break: break-word;
  overflow-wrap: break-word;
}

h2, .h2 {
  font-size: var(--togo-h2-font-size) !important;
  line-height: 1.32 !important;
  letter-spacing: -0.015em !important;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 1.6em !important;
  margin-bottom: 0.6em !important;
}

h3, .h3 {
  font-size: var(--togo-h3-font-size) !important;
  line-height: 1.38 !important;
  letter-spacing: -0.01em !important;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 1.4em !important;
  margin-bottom: 0.5em !important;
}

h4, .h4 {
  font-size: var(--togo-h4-font-size) !important;
  line-height: 1.42 !important;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 1.2em !important;
  margin-bottom: 0.4em !important;
}

/* Article Reading Experience (Body Typography & Spacing) */
.entry-content,
.elementor-widget-theme-post-content,
article .post-content {
  font-size: 16px;
  line-height: 1.75;
  color: #334155;
}

.entry-content p,
.elementor-widget-theme-post-content p {
  margin-bottom: 1.35em !important;
  line-height: 1.75 !important;
}

/* Mobile Screens (Phones <= 768px) */
@media (max-width: 768px) {
  :root {
    --togo-h1-font-size: 28px !important;
    --togo-h2-font-size: 22px !important;
    --togo-h3-font-size: 18px !important;
    --togo-h4-font-size: 16px !important;
  }

  h1, .h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }

  h2, .h2 {
    font-size: 22px !important;
    line-height: 1.32 !important;
    margin-top: 1.3em !important;
    margin-bottom: 0.5em !important;
  }

  h3, .h3 {
    font-size: 18px !important;
    line-height: 1.36 !important;
    margin-top: 1.2em !important;
    margin-bottom: 0.4em !important;
  }

  h4, .h4 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .entry-content,
  .elementor-widget-theme-post-content,
  article .post-content {
    font-size: 15.5px !important;
    line-height: 1.72 !important;
  }
}