/* ============================================================
   Minecraft sadaļa: tiešsaiste un klātiene
   Ielādējas PĒC product-pages.css un mc-tiessaiste.css.
   Šeit ir tikai tie bloki, kuru v2 sistēmā vēl nebija.
   ============================================================ */

/* ---------- Hero ar nodarbību ilustrāciju ---------- */

.mc-hero {
  min-height: 620px;
}

.mc-hero .v2-hero-inner {
  grid-template-columns: minmax(0, 1fr);
  padding: 72px 24px 92px;
}

.mc-hero .v2-hero-inner > div {
  max-width: 700px;
}

.mc-hero-photo {
  position: absolute;
  object-position: center 42%;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  transform: scale(1.04);
  animation: mcHeroIn 1.4s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.mc-hero-veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(96deg, rgba(18, 11, 40, 0.94) 0%, rgba(20, 13, 42, 0.82) 34%, rgba(23, 16, 46, 0.3) 66%, rgba(23, 16, 46, 0.14) 100%),
    linear-gradient(0deg, rgba(18, 11, 40, 0.72) 0%, transparent 42%);
}

/* Telefonā virsraksts un teksts aizņem visu platumu, bet slīpais aizsegs ir
   tumšs tikai kreisajā pusē, jo uz datora teksts stāv tikai tur. Uz gaišākiem
   attēliem labā mala tāpēc palika par gaišu, un teksts uz tās bija grūti
   salasāms. Telefonā aizsegs ir vienmērīgs. */
@media (max-width: 860px) {
  .mc-hero-veil {
    background:
      linear-gradient(180deg, rgba(18, 11, 40, 0.9) 0%, rgba(20, 13, 42, 0.82) 52%, rgba(18, 11, 40, 0.92) 100%);
  }
}

@keyframes mcHeroIn {
  from { opacity: 0; transform: scale(1.12); }
  to   { opacity: 0.9; transform: scale(1.04); }
}

.mc-hero .v2-hero-inner {
  position: relative;
  z-index: 2;
}

.mc-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  font-weight: 700;
}

.mc-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.mc-breadcrumbs a:hover {
  color: #fff;
}

/* ---------- Formāta pārslēdzējs ---------- */

/* Bloka lidmenis, nevis inline. Ta kapsula ar programmas nosaukumu un vecumu
   vienmer sakas jauna rinda zem pogam. Agrak, ja pogas bija saauras, kapsula
   pielipa tam blakus, un lapas izskatijas dazadi. */
.mc-switch {
  display: flex;
  width: fit-content;
  gap: 5px;
  margin-bottom: 24px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(12, 8, 28, 0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mc-switch a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.74);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.mc-switch a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.mc-switch a[aria-current="page"],
.mc-switch a[aria-current="page"]:hover {
  background: linear-gradient(180deg, var(--v2-lime-lite) 0%, var(--v2-lime-deep) 100%);
  color: var(--v2-lime-ink);
  box-shadow: 0 8px 20px rgba(var(--v2-lime-rgb), 0.34);
}

.mc-switch i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: currentColor;
  opacity: 0.6;
}

/* ---------- Programma skaitļos ---------- */

/* Josla stāv starp divām sadaļām, tāpēc atstarpei virs un zem tās jābūt
   vienādai. Nākamās sadaļas augšējā atstarpe ir 78px (vai 44px, ja tā ir
   "tight"), bet joslas augšējā bija 40px, tāpēc tā izskatījās pabīdīta uz
   augšu. Tagad abas puses nāk no viena skaitļa. */
.mc-facts-wrap {
  position: relative;
  z-index: 5;
  width: min(920px, calc(100% - 40px));
  margin: 56px auto 0;
}

.mc-facts-wrap + section > .section,
.mc-facts-wrap + section.section {
  padding-top: 56px;
}

/* Viena rinda, sešas vienādas šūnas. 1px atstarpe uz tonēta fona
   dod tīras dalījuma līnijas bez pseidoelementiem. */
.mc-facts {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(75, 58, 115, 0.12);
  border-radius: 20px;
  background: rgba(75, 58, 115, 0.11);
  box-shadow: 0 18px 44px rgba(30, 20, 60, 0.12);
}

/* Apakšā par 2px vairāk nekā augšā: skaitļa līnijas kastē virs cipariem
   paliek vairāk tukšuma nekā zem tiem, tāpēc ģeometriskais centrs izskatās
   par zemu. Ar šo korekciju tinte ir 17px no augšas un 16.8px no apakšas. */
.mc-fact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  padding: 14px 10px 16px;
  background: #fff;
  text-align: center;
}

/* > strong un > span, lai skaitītāja <span> iekšā strongā nepārmantotu
   pelēko etiķetes stilu. */
/* Skaitļi visās nodarbību lapās ir vienā krāsā, nevis katrai savā akcentā.
   Josla ir kopīgs bloks, un sešas gaiši zaļas, sarkanas vai zeltainas
   ciparu rindas blakus violetiem virsrakstiem izskatījās pēc raiba miksa. */
.mc-fact > strong {
  display: block;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.015em;
}

/* Vārds, ne skaitlis. "MakeCode" 27px izmērā ir platāks par šūnu un izlīda
   ārā. Mazāks izmērs to atrisina un izskatās arī labāk: vārds tādā pašā
   izmērā kā cipari blakus ir vizuāli daudz smagāks. */
.mc-fact.is-word > strong {
  font-size: 19px;
  letter-spacing: -0.005em;
}

.mc-fact > strong span {
  color: inherit;
  font: inherit;
}

.mc-fact > span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.4;
}

/* Lente pieplok tieši hero apakšai, tāpēc v2-pixel-edge vairs nav vajadzīga. */

.mc-hero + .v2-ribbon {
  margin-top: 0;
}

.mc-hero {
  margin-bottom: 0;
}

/* ---------- Deviņas tēmu pasaules ---------- */

.mc-worlds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 44px;
}

.mc-world {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(75, 58, 115, 0.1);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(75, 58, 115, 0.1);
  transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s ease;
}

.mc-world:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 60px rgba(75, 58, 115, 0.2);
}

.mc-world-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 1;
  background: var(--v2-night-2);
}

.mc-world-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.mc-world:hover .mc-world-media img {
  transform: scale(1.07);
}

.mc-world-num {
  position: absolute;
  top: 12px;
  left: 12px;
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  border-radius: 11px;
  background: rgba(12, 8, 28, 0.72);
  backdrop-filter: blur(8px);
  color: var(--v2-lime);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.mc-world-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 22px 24px 26px;
}

.mc-world-body h3 {
  margin: 0;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 19px;
  line-height: 1.28;
}

.mc-world-body ul {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.mc-world-body li {
  position: relative;
  padding-left: 20px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.mc-world-body li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--v2-lime);
  content: "";
  transform: rotate(45deg);
}

/* ---------- Astoņas prasmes ---------- */

.mc-skill-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 42px;
}

.mc-skill {
  position: relative;
  overflow: hidden;
  padding: 26px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.mc-skill:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--v2-lime-rgb), 0.42);
  background: rgba(var(--v2-lime-rgb), 0.09);
}

.mc-skill-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: rgba(var(--v2-lime-rgb), 0.16);
  font-size: 21px;
  line-height: 1;
}

.mc-skill h3 {
  margin: 16px 0 0;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}

.mc-skill p {
  margin: 8px 0 0;
  color: var(--v2-night-text);
  font-size: 14px;
  line-height: 1.55;
}

/* ---------- Programma pielāgojas bērnam ---------- */

.mc-flex-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 38px;
}

.mc-flex-card {
  padding: 28px 26px;
  border: 1px solid rgba(var(--v2-lime-rgb), 0.28);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(var(--v2-lime-rgb), 0.1), rgba(26, 179, 204, 0.06));
}

.mc-flex-card strong {
  display: block;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.3;
}

.mc-flex-card p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

/* ---------- Pieteikšanās: valodas un laiki ---------- */

.mc-signup {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px;
  align-items: start;
  margin-top: 42px;
}

.mc-signup-card {
  padding: 34px 32px;
  border: 1px solid rgba(75, 58, 115, 0.12);
  border-top: 5px solid var(--v2-lime-deep);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(75, 58, 115, 0.12);
}

.mc-signup-card h3 {
  margin: 0;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 23px;
  line-height: 1.25;
}

.mc-signup-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 16px;
  color: var(--v2-lime-deep);
  font-family: "Poppins", Arial, sans-serif;
}

.mc-signup-price b {
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
}

.mc-signup-price span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 700;
}

.mc-lang {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(75, 58, 115, 0.1);
  list-style: none;
}

.mc-lang li {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 16px;
  border: 1px solid rgba(75, 58, 115, 0.12);
  border-radius: 14px;
  background: var(--soft);
}

.mc-lang li.is-soon {
  opacity: 0.72;
}

.mc-lang-flag {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 26px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(75, 58, 115, 0.16);
  font-size: 15px;
  line-height: 1;
}

.mc-lang-name {
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.mc-lang-tag {
  margin-left: auto;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(var(--v2-lime-rgb), 0.16);
  color: var(--v2-lime-deep);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.mc-lang li.is-soon .mc-lang-tag {
  background: rgba(75, 58, 115, 0.1);
  color: var(--muted);
}

.mc-signup-card .btn {
  width: 100%;
  margin-top: 24px;
}

.mc-signup-fine {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.6;
  text-align: center;
}

/* Nodarbību laiki */

.mc-times {
  padding: 32px 30px;
  border: 1px solid rgba(75, 58, 115, 0.12);
  border-radius: 24px;
  background: var(--soft);
}

.mc-times h3 {
  margin: 0 0 4px;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 20px;
}

.mc-times > p {
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.6;
}

.mc-times-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mc-times-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid rgba(75, 58, 115, 0.1);
  border-radius: 13px;
  background: #fff;
}

.mc-times-day {
  flex: 0 0 auto;
  min-width: 96px;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.mc-times-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-left: auto;
}

.mc-times-slots a {
  padding: 6px 13px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(var(--v2-lime-rgb), 0.15);
  color: var(--v2-lime-deep);
  font-size: 12.5px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.mc-times-slots a:hover {
  border-color: var(--v2-lime-deep);
  background: linear-gradient(180deg, var(--v2-lime-lite) 0%, var(--v2-lime-deep) 100%);
  color: var(--v2-lime-ink);
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(var(--v2-lime-rgb), 0.32);
}

.mc-times-slots a:focus-visible {
  outline: 2px solid var(--v2-lime-deep);
  outline-offset: 2px;
}

.mc-times-list li {
  transition: border-color 0.2s ease;
}

.mc-times-list li:hover {
  border-color: rgba(var(--v2-lime-rgb), 0.4);
}

/* ---------- Skolu saraksts (klātiene) ---------- */

.mc-schools {
  margin-top: 40px;
  padding: 34px 34px 30px;
  border: 1px solid rgba(75, 58, 115, 0.12);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(75, 58, 115, 0.09);
}

.mc-schools h3 {
  margin: 0 0 6px;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 21px;
}

.mc-schools > p {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.mc-school-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mc-school-chips li {
  padding: 9px 15px;
  border: 1px solid rgba(75, 58, 115, 0.13);
  border-radius: 999px;
  background: var(--soft);
  color: #4f4767;
  font-size: 13.5px;
  font-weight: 600;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.mc-school-chips li:hover {
  border-color: rgba(var(--v2-lime-rgb), 0.55);
  background: rgba(var(--v2-lime-rgb), 0.1);
  transform: translateY(-2px);
}

.mc-school-chips li[hidden] {
  display: none;
}

/* Meklēšana un četru rindu skats.
   Sarakstā ir 39 skolas, un tas turpinās augt, tāpēc pilnā versijā tas
   aizņēma vairāk vietas nekā visas norises vietas kopā. Bez JavaScript
   saraksts paliek nogriezts, bet meklēšanas lauks tad ir paslēpts, lai
   nesolītu to, kas nestrādā. */

.mc-sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.mc-school-find {
  display: none;
  margin: 0 0 16px;
}

.mc-has-js .mc-school-find {
  display: block;
}

.mc-school-input {
  width: min(340px, 100%);
  padding: 11px 15px;
  border: 1.5px solid rgba(75, 58, 115, 0.16);
  border-radius: 999px;
  background: #fff;
  color: var(--text);
  font-family: inherit;
  font-size: 14.5px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mc-school-input::placeholder {
  color: var(--muted);
  opacity: 0.75;
}

.mc-school-input:focus {
  border-color: rgba(var(--v2-lime-rgb), 0.7);
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--v2-lime-rgb), 0.16);
}

.mc-school-list {
  --mc-school-rows: 4;
  --mc-school-row: 39px;
  --mc-school-gap: 9px;
  position: relative;
  /* Četras pilnas rindas, un zem tām paliek redzama piektās rindas maliņa.
     Bez tās nogrieztais saraksts izskatās kā saraksta beigas. */
  max-height: calc(var(--mc-school-row) * var(--mc-school-rows)
    + var(--mc-school-gap) * var(--mc-school-rows) + 9px);
  overflow: hidden;
  transition: max-height 0.35s ease;
}

/* Nogriezuma vietā teksts izgaist, nevis beidzas ar pusi rindas. */
.mc-school-list::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 78%);
  opacity: 1;
  transition: opacity 0.25s ease;
  pointer-events: none;
  content: "";
}

.mc-school-list.is-open::after,
.mc-school-list.is-filtered::after {
  opacity: 0;
}

.mc-school-status {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.mc-school-more {
  display: none;
  margin-top: 16px;
}

.mc-has-js .mc-school-more {
  display: block;
}

.mc-school-toggle {
  padding: 10px 20px;
  border: 1.5px solid rgba(var(--v2-lime-rgb), 0.45);
  border-radius: 999px;
  background: rgba(var(--v2-lime-rgb), 0.08);
  color: var(--v2-lime-deep);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.mc-school-toggle:hover {
  border-color: rgba(var(--v2-lime-rgb), 0.75);
  background: rgba(var(--v2-lime-rgb), 0.16);
}

.mc-school-toggle:focus-visible {
  outline: 3px solid rgba(var(--v2-lime-rgb), 0.55);
  outline-offset: 2px;
}

/* ---------- Norises vietas (klātiene) ---------- */

.mc-venue-group {
  margin-top: 42px;
}

.mc-venue-group + .mc-venue-group {
  margin-top: 44px;
}

.mc-venue-group-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mc-venue-group-head h3 {
  flex: 0 0 auto;
  margin: 0;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 19px;
  line-height: 1.2;
}

.mc-venue-group-head::after {
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--v2-lime-rgb), 0.5), rgba(75, 58, 115, 0.08));
  content: "";
}

.mc-venue-group-note {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.6;
}

.mc-venues {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.mc-venue {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 24px 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-left: 4px solid var(--v2-lime-deep);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(75, 58, 115, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mc-venue:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(75, 58, 115, 0.14);
}

.mc-venue-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.mc-venue-label {
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.mc-venue-price {
  flex: 0 0 auto;
  color: var(--v2-lime-deep);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 19px;
  font-weight: 800;
  white-space: nowrap;
}

.mc-venue h3 {
  margin: 8px 0 0;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.3;
}

.mc-venue-meta {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.55;
}

.mc-venue .btn {
  margin-top: 18px;
  padding: 10px 20px;
  min-height: 0;
  font-size: 14px;
}

.mc-plan-note {
  max-width: 780px;
  margin: 30px auto 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
}

/* ---------- Ko ņemt līdzi / vecāku kartes ---------- */

.mc-parent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 42px;
}

.mc-parent-card {
  padding: 28px 26px;
  border: 1px solid rgba(75, 58, 115, 0.08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(75, 58, 115, 0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mc-parent-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(75, 58, 115, 0.13);
}

.mc-parent-icon {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--v2-lime-soft);
  font-size: 22px;
  line-height: 1;
}

.mc-parent-card h3 {
  margin: 18px 0 0;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.3;
}

.mc-parent-card p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.v2-setup-card .btn {
  margin-top: 22px;
}

/* ---------- Tehniskā atbalsta josla ---------- */

.mc-support-band {
  display: flex;
  align-items: center;
  gap: 32px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 34px 40px;
  border: 1px solid rgba(var(--v2-lime-rgb), 0.3);
  border-radius: 24px;
  background: linear-gradient(120deg, rgba(var(--v2-lime-rgb), 0.1) 0%, rgba(26, 179, 204, 0.09) 100%);
}

.mc-support-band-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(75, 58, 115, 0.12);
  font-size: 28px;
  line-height: 1;
}

.mc-support-band h3 {
  margin: 0;
  color: var(--purple);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 21px;
  line-height: 1.3;
}

.mc-support-band p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.mc-support-band .btn {
  flex: 0 0 auto;
  margin-left: auto;
}

/* ---------- Responsivitāte ---------- */

@media (max-width: 1180px) {
  .mc-worlds,
  .mc-flex-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mc-skill-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mc-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mc-signup {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 960px) {
  .mc-support-band {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 30px 26px;
  }

  .mc-support-band .btn {
    margin-left: 0;
  }
}

@media (max-width: 720px) {
  .mc-hero {
    min-height: 0;
  }

  .mc-worlds,
  .mc-flex-grid,
  .mc-skill-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .mc-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mc-fact {
    min-height: 74px;
    padding: 12px 10px 14px;
  }

  .mc-fact > strong {
    font-size: 22px;
  }

  /* Telefonā atstarpe ir mazāka, bet joprojām vienāda abās pusēs. */
  .mc-facts-wrap {
    margin-top: 36px;
  }

  .mc-facts-wrap + section > .section,
  .mc-facts-wrap + section.section {
    padding-top: 36px;
  }

  .mc-switch {
    display: flex;
    width: 100%;
  }

  .mc-switch a {
    flex: 1 1 0;
    justify-content: center;
    padding: 11px 12px;
    font-size: 13px;
  }

  .mc-venues {
    grid-template-columns: minmax(0, 1fr);
  }

  .mc-venue {
    padding: 20px 20px 22px;
  }

  .mc-venue-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .mc-parent-card,
  .mc-parent-card,
  .mc-signup-card,
  .mc-times,
  .mc-schools {
    padding: 24px 22px;
  }

  .mc-times-list li {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }

  .mc-times-slots {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mc-hero-photo {
    animation: none;
    transform: none;
  }

  .mc-world,
  .mc-world-media img,
  .mc-venue,
  .mc-parent-card,
  .mc-skill,
  .mc-school-chips li,
  .mc-school-list,
  .mc-school-list::after {
    transition: none;
  }

  .mc-world:hover,
  .mc-venue:hover,
  .mc-parent-card:hover,
  .mc-skill:hover,
  .mc-school-chips li:hover {
    transform: none;
  }

  .mc-world:hover .mc-world-media img {
    transform: none;
  }

  .mc-times-slots a,
  .mc-times-list li {
    transition: none;
  }

  .mc-times-slots a:hover {
    transform: none;
  }
}