/*======================================
Theme Name: NeleTasane-koolitused
Theme URI: https://divicake.com/
Description: Nele Tasane trainings – child themes
Version: 1.0
Author: Urho Rättel
Author URI: https://facebook.com/urho.rattel
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* ============================================
   FONDID – SATOSHI & CLASH DISPLAY
   Õiged teekonnad (child theme fonts kaust)
   ============================================ */

/* ---------- 1. @font-face ---------- */
@font-face {
  font-family: 'Satoshi';
  src: url('https://koolitused.spb.ee/wp-content/themes/nele-tasane-koolitused-child/fonts/Satoshi-Variable.woff2') format('woff2'),
       url('https://koolitused.spb.ee/wp-content/themes/nele-tasane-koolitused-child/fonts/Satoshi-Variable.woff') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Display';
  src: url('https://koolitused.spb.ee/wp-content/themes/nele-tasane-koolitused-child/fonts/ClashDisplay-Variable.woff2') format('woff2'),
       url('https://koolitused.spb.ee/wp-content/themes/nele-tasane-koolitused-child/fonts/ClashDisplay-Variable.woff') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- 2. FLUID TÜPOGRAAFIA MUUTUJAD ---------- */
:root {
  --font-size-h1: clamp(0.938rem, 0.892rem + 0.187vw, 1.125rem);
  --line-height-h1: 1.2;
  --letter-spacing-h1: 0.05em;

  --font-size-h2: clamp(1.75rem, 1.375rem + 1.5vw, 3.25rem);
  --line-height-h2: 1.15;
  --letter-spacing-h2: -0.01em;

  --font-size-h3: clamp(1.5rem, 1.219rem + 1.125vw, 2.625rem);
  --line-height-h3: 1.25;
  --letter-spacing-h3: -0.005em;

  --font-size-h4: clamp(1.25rem, 1.063rem + 0.75vw, 2rem);
  --line-height-h4: 1.3;
  --letter-spacing-h4: 0;

  --font-size-body-md: clamp(0.75rem, 0.594rem + 0.625vw, 1.375rem);
  --line-height-body-md: 1.6;
  --letter-spacing-body-md: 0;

  --font-size-body-sm: clamp(0.625rem, 0.531rem + 0.375vw, 1rem);
  --line-height-body-sm: 1.5;
  --letter-spacing-body-sm: 0.01em;

  --font-size-button-md: clamp(0.938rem, 0.892rem + 0.187vw, 1.125rem);
  --line-height-button-md: 1.2;
  --letter-spacing-button-md: 0.02em;

  --font-size-button-sm: clamp(0.75rem, 0.688rem + 0.25vw, 1rem);
  --line-height-button-sm: 1.2;
  --letter-spacing-button-sm: 0.02em;

  --font-size-nav-link: clamp(0.688rem, 0.641rem + 0.187vw, 0.875rem);
  --line-height-nav-link: 1.4;
  --letter-spacing-nav-link: 0.03em;
}

/* ---------- 3. ELEMENTIDE TÜPOGRAAFIA ---------- */
/* Pealkirjad */
h1, .h1,
.et_pb_text h1,
.et_pb_post_content h1,
.entry-content h1,
.et_pb_module h1,
.et_pb_fullwidth_header .et_pb_fullwidth_header_title,
.et_pb_title_container h1 {
  font-family: 'Clash Display', sans-serif !important;
  font-size: var(--font-size-h1) !important;
  line-height: var(--line-height-h1) !important;
  letter-spacing: var(--letter-spacing-h1) !important;
  font-weight: 200 !important;
}

h2, .h2 {
  font-family: 'Clash Display', sans-serif;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  letter-spacing: var(--letter-spacing-h2);
  font-weight: 700;
}

h3, .h3 {
  font-family: 'Clash Display', sans-serif;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  letter-spacing: var(--letter-spacing-h3);
  font-weight: 700;
}

h4, .h4 {
  font-family: 'Clash Display', sans-serif;
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
  letter-spacing: var(--letter-spacing-h4);
  font-weight: 700;
}

/* Sisutekst */
body,
.body-md,
.et_pb_text,
.et_pb_text_inner,
p {
  font-family: 'Satoshi', sans-serif;
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body-md);
  letter-spacing: var(--letter-spacing-body-md);
  font-weight: 400;
}

.body-sm,
small,
.et_pb_text_small {
  font-family: 'Satoshi', sans-serif;
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
  letter-spacing: var(--letter-spacing-body-sm);
  font-weight: 400;
}

/* Nupud */
button,
.button,
.et_pb_button,
.wp-block-button__link,
.button-md {
  font-family: 'Clash Display', sans-serif;
  font-size: var(--font-size-button-md);
  line-height: var(--line-height-button-md);
  letter-spacing: var(--letter-spacing-button-md);
  font-weight: 600;
  text-transform: none;
}

.button-sm {
  font-family: 'Clash Display', sans-serif;
  font-size: var(--font-size-button-sm);
  line-height: var(--line-height-button-sm);
  letter-spacing: var(--letter-spacing-button-sm);
  font-weight: 600;
}

/* Navigatsioon */
.nav-link,
.et_pb_menu__menu .nav li a,
.menu-item a {
  font-family: 'Clash Display', sans-serif;
  font-size: var(--font-size-nav-link);
  line-height: var(--line-height-nav-link);
  letter-spacing: var(--letter-spacing-nav-link);
  font-weight: 500;
  text-decoration: none;
}

/* ---------- 4. FONDI PAKSUSE UTILIITKLASSID ---------- */
.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }