/* ==========================================================================
   TELETORN — kohandatud stiilid
   --------------------------------------------------------------------------
   Ehitus:  1 muutujad → 2 baas → 3 abiklassid → 4–9 komponendid
            → 10 lehe- ja mallipõhine
   Kaal kasvab ülalt alla: baasreeglid on nõrgad (:where), komponendid
   löövad need üle ilma !important-ita.
   ========================================================================== */


/* ==========================================================================
   1. MUUTUJAD
   ========================================================================== */

:root {

  /* --- Konteineri laiused (kontrollitud teema vastu) --- */
  --content-width:      800px;    /* tekst — sama mis .narrow-text-block .wrap-inner */
  --content-width-wide: 1200px;   /* veerud, kaardiruudustikud */
  --content-width-max: 1440px;    /* teema .wrap — faktiriba laius */
  --content-gutter:     16px;

  /* --- Brändivärvid --- */
  --c-primary:     #007696;   /* PMS 7705 C — juba teema oma värv */
  --c-primary-dk:  #006a87;   /* hover */
  --c-primary-drk: #005971;   /* aktiivne */
  --c-dark:        #1a303d;
  --c-light:       #ebeff0;
  --c-primary-on-dark: color-mix(in srgb, var(--c-primary) 55%, var(--c-light));

  /* --- Beežid piirjooned ---
     Leidsin lehtedelt KUUS erinevat beeži, mis on praktiliselt sama toon:
       #dedacb  #d9d1c2  #d6d2c3  #ccc7b6  #e2dbcd  #f6f5f1
     Esimesed viis on silmale eristamatud. Koondasin need kaheks. */
  --c-line-warm:  #dedacb;   /* põhitoon — asendab 5 varianti */
  --c-line-faint: #f6f5f1;   /* selgelt heledam, jääb eraldi */

  /* --- Neutraalid --- */
  --c-text:       #2b2b2b;
  --c-text-muted: #666666;
  --c-text-soft:  #565656;
  --c-line-grey:  #dddddd;

  --tt-divider: rgba(255, 255, 255, 0.14);
	 
  /* --- Tüpograafia --- */
  --font-body: Jost, sans-serif;

  /* --- Ikoonid ---
     Sama nool, mida Spectra ikooniplokk kasutab (Font Awesome arrow-right).
     PUUDUS varasemast failist — ilma selleta ei joonistu CSS-nool üldse. */
  --tt-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/%3E%3C/svg%3E");
}


/* ==========================================================================
   2. BAAS
   ========================================================================== */

/* --- Lehe laius --------------------------------------------------------- */
/* Vaikimisi piiratud; erand võtab piirangu maha klassiga tt-full.
   :where() hoiab malliloetelu kaalu nullis, seega kogu reegel on 0-2-0
   ja teema oma reeglid (nt .teletorn-banner) jäävad puutumata. */

:where(.single-exhibitions, .page-id-18386,
       .single-educational-program, .page-id-1214) .content > *:not(
         .tt-full, .tt-band, .tt-feature, .tt-facts,
         .teletorn-banner, .narrow-text-block, .wp-block-separator,
         .featured-gallery-wrap, .spectra-image-gallery) {
  width: calc(100% - var(--content-gutter) * 2);
  max-width: var(--tt-width, var(--content-width));
  margin-inline: auto;
}

/* Laiad mallid — ainult muutuja vahetub */
.single-educational-program .content,
.page-id-1214 .content { --tt-width: var(--content-width-wide); }

/* Ribad murravad end 100vw peale välja. clip lõikab kerimisriba laiuse maha,
   mis muidu tekitaks horisontaalse kerimise. Erinevalt hidden'ist ei riku
   see position: sticky't. */
.content { overflow-x: clip; }

/* --- Baastüpograafia ----------------------------------------------------- */
/* :where() hoiab kaalu 0-1-0 juures, et komponendid (.card-desc jt) saaksid
   selle ilma !important-ita üle kirjutada. */

:where(.single-exhibitions, .single-educational-program) .wp-block-paragraph {
  font-size: 1.0625rem;
}

:where(.single-educational-program) .wp-block-paragraph {
  line-height: 1.7;
}


/* ==========================================================================
   3. SPECTRA ADVANCED HEADING — baasstiil
   --------------------------------------------------------------------------
   Kehtib KÕIGILE Advanced Heading plokkidele.
   ========================================================================== */

/* Teema sunnib h1–h6 suurtähtedesse */
.wp-block-uagb-advanced-heading .uagb-heading-text {
  margin: 0 0 15px;
  font-family: var(--font-body);
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  color: inherit;
}

/* Silt pealkirja kohal */
.wp-block-uagb-advanced-heading .uagb-desc-text {
  margin: 0 0 15px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  color: var(--c-primary);
}

/* Erand: üksik pealkiri ikkagi suurtähtedes → plokile klass tt-caps */
.wp-block-uagb-advanced-heading.tt-caps .uagb-heading-text {
  text-transform: uppercase;
}

@media screen and (max-width: 780px) {
  .wp-block-uagb-advanced-heading .uagb-heading-text { font-size: 24px; }
  .wp-block-uagb-advanced-heading .uagb-desc-text {
    font-size: 13px;
    letter-spacing: 1.5px;
  }
}


/* ==========================================================================
   4. ABIKLASSID
   ========================================================================== */

/* --- Joondus ------------------------------------------------------------- */

.tt-center,
.tt-center .uagb-heading-text,
.tt-center .uagb-desc-text { text-align: center; }

.tt-left,
.tt-left .uagb-heading-text,
.tt-left .uagb-desc-text { text-align: left; }

/* --- Tekst --------------------------------------------------------------- */

/* Silt pealkirja kohal, core-plokkidega — Spectra desc-text'i vaste */
.tt-label {
  margin: 0 0 15px;
  color: var(--c-primary);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
  text-transform: uppercase;
}

/* Väiksem hall lisarida, nt „Asukoht: …" */
.tt-note {
  color: var(--c-text-soft);
  font-size: 15px;
}

/* Lahedam reavahe pealkirjaplokkidele */
.tt-loose { line-height: 1.7; }

/* Tsitaadijoon lõigu ees */
.tt-quote {
  padding-left: 20px;
  border-left: 2px solid var(--c-primary);
}

/* --- Raamid ja jooned ---------------------------------------------------- */

/* Ainult piirjoon, ilma sisepolsterduseta */
.tt-outline { border: 1px solid var(--c-line-warm); }

/* Raamiga kast. Suurem variant: klass tt-boxed tt-boxed--lg */
.tt-boxed {
  padding: var(--tt-box-pad, 20px);
  border: 1px solid var(--c-line-warm);
}

.tt-boxed--lg { --tt-box-pad: 35px; }

/* Joon sektsiooni all */
.tt-rule-under {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--c-line-faint);
}

/* Loeteluread joonega */
.tt-rows > li {
  padding: 15px 0;
  border-top: 1px solid var(--c-line-warm);
}

/* --- Värvipaneelid ------------------------------------------------------- */

.tt-panel {
  background-color: var(--c-primary);
  color: #fff;
}

.tt-panel--dark {
  background-color: var(--c-dark);
  color: #fff;
}

.tt-panel--light {
  background-color: var(--c-light);
  color: var(--c-text);
}

/* --- Sildid (nupuplokid beeži raamiga) ----------------------------------- */
/* Klass läheb NUPPUDE plokile, mitte igale nupule eraldi. */

.tt-chips .wp-block-button { border: 1px solid var(--c-line-warm); }
.tt-chips .wp-block-button a { text-decoration: none; }


/* ==========================================================================
   5. RIBA  (.tt-band, .tt-feature)
   --------------------------------------------------------------------------
   Täislaiuses vööt, mille sees on keskele joondatud piiratud laiusega
   veerud. Kõike juhivad muutujad:

     --tt-band-bg     taust          vaikimisi --c-light
     --tt-band-fg     tekstivärv     vaikimisi päritud
     --tt-band-pad    vertikaalne polsterdus   vaikimisi 40px
     --tt-band-gap    veergude vahe            vaikimisi 32px
     --tt-band-align  tekstijoondus            vaikimisi start
     --tt-col-1 / --tt-col-2   veergude maksimumlaius

   Modifikaatorid all. Uue riba jaoks: klass tt-band + vajalikud
   modifikaatorid, CSS-i ei ole vaja puutuda.
   ========================================================================== */

.tt-band,
.tt-feature {
  justify-content: center;
  gap: var(--tt-band-gap, 32px);
  width: 100vw;
  max-width: 100vw;
  margin: 40px calc(50% - 50vw);
  padding: var(--tt-band-pad, 40px) var(--content-gutter);
  background-color: var(--tt-band-bg, var(--c-light));
  color: var(--tt-band-fg, inherit);
  text-align: var(--tt-band-align, start);
}

.tt-band > .wp-block-column,
.tt-feature > .wp-block-column { flex: 1 1 auto; }

.tt-band > .wp-block-column:first-child,
.tt-feature > .wp-block-column:first-child { max-width: var(--tt-col-1, none); }

.tt-band > .wp-block-column:last-child,
.tt-feature > .wp-block-column:last-child { max-width: var(--tt-col-2, none); }

/* Pealkiri ribas — nii Spectra kui core plokk */
.tt-band :is(h1, h2, h3, h4),
.tt-feature :is(h1, h2, h3, h4) {
  margin: 0 0 15px;
  font-family: var(--font-body);
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  color: inherit;
}

/* --- Vaikimisi veerujaotus: 178 + 590 = 800 ------------------------------ */

.tt-band {
  --tt-col-1: 178px;
  --tt-col-2: 590px;
}

/* --- Modifikaatorid ------------------------------------------------------ */

.tt-band--dark {
  --tt-band-bg: var(--c-dark);
  --tt-band-fg: #fff;
}

.tt-band--tall {
  --tt-band-pad: 80px;
  --tt-band-gap: 64px;
}

.tt-band--center { --tt-band-align: center; }

/* Laiem kaksveerg: 340 + 760 (õpetajaraamat) */
.tt-band--wide {
  --tt-col-1: 340px;
  --tt-col-2: 760px;
}

/* Üks veerg täies sisulaiuses */
.tt-band--single {
  --tt-col-1: var(--content-width-wide);
  --tt-col-2: var(--content-width-wide);
}

/* --- Tume avariba: valmis kombinatsioon ---------------------------------- */

.tt-feature {
  --tt-band-bg: var(--c-dark);
  --tt-band-fg: #fff;
  --tt-band-pad: 60px;
  --tt-band-align: center;
  --tt-col-1: var(--content-width);
  --tt-col-2: var(--content-width);
}

/* Silt tumedal taustal */
.tt-facts .uagb-desc-text,
.tt-band--dark .uagb-desc-text,
.tt-band--dark .tt-label,
.tt-feature .uagb-desc-text,
.tt-feature .tt-label {
  color: var(--c-primary-on-dark);
}

/* --- Mobiil -------------------------------------------------------------- */

@media screen and (max-width: 780px) {
  .tt-band,
  .tt-feature {
    flex-wrap: wrap;
    --tt-band-pad: 30px;
    --tt-band-gap: 24px;
    --tt-col-1: none;
    --tt-col-2: none;
  }

  /* !important on siin vajalik: mõnel plokil on redaktorist küljes
     inline flex-basis, mis muidu võidaks. */
  .tt-band > .wp-block-column,
  .tt-feature > .wp-block-column {
    flex: 1 1 100% !important;
    padding: 0 20px;
  }

  .tt-feature { --tt-band-pad: 40px; }
  .tt-feature :is(h1, h2, h3) { font-size: 30px; }
}


/* ==========================================================================
   6. VAHEJOONTEGA VEERUD  (.tt-divided, .tt-facts)
   --------------------------------------------------------------------------
   Töölaual püstjoon veergude vahel, mobiilis rõhtjoon.
   Joone värvi juhib --tt-divider.
   ========================================================================== */

.tt-divided,
.progamm-3veergu,
.progamm-5veergu { gap: 0; }

.tt-divided > .wp-block-column:not(:last-child),
.progamm-3veergu > .wp-block-column:not(:last-child),
.progamm-5veergu > .wp-block-column:not(:last-child) {
  border-right: 1px solid var(--tt-divider, var(--c-line-warm));
}

@media screen and (max-width: 780px) {
  .tt-divided > .wp-block-column:not(:last-child),
  .progamm-3veergu > .wp-block-column:not(:last-child),
  .progamm-5veergu > .wp-block-column:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid var(--tt-divider, var(--c-line-warm));
  }
}

/* --- Faktiriba: tume, 1440px lai variant -------------------------------- */
/*     vanusegrupp · kestus · grupi suurus · keeled · hind                   */

.tt-facts {
  width: 100%;
  max-width: var(--content-width-max);
  margin: 0 auto 40px;
  padding: 0 0 0 60px;
  background-color: var(--c-dark);
  color: #fff;
}

.tt-facts > .wp-block-column { padding: 10px; }

/* Silt veeru kohal — „VANUSEGRUPP", „KESTUS"… */
.tt-facts .uagb-desc-text {
  margin-bottom: 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
}

/* Väärtus — „7.–9. ja 10.–12. klass" */
.tt-facts .uagb-heading-text {
  margin-bottom: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}

@media screen and (max-width: 1440px) {
  .tt-facts { padding-left: 0; }
}


/* ==========================================================================
   7. KAJASTUSTE RIDA  (.tt-media-list)
   --------------------------------------------------------------------------
   EHITUS Gutenbergis:
     Grupp (vertikaalne)              → klass  tt-media-list
       Grupp (horisontaalne, nowrap)  → üks rida, klassi EI OLE VAJA
         Lõik                         → väljaande nimi
         Lõik                         → link artiklile
         [ikooniplokk on VABATAHTLIK — ilma selleta joonistab CSS noole ise]
   ========================================================================== */

/* WP annab vertikaalsele flex-grupile align-items: flex-start ja tema
   konteinerireegel on lehel hiljem kui see fail — seepärast !important. */
.tt-media-list { align-items: stretch !important; }

.tt-media-list :where(.is-layout-flex) { gap: 0; }

/* --- Rida ---------------------------------------------------------------- */

.tt-media-list > * {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 0 3px;
  border-top: 1px solid var(--c-line-warm);
}

.tt-media-list > *:last-child {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--c-line-warm);
}

/* --- 1. väljaande nimi --------------------------------------------------- */

.tt-media-list > * > *:first-child {
  width: 20%;
  max-width: 150px;
  margin: 0;
  padding-right: 20px;
  color: var(--c-primary);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.3;
  text-transform: uppercase;   /* kirjuta sisusse nii nagu tahad */
}

/* --- 2. pealkiri / link -------------------------------------------------- */

.tt-media-list > * > *:nth-child(2) {
  width: 70%;
  max-width: 550px;
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.tt-media-list a {
  color: inherit;
  text-decoration: none;
}

.tt-media-list > * > *:nth-child(2) a:hover,
.tt-media-list > * > *:nth-child(2) a:focus-visible {
  color: var(--c-primary);
  text-decoration: underline;
}

/* --- 3a. nool, kui reas ON Spectra ikooniplokk --------------------------- */

.tt-media-list .uagb-icon-wrapper {
  width: 10%;
  max-width: 30px;
  line-height: 0;
}

.tt-media-list .uagb-icon-wrapper svg {
  width: 16px;
  height: 16px;
  fill: var(--c-text);
}

/* --- 3b. nool, kui ikooniplokki EI OLE ----------------------------------- */

.tt-media-list > *:not(:has(.uagb-icon-wrapper))::after {
  content: "";
  flex: 0 0 16px;
  margin-left: auto;
  height: 16px;
  background-color: var(--c-text);
  -webkit-mask: var(--tt-arrow) center / contain no-repeat;
          mask: var(--tt-arrow) center / contain no-repeat;
}

/* --- Mobiil -------------------------------------------------------------- */

@media screen and (max-width: 780px) {
  .tt-media-list > * { flex-wrap: wrap; gap: 6px 12px; }
  .tt-media-list > * > *:first-child  { flex: 0 0 100%; padding-right: 0; }
  .tt-media-list > * > *:nth-child(2) { flex: 1 1 0; }
}


/* ==========================================================================
   8. KAART PILDIGA  (.card)
   ========================================================================== */

.card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--c-line-grey);
}

.card-image-wrap { position: relative; }
.card-image-wrap img { display: block; width: 100%; height: auto; }

.card-image-wrap .card-number {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  padding: 6px 16px;
  background-color: var(--c-dark);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.card-title {
  margin: 20px 20px 8px;
  font-weight: 700;
  line-height: 1.3;
}

.card-title h2 {
  font-family: var(--font-body);
  font-size: 19px;
  text-transform: none;
}

.card-desc {
  margin: 0;
  padding: 0 20px;
  color: var(--c-text-muted);
  font-size: 15px;
  line-height: 1.45;
}

.card-link { padding: 0 20px 20px; }

.card-link a {
  display: inline-block;
  color: var(--c-primary);
  font-size: 15px;
  font-weight: 700;
}

.card-link a:hover {
  color: var(--c-primary);
  text-decoration: underline;
}


/* ==========================================================================
   9. ÜLEJÄÄNUD KOMPONENDID
   ========================================================================== */

/* --- Lingid ilma allakriipsutuseta --------------------------------------- */

.raadiod a,
.toetajad a,
.osta-pilet a,
.card-title a,
.card-link a { text-decoration: none; }

.card-title a:hover { color: var(--c-primary-dk); }

/* --- Video vahepealkiri --------------------------------------------------- */

.tt-mini-heading {
  margin: 30px 0 10px;
  color: var(--c-primary);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.tt-mini-note {
  margin: 10px 0 0;
  color: var(--c-text-soft);
  line-height: 1.3;
  text-align: center;
}

/* --- Silt piirjoonega — teledaamid --------------------------------------- */

.teledaamid {
  min-width: 170px;
  margin: 0 0 10px;
  padding: 8px 15px;
  border: 1px solid var(--c-line-warm);
  border-left: 3px solid var(--c-primary);
}

/* --- Rombiga loetelu ------------------------------------------------------ */

.diamond-list { margin: 0; padding-left: 0; list-style: none; }

.diamond-list li {
  position: relative;
  margin-bottom: 14px;
  padding-left: 30px;
  line-height: 1.3;
}

.diamond-list li::before {
  content: "\25C6";
  position: absolute;
  top: 0.15em;
  left: 0;
  color: var(--c-primary);
  font-size: 13px;
}

/* --- Nummerdatud kaart ---------------------------------------------------- */

.numbered-card {
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  padding: 20px 24px;
  border: 1px solid var(--c-line-grey);
}

.numbered-badge {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  border-radius: 50%;
  background: var(--c-light);
  color: var(--c-primary);
  font-size: 15px;
  font-weight: 700;
}

.numbered-card p:not(.numbered-badge) {
  margin: 0;
  color: var(--c-text);
  font-size: 17px;
}

/* --- Jutumärk -------------------------------------------------------------- */

.quote-mark { position: relative; }

.quote-mark::before {
  content: "\201E";
  position: absolute;
  top: 0;
  color: rgba(255, 255, 255, 0.35);
  font-family: var(--font-body);
  font-size: 70px;
  font-weight: 700;
  line-height: 10px;
}

/* --- Asukohakastid --------------------------------------------------------- */

.location { border: 1px solid var(--c-line-warm); }

.is-open {
  border: 1px solid var(--c-line-warm);
  border-left: 0;
}

/* --- Foto nurgatäppidega raamis --------------------------------------------- */

.photo-frame {
  position: relative;
  display: inline-block;
  padding: 20px;
  border: 2px solid var(--c-primary);
}

.photo-frame img { display: block; width: 100%; }

.photo-frame::before,
.photo-frame::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: var(--c-primary);
  transform: rotate(45deg);
}

.photo-frame::before { top: -7px; left: -7px; }
.photo-frame::after  { bottom: -7px; right: -7px; }

/* --- Mobiil ---------------------------------------------------------------- */

@media screen and (max-width: 780px) {

  .fyysikalist { gap: 0; }

  .location,
  .is-open { border: 1px solid var(--c-line-warm); }

  .numbered-card {
    align-items: center;
    margin-bottom: 10px;
    padding: 12px 24px;
  }

  .teledaamid {
    min-width: 120px;
    margin: 0 5px 10px 0;
    padding: 5px 5px 5px 10px;
    font-size: 13px;
  }
}


/* ==========================================================================
   10. KÜLASTA NÄITUST — CTA  (.kulasta-naitust)
   ========================================================================== */

.kulasta-naitust {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--c-line-warm);
  text-align: left;
}

.kulasta-naitust .uagb-cta__wrap {
  width: 70%;
  text-align: left;
}

.kulasta-naitust .uagb-cta__title {
  margin: 0 0 10px;
  color: var(--c-primary);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.kulasta-naitust .uagb-cta__desc {
  margin: 0 0 10px;
  font-size: 18px;
}

.kulasta-naitust .uagb-cta__buttons {
  column-gap: 15px;
  justify-content: flex-end;
}

.kulasta-naitust .uagb-cta__button-link-wrapper {
  align-self: center;
  height: fit-content;
  margin-left: auto;
  border: 0;
  border-radius: 0;
  background-color: var(--c-primary);
  color: #fff;
  font-family: var(--font-body);
  font-weight: 600;
  text-decoration: none;
}

/* Nooleikoon, Icon Spacing 10 */
.kulasta-naitust .uagb-cta__button-link-wrapper > svg {
  margin-left: 10px;
  fill: #fff;
}

/* Hover — seda paneelis EI OLNUD, nupp oli tagasisideta */
.kulasta-naitust .uagb-cta__button-link-wrapper:hover {
  background-color: var(--c-primary-dk);
  color: #fff;
}

/* Stack On: Tablet */
@media screen and (max-width: 1024px) {
  .kulasta-naitust {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .kulasta-naitust .uagb-cta__wrap {
    width: 100%;
    text-align: center;
  }
  .kulasta-naitust .uagb-cta__buttons { justify-content: center; }
  .kulasta-naitust .uagb-cta__button-link-wrapper { margin-left: 0; }
}


/* ==========================================================================
   11. LEHE- JA MALLIPÕHINE
   --------------------------------------------------------------------------
   Ainus koht failis, kus selektor on seotud konkreetse lehe või malliga.
   ========================================================================== */

/* --- Vaatamisväärsuste nimekiri ------------------------------------------ */

.teletorn-attractions h2:first-child {
  margin: 0 0 10px;
  line-height: 1.2;
}

.single-attraction-wrap-inner {
  bottom: 12px;
  padding: 9px 0 0;
}

.page-id-1214 .teletorn-attractions {
  width: 100%;
  max-width: 1230px;
  margin-inline: auto;
}

/* --- Näituste nimekirjaleht ---------------------------------------------- */

.all-events-wrap h2:first-child { margin: 0 0 10px; }

.teletorn-events a:hover {
  color: #fff;
  text-decoration: underline;
}

/* --- Joonega tekstilink infokastis --------------------------------------- */

.infobox-programm .wp-block-button .uagb-inline-editing {
  padding-bottom: 2px;
  border-bottom: 2px solid var(--c-primary);
  color: var(--c-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

/* --- Programmi andmeread: vasakule ainult töölaual ------------------------ */
/*     Kui mobiilis peaks samuti vasakul olema, kustuta media query ja
        kasuta plokkidel .tt-left klassi. */

@media screen and (min-width: 781px) {
  .keel-grupp-suurus,
  .keel-grupp-suurus-hind { text-align: left; }
}