/* ====== Global Reset ====== */
html, body {
  margin: 0;
  padding: 0;
  background-color: #000;
  font-family: 'DM Sans', sans-serif;
  overscroll-behavior: contain;
}

/*============ SLIDE ANIMATIONS=============*/

:root {
  /* Change this to match your fixed header height */
  --header-height: 100px;
}

/* 1) Enable smooth scrolling and make html the snap container */
html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;  /* reserve space so sections land just below the fixed header */

}


#section-hero {
  scroll-margin-top: var(--header-height);
}
/* 2) Ensure the document is tall enough */


/* 3) Mark each full-screen section as a snap point */
#section-hero,
#section-more-info,
#section-cards,
#section-testimonials,
#section-final-cta {
  scroll-snap-align: start;  box-sizing: border-box;
  scroll-snap-stop: always;
}



/* ====== Header ====== */
.header {
  width: auto;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 96px;                  /* fiksēts header augstums */
  padding: 0 32px;               /* horizontālais padding */
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  background-color: rgb(0, 0, 0, 0.6); /* caurspīdīgs, lai burbuļi rādītos zem header */
  z-index: 2;                    /* virs FinisherHeader canvas */
}

/* Logo kā poga */
.header .logo-link {
  height: 100%;
  display: flex;
  align-items: center;
}
.header .logo-1-icon {
  height: 40px;
  width: auto;
  object-fit: contain;
  opacity: 80%;
  transition: all 0.3s ease;
}

.header .logo-1-icon:hover{
  transform: translateY(-3px);
  opacity: 1;
  box-shadow: 0 0 10px 0 rgba(255,255,255,0.8);
}

/* ====== Kopīgais CTA stilus gan header, gan hero ====== */
.btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;                  /* fiksēts pogas augstums */
  width: 100px;              /* minimālais pogas platums */
  padding: 0 20px;               /* horizontālais padding */
  background-color: #275bfb;
  border: 2px solid #275bfb;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease,
              box-shadow 0.3s ease,
              border 0.3s ease,
              transform 0.3s ease;
}

.btn-cta-h{
  display: inline-flex;
  align-items: center;
  align-self: right;
  justify-content: center;
  height: 48px;                  /* fiksēts pogas augstums */
  width: 180px;              /* minimālais pogas platums */
  padding: 0 20px;               /* horizontālais padding */
  background-color: #275bfb;
  border: 2px solid #275bfb;
  border-radius: 5px;
  margin-top: 48px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease,
              box-shadow 0.3s ease,
              border 0.3s ease,
              transform 0.3s ease;
}
.btn-cta-h:hover {
  transform: translateY(-3px);
  background-color: transparent;
  border: 2px solid #275bfb;
  box-shadow:
    0 0 12px rgba(39, 91, 251, 0.8),
    0 0 24px rgba(39, 91, 251, 0.6),
    0 0 32px rgba(39, 91, 251, 0.4);
}

.btn-cta:hover {
  transform: translateY(-3px) !important;
  background-color: transparent;
  border: 2px solid #275bfb;
  box-shadow:
    0 0 12px rgba(39, 91, 251, 0.8),
    0 0 24px rgba(39, 91, 251, 0.6),
    0 0 32px rgba(39, 91, 251, 0.4);
}

/* ====== Hero ====== */
.frame-parent {
  position: relative;
  max-width: 1440px;
  z-index: 2;                   /* virs FinisherHeader canvas */
  width: 100%;
  margin: 0 auto;
  height: 800px;                /* hero augstums */
  background-color: transparent; /* caurspīdīgs, lai burbuļi rādītos zem hero */
  display: flex;
  align-items: flex-start;      /* izvieto saturu augšā, nevis centrā */
  justify-content: flex-start;
  padding: 120px 32px 800px;     /* 120px from top, 32px sāniem un apakšai */
  box-sizing: border-box;
  gap: 10px;
}

/* Hero teksti */
.pielgo-savu-mjaslapu-eiropas-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 660px;
}
.pielgo-savu-mjaslapu {
  font-size: 84px;
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 500;
  color: #fff;
}
.esam-paldzjui-jau {
  font-size: 24px;
  font-weight: 100;
  font-family: 'DM Sans', sans-serif;
  color: rgb(255, 255, 255, 0.8);
}


/* Modal */
/* -----------------------------------------------------------------------------
   Prospect Modal Styles
   ----------------------------------------------------------------------------- */

/* ─── Prospect Modal Fix ───────────────────────────────────────────────────── */

/* Popup overlay (with fade in/out) */
/* Container */
#prospect-modal-root .prospect-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
#prospect-modal-root input#prospect-modal-toggle:checked ~ .prospect-modal {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}

/* Overlay background */
.prospect-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#prospect-modal-root input#prospect-modal-toggle:checked ~ .prospect-modal .prospect-modal__overlay {
  opacity: 1;
}

/* Dialog box */
.prospect-modal__dialog {
  position: relative;
  align-self: center;
  max-width: 400px;
  width: 90%;
  margin: 5% auto;
  background: #000000;
  border: 3px solid #275bfb;
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  transform: translateY(-20px);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
#prospect-modal-root input#prospect-modal-toggle:checked ~ .prospect-modal .prospect-modal__dialog {
  transform: translateY(0);
  opacity: 1;
}

/* Close button */
.prospect-modal__close {
  position: absolute;
  top: -1rem;
  right: -0.8rem;
  background-color: rgba(0, 0, 0, 0.4);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}

/* Form wrapper */
.prospect-modal__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 0;
}

/* Form fields */
.prospect-modal__form input {
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background-color: #000000;
  border: 1px solid #275bfb;
  color: #fff;
  border-radius: 5px;
  font-size: 1rem;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.prospect-modal__form input:hover {
  transform: translateY(-1px);
}
.prospect-modal__form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.prospect-modal__form input:focus {
  outline: none;
  border-color: #275bfb;
}

/* Submit button */
.prospect-modal__form .btn-cta-h {
  width: 180px;
  padding: 0.75rem;
  background: #275bfb;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border: 3px solid #275bfb;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
}
.prospect-modal__form .btn-cta-h:hover {
  background: transparent;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #05002e inset;
  box-shadow: 0 0 0px 1000px #05002e inset;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
}

/* Firefox autofill */
input:-moz-autofill {
  box-shadow: 0 0 0px 1000px #05002e inset;
  -moz-text-fill-color: #fff;
}




/* Hero attēli */
.frame-child {
  flex: 1;
  position: relative;
  z-index: 3;                   /* augstāk par frame-parent */
}
.dicons-sheild-dynamic-color-parent {
  position: absolute;
  top: 117px;
  left: 752px;
  width: 656px;
  height: 555px;
  z-index: 4;                   /* augstāk par frame-child */
}
.dicons-sheild-dynamic-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 427px;
  height: 427px;
  object-fit: cover;
}
.dicons-tick-dynamic-color {
  position: absolute;
  top: 112px;
  left: 213px;
  width: 443px;
  height: 443px;
  object-fit: cover;
}


/* ====== FinisherHeader canvas zem ķermeņa (body) ====== */
.finisher-header canvas {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 0 !important;        /* canvas zem visa satura */
}

/* ===============================
   3. "Kas ir Eiropas mājaslapu standarti?" sekcija
   =============================== */

/* Konteiners visu bloku aptverošais */
.section-eiropas {
  width: 100%;
  margin-top: -200px;
 }
 @media screen and (max-width: 768px) {
  .section-eiropas{
  margin-top: 0px;
}
 }

/* Galvenais "frame‐parent" – tagad "eiropas-frame-parent" */
.eiropas-frame-parent {
  width: 100%;
  position: relative;
  background-color: #275bfb;   /* noklusētā tumši zila, ja ACF lauks nav lietots */
  height: 800px;               /* Figma specifikācija */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 64px 32px;          /* 64px vertikāli, 32px horizontāli */
  box-sizing: border-box;
  gap: 10px;
  text-align: left;
  font-size: 68px;
  color: #fff;
  font-family: 'Instrument Sans', sans-serif;
  z-index: 3;
}

/* Kreisā sleja (Figma "frame-wrapper") */
.eiropas-frame-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;     /* Vertikāli centrē "headline_text" */
}

/* Pašā virsrakstā: (bijušais kas-ir-eiropas-container) */
.kas-ir-eiropas-mjaslapu-stand-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.kas-ir-eiropas-container {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.03em;
  line-height: 100%;
  font-weight: 500;
  color: #fff;
}

.eiropas-mjaslapu-standarti {
  color: #000 !important;
}

/* Labā sleja + apakšējais apraksts (bijušais "rectangle-parent") */
.rectangle-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 24px;
  font-family: 'DM Sans', sans-serif;
  color: #fff;
}

/* Tukšais "frame-child" (ja būtu jāievieto attēls/ornaments) */
.frame-child {
  align-self: stretch;
  flex: 1;
  position: relative;
}

/* Teksts "No 2025. gada 28. jūnija ..." (ACF "sub_text") */
.no-2025-gada {
  align-self: stretch;
  position: relative;
  font-size: 24px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 100;
  line-height: 1.4;
}

/* ==========================================================================
   1) KRĀSU KLASES
   ========================================================================== */
   .text-white {
    color: #ffffff;
  }
  
  .text-black {
    color: #000000;
  }
  
  /* ==========================================================================
     2) "Section: Kas ir Eiropas mājaslapu standarti ?"
     ========================================================================== */
  
  /* 2.0) Konteiners visu sekciju ietver: */
  .section-eiropas {
    /* Ja vajag — var mainīt ārējo fona krāsu vai pārlikt citādi.
       Mūsu gan "rectangle-parent" uzliek zilā fona bloku, tāpēc šeit var palikt caurspīdīgs. */
    background-color: transparent;
  }
  
  /* 2.1) .eiropas-frame-parent – zelts izkārtojuma pamats */
  .eiropas-frame-parent {
    width: 100%;
    max-width: 1440px;          /* maksimālais fona platums */
    margin: 0 auto;             /* pozicionē horizontāli centrā */
    background-color: #275bfb;  /* zils fona bloks */
    display: flex;
    flex-direction: row;
    align-items: flex-start;    /* nostāda kreiso daļu augšā */
    justify-content: flex-start;/* kreisā daļa paliek pie kreisās malas */
    box-sizing: border-box;
    padding: 64px 32px;         /* iekšējais "padding" zila bloka sānā/augšā */
    gap: 10px;                  /* neliela atstarpe starp "kreiso" un "labo" daļu */
    color: #ffffff;             /* noklusējuma teksta krāsa (balta) */
    font-family: 'Instrument Sans', sans-serif;
    font-size: 68px;            /* lielais virsraksta fonts */
    line-height: 1.1;
  }
  
  /* 2.2) Kreisā puse (.eiropas-frame-wrapper) */
  .eiropas-frame-wrapper {
    flex: 1;                    /* aizpilda brīvo vietu kreisajā pusē */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;    /* vertikāli centrs */
  }
  
  /* 2.3) .kas-ir-eiropas-container – tur atrodas virsraksta teksta bloks */
  .kas-ir-eiropas-container {
    display: inline-block;
    /* Fonts jau manto no .eiropas-frame-parent (Instrument Sans, 68px) */
    letter-spacing: -0.03em;
    color: #ffffff;             /* Teksts pieņem noklusējuma baltu krāsu */
  }
 
  /* 2.4) Labā puse (.rectangle-parent) */
  .rectangle-parent {
    flex: 1;                    /* aizpilda brīvo vietu labajā pusē */
    display: flex;
    flex-direction: column;
    align-items: flex-start;    /* teksu nostāda pie kreisā sāna */
    justify-content: flex-start;/* sākumā no augšas ieraksta "frame-child" */
    gap: 10px;                  /* atstarpe starp "frame-child" un "no-2025-gada" */
    box-sizing: border-box;
    width: 50%;                 /* var arī likt konkrētu %, piemēram 50% */
    min-width: 400px;           /* ja gribi āķīgi noteikt minimālo platumu */
  
    /* Papildu, ja "rectangle-parent" satur attēlu / tukšo bloku: */
    position: relative;
  }
  
  /* 2.4.1) .frame-child – tukšais, grafiskais bloks labajā pusē */
  .frame-child {
    width: 100%;
    height: 350px;             /* var mainīt, cik liels "tukšais" bloks uz zila fona */
    background: transparent;   /* ja gribi tur ielikt attēlu – vari norādīt background-image */
  }

  .no-2025-gada {
    font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    line-height: 1.4;
    color: #ffffff;        /* balts uz zila fona */
    max-width: 600px;      /* lai neizstieptos pārmērīgi */
  }
  
/* ==========================================================================
   SEKCIJA: "Kādai jābūt lapai? / Uz kuriem tas attiecas? / Kāpēc jāsakārto?"
   ========================================================================== */

/* 1) Konteiners visai sadaļai */
.section-kadai {
  width: 100%;
  background-color: transparent;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  box-sizing: border-box;
  z-index: 3;
}

/* 2) .kadai-frame-parent – Flex konteiners trīs "kartēm" vienā rindā */
.kadai-frame-parent {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  height: 600px;                   /* Figma prasītais augstums */
  display: flex;
  flex-direction: row;
  align-items: center;             /* vertikāli centrē katru karti */
  justify-content: center;         /* trīs kartes centrē horizontāli */
  padding: 64px 32px;              /* 64px vertikāli, 32px horizontāli */
  box-sizing: border-box;
  gap: 32px;                       /* atstarpe starp katru karti */
  text-align: left;
  font-size: 32px;                 /* noklusējuma fonts (Instrument Sans) */
  color: #275bfb;                     /* noklusējuma teksta krāsa */
  font-family: 'Instrument Sans', sans-serif;
  z-index: 3;
}

/* 3) Vienas kartes izskats (.icon-park-outlinecontrast-vie-parent) */
.icon-park-outlinecontrast-vie-parent {
  width: 437.3px;                  /* Figma izmērs */
  border-radius: 10px;
  background-color: rgba(0,0,0);
  border: 2px solid #275bfb;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;         /* vertikāli centrēts virsraksts+bullet */
  padding: 24px;                   /* iekšējais padding */
  box-sizing: border-box;
  gap: 64px;                       /* atstarpe starp virsrakstu un bullet-listu */
  transition: all 0.3s ease;
}
.icon-park-outlinecontrast-vie-parent:hover{
  transform: translateY(-8px) scale(1.1);
  border: 3px solid #275bfb;
}

/* 4) Ikona kartes augšā (.icon-park-outlinecontrast-vie) */
.icon-park-outlinecontrast-vie {
  width: 44px;
  height: 44px;
  overflow: hidden;
  flex-shrink: 0;                  /* neļauj ikonai "sabīties" */
}

/* 5) Kartes virsraksta stils (.kdai-jbt-lapai) */
.kdai-jbt-lapai {
  position: relative;
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 500;
  font-size: 32px;
  padding-bottom: 32px;                 /* Figma: 32px */
  color: #275bfb;                     /* balts uz zila fona */
  font-family: 'Instrument Sans', sans-serif;
}

/* 6) Bullet-lista konteiners (.frame-group) */
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;                       /* starp bullet vienumiem */
  font-size: 18px;                 /* bullet teksts: 18px */
  font-family: 'DM Sans', sans-serif;
  color: #fff;                     /* balts bullet teksts */
}

/* 7) Katrs bullet (.parent) */
.parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;                        /* starp "→" un teksta bloku */
}

/* "→" simbolam klase .div */
.div {
  position: relative;
  font-size: 18px;                 /* jābūt vienādam ar bullet tekstu */
  color: #fff;                     /* balts uz zila fona */
}

/* Bullet teksta stils */
.pieejamai-ar-cilvkiem {
  flex: 1;
  position: relative;
  font-size: 18px;
  font-weight: 100;
  font-family: 'DM Sans', sans-serif;
  color: #fff;                     /* balts bullet teksts */
}


/* ==========================================================================
   Section: "Mūsu sadarbības partneri" (Testimonials)
   ========================================================================== */

/* 1) Outer container: full‐width black background (inherited from body) */



/* 2) frame-parent: holds the entire section's content */
.section-testimonials .frame-parent {
  display: flex;
  flex-direction: column;        /* allow for stacking on smaller screens */
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: 1440px;             /* match your site's container width */
  margin: 0 auto;
  padding: 64px 32px 0;          /* Remove bottom padding to align with logo belt */
  box-sizing: border-box;
  color: #ffffff;                /* white text by default */
  font-family: 'Instrument Sans', sans-serif;
  max-height: 612px;
}

/* 3) frame-group: horizontal container for heading + subtext */
.section-testimonials .frame-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;   /* left‐align both columns */
  gap: 32px;                      /* space between heading & paragraph */
  width: 100%;
}

/* 4) frame-wrapper (left column): holds the big heading */
.section-testimonials .frame-wrapper {
  flex: 1;                        /* fill available space equally if needed */
  display: flex;
  flex-direction: column;
  justify-content: center;       /* vertically center the heading text */
  box-sizing: border-box;
}

/* 5) "Mūsu sadarbības partneri" container */
.section-testimonials .msu-sadarbbas-partneri-container {
  font-size: 68px;                /* large heading text size */
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 500;               /* white on black background */
  word-break: break-word;         /* wrap long words if necessary */
}

/* 6) Sub‐text column wrapper */
.section-testimonials .esam-paldzjui-iem-un-citie-wrapper {
  flex: 1;    
  border-radius: 10px;     
  border: 2px solid #275bfb;
  background-color: rgba(39, 91, 251, 0.1);               /* fill remaining space */
  box-sizing: border-box; 
  padding-top: 24px;
  padding-left: 24px;
  padding-bottom: 24px;
}

/* 7) The sub‐text itself */
.esam-paldzjui-iem {
  font-family: 'DM Sans', sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 1.5;
  color: rgba(225, 255, 255, 0.9); /* slightly translucent white */
  max-width: 632px;               /* limit line‐length for readability */
  word-break: break-word;
}

.sadarbbas {
  color: #275bfb;
}

/* ========================================================================
   Section: Logos (image-4-parent flex‐row)
   ======================================================================== */
  
   /* ==========================================================================
   Section: "Mūsu sadarbības partneri"
   ========================================================================== */

/* (1) Ensure the outer wrapper spans full width and sits on a black background */
.section-testimonials {
  width: 100%;
  background-color: #000;   /* match your page background */
  box-sizing: border-box;
}

/* (2) Constrain inner content to max‐width and center it horizontally */
.section-testimonials .frame-parent {
  background-color: rgba(39, 91, 251, 0.2);
  margin: 0 auto;
  padding: 100px 32px;          /* side padding so text doesn't touch the viewport edges */
  box-sizing: border-box;
}

/* (3) Force the "frame‐group" to be a side-by-side flex container */
.section-testimonials .frame-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;       /* align children at the top */
  justify-content: space-between;/* push left item and right item to edges */
  width: 100%;
  box-sizing: border-box;
  gap: 32px;                      /* optional gap between the two halves */
}

/* (4) Left column (heading) should take up about half the width on large screens */
.section-testimonials .frame-wrapper {
  flex: 1;                        /* allow the heading to grow as needed */
  display: flex;
  align-items: flex-start;       /* align heading to the top of its container */
  box-sizing: border-box;
}

/* (5) Style the heading text exactly as in your Figma: 
      – "Mūsu " in white (#FFF),
      – "sadarbības" in blue (#275bfb),
      – " partneri" in white (#FFF). */
.section-testimonials .msu-sadarbbas-partneri-container {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 68px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #ffffff;               /* default white for the entire line */
}

/* (5a) The word "sadarbības" (which you wrapped in <span class="sadarbbas">) should override to blue */
.section-testimonials .msu-sadarbbas-partneri-container .sadarbbas {
  color: #275bfb !important;
}

/* (6) Right column (sub‐text) should sit to the right of the heading, in plain white text */
.section-testimonials .esam-paldzjui-iem-un-citie-wrapper {
  flex: 1;                       /* allow it to fill the remaining half */
  display: flex;
  align-items: flex-start;      /* align sub‐text to the top of its column */
  box-sizing: border-box;
}

/* (7) The actual paragraph inside the right column */
.section-testimonials .esam-paldzjui-iem {
  font-family: 'DM Sans', sans-serif;
  font-size: 24px;
  line-height: 1.4;
  color: #ffffff;               /* sub‐text is plain white, no background box */
  max-width: 600px;             /* optional: prevent line from becoming too long */
}

/* ======================================================================
   2) Logo Belt sadaļa zem “Testimonials”
   ====================================================================== */

/* ─── (1) Pilnas platuma “.section-logos” konteineris ───────────────────── */
.section-logos {
  width: 100%;
  overflow: hidden;                /* slēpj pāri rāmim esošos logotipus */
  background-color: transparent;   /* var būt melns vai caurspīdīgs */
  padding: 200px 0;                 /* vertikālais atstatums no “Testimonials” */
  box-sizing: border-box;
}

/* ─── (2) “.logo-slider”: iekšējais konteineris, kas tiks animēts ──────── */
.section-logos .logo-slider {
  display: flex;
  width: max-content;           /* platums tik liels, cik vajag visiem attēliem */
  animation: scroll-logos 20s linear infinite;
}

/* ─── (3) Katrā “.logo-item-wrapper” tiek centēts attēls ──────────────── */
.section-logos .logo-item-wrapper {
  flex: 0 0 auto;               /* nedrīkst sarūkt vai paplašināties */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 64px;           /* atstarpe starp logotipiem */
}


/* ─── (4) “.logo-item” attēla izmēri ──────────────────────────────────── */
.section-logos .logo-item {
  max-height: 80px;             /* logotipi augstuma ierobežojums */
  width: auto;
  object-fit: contain;
  display: block;
}

/* ─── (5) CSS keyframes, lai pārvietotu .logo-slider no 0% līdz -50% ───── */
/*   Pieņemam, ka .logo-slider satur divreiz to pašu secību (loop)           */
@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



                                  /* ------ SECTION: Final CTA ------ */


.section-final-cta__wrapper {
  display: flex;
  max-width: 1440px;    /* centrēšanai var mainīt pēc vajadzības */
  margin: 0 auto;
  background-color: #275bfb;
  height: 500px;
  z-index: 3;
}

.section-final-cta__image-container {
  width: 50%;
  overflow: hidden;
  z-index: 3;
}

.section-final-cta__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%) brightness(0.30) contrast(130%) sepia(100%) hue-rotate(200deg) saturate(1000%);
  z-index: 3;
}

.section-final-cta__content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px 32px;
  box-sizing: border-box;
  background-color: #275bfb;
  z-index: 3;
}

.section-final-cta__heading {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 68px;
  font-weight: 500;
  color: #fff;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.section-final-cta__heading span {
  display: block;
}

.tiei-tev {
  color: #000;
}

.section-final-cta__form {
  display: flex;
  gap: 8px;
  padding-top: 188px;
}

.section-final-cta__input {
  width: 350px;
  height: 48px;
  padding: 12px 20px;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.section-final-cta__input::placeholder {
  color: #fff;
}

.section-final-cta__input:hover{
  transform: translateY(-3px) ;
}

.section-final-cta__button {
  display: flex; 
  margin-left: auto;
  margin-right: 32px;
  align-items: center; 
  align-self: left;
  justify-content: center;
  height: 48px; width: 180px;
  padding: 0 20px;
  background-color: #fff;
  border: 2px solid#ffffff;
  border-radius: 5px; 
  margin-top: 164px; 
  color: #000000; 
  font-weight: 600;
  text-decoration: none;
  font-family: 'DM Sans', sans-serif; font-size: 16px; cursor: pointer;
  transition: all 0.3s ease
}

.section-final-cta__button:hover{
  transform: translateY(-3px) ;
  background-color: transparent;
  color: #fff;
}


/* ------------------------------- */

/* ---- Footer Styles ---- */
/* ======= Footer Styles ======= */

/* 1) Lai footer fons aizņemtu visu loga platumu */
.footer {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  background-color: rgb(0, 0, 0, 0.6);
  position: relative;
  z-index: 3;
}

.vdisainlv-parent {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 32px 32px 32px 0;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  font-family: 'Instrument Sans', sans-serif;
}

/* Pārējie stili nemainās */
.vdisainlv {
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 500;
  padding-left: 32px;
  transition: all 0.3s ease;
}

.vdisainlv:hover{
transform: translateY(-3px);
color: #275bfb;
}

.privtuma-politika {
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 500;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.privtuma-politika:hover{
transform: translateY(-3px);
color: #275bfb;
}

.footer-link {
  color: inherit;
  text-decoration: none;
}
 
/*====== TY =======*/
.ty-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin-top: -100px;
}

.ty-bg-video {
  position: absolute;
  opacity: 0.4;
  top: 50%;
  left: 50%;
max-width: 1440px;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.ty-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 0 1rem;
}

.ty-heading {
  font-size: 72px;
  color: #fff;
  margin: 0;
  font-family: 'Instrument Sans', sans-serif;
  font-weight: 500;
  max-width: 800px;
}

.ty-heading-blue {
  color: #005BFF;
}


.ty-subheading {
  font-size: 24px;
  color: rgb(255, 255, 255, 0.8);
  margin: 0.5rem 0 0;
  font-weight: 100;
}

body.page-id-80 header.header {
  top: -22px !important;
}

html {
  overscroll-behavior-y: none;
}
body {
  overscroll-behavior-y: none;
}





/* mazākām ierīcēm tikai samazini logo/pogas mērus, bet atstāj row */
@media screen and (max-width: 768px) {
  .header {
    padding: 0.75rem 1rem;  
    margin-top: -0.5rem;
  }
  .header .logo-1-icon {
    height: 1.5rem;            /* 32px */
    opacity: 1;
    position: center;
  }
  .btn-cta {
    padding: 0.5rem 1rem;    /* 8px/16px */
    height: 1.5rem;
    width: 5rem;
    font-weight: 500;
  }
  .finisher-header canvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 0 !important;  
    max-height: fit-content;
  }
}
@media screen and (max-width: 768px) {
  /* Stack hero vertically */
  .frame-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5rem 1rem 2rem; /* 64px top, 16px sides, 32px bottom */
    height: auto;
    box-sizing: border-box;
  
  }

  /* Headline */
  .pielgo-savu-mjaslapu {
    font-size: 2rem;       /* ~32px */
    max-width: 100%;
    text-align: center;
    font-weight: 700;
    padding-top: 5rem;     /* push down from top */
  }
  .pielgo-savu-mjaslapu-eiropas-parent{
    gap: 1rem;
  }

  /* Sub-headline */
  .esam-paldzjui-jau {
    font-size: 1rem;       /* ~16px */
    padding-top: -500px;
    padding-bottom: 0;
    text-align: center;
    line-height: 1.4;
  }
  /* 1) Make the container flex and center its children */
  .frame-container {
    display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;   /* center text too */
      box-sizing: border-box;
    }

  /* 2) Ensure the button is centered */
  .btn-cta-h {
    display: inline-flex;        /* flex to center its label */
    align-items: center;         /* vertical center */
    justify-content: center;     /* horizontal center */                /* fill available */
    max-width: 12rem;             /* ~240px */
    margin: 2rem auto 0;          /* 32px top, auto sides, 0 bottom */
    text-align: center;
    font-weight: 700;
  }
  

  /* 3D ikonas zem teksta */
  .dicons-sheild-dynamic-color-parent {
    position: static;
    display: flex;
    justify-content: center;
    gap: 1rem;          /* 16px */
    margin-top: 2rem;   /* 32px */
    width: auto;
    height: auto;
    margin-bottom: 5rem;
  }
  .dicons-sheild-dynamic-color,
  .dicons-tick-dynamic-color {
    display: none;
  }
}
/* === Responsīvais “Kas ir Eiropas mājaslapu standarti?” === */
@media screen and (max-width: 768px) {
  .eiropas-frame-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;    /* 32px vertikāli, 16px horizontāli */
    gap: 1rem;             /* 16px starp bloku */
    height: auto;          /* ļauj saturam noteikt augstumu */
    text-align: center;
  }
  .eiropas-frame-wrapper,
  .rectangle-parent {
    width: 100%;
  }
  .kas-ir-eiropas-container {
    font-size: 2rem;       /* ~32px */
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 700;
  }
  .eiropas-mjaslapu-standarti {
    display: inline;       /* nodrošina, ka span netraucē centring */
  }
  @media screen and (max-width: 768px) {
    /* Hide blank block */
    .section-eiropas .frame-child {
      display: none !important;
    }
    /* Center the description */
    .section-eiropas .rectangle-parent {
      display: flex;
      flex-direction: column;
      align-items: center !important;
      justify-content: center !important;
      width: 100%;
      margin-top: 1rem;
    }
    .section-eiropas .no-2025-gada {
      width: 100%;
      max-width: 600px;
      margin-left: -0.8rem;
      text-align: left;
      padding: 0 1rem;
      font-size: 1rem;
    }
  }
  
}

@media screen and (max-width: 768px) {
  .section-kadai .kadai-frame-parent {
    flex-direction: column;
    align-items: center;
    margin-top: -2rem;
    margin-bottom: -2rem;
    padding: 2rem 1rem;  /* 32px vertikāli, 16px horizontāli */
    height: auto;
    gap: 2rem;         /* 24px starp kartēm */
  }

  .section-kadai .icon-park-outlinecontrast-vie-parent {
    width: 100%;
    max-width: 400px;
  }

  .icon-park-outlinecontrast-vie{
    align-self: center;
    margin-bottom: -1.5rem;
  }
  .section-kadai .kdai-jbt-lapai {
    font-size: 1.75rem;     /* ~32px */
    text-align: center;
    font-weight: 600;
  }

  .parent .div{
    display: none;
  }
  .parent .pieejamai-ar-cilvkiem {
    position: relative;
    padding-left: 1em;
  }
  .parent .pieejamai-ar-cilvkiem::before {
    content: '•';
    position: absolute;
    left: 0;
  }
  .section-kadai .frame-group,
  .section-kadai .parent {
    align-items: center;
  }

  .section-kadai .pieejamai-ar-cilvkiem {
    text-align: left;
    font-size: 1rem;   
      /* ~16px */
  }
}
/* Mobile tweaks for “Mūsu sadarbības partneri” sekcija */
@media screen and (max-width: 768px) {
  .section-testimonials .frame-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;    /* 32px vert, 16px horiz */
    gap: 1.5rem;           /* starp blokiem */
    box-sizing: border-box;
    background-color: rgb(0, 20, 81, 0.8)
  }
  .section-testimonials .frame-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }
  .section-testimonials .frame-wrapper{
    width: 100%;
  }

  .section-testimonials .esam-paldzjui-iem-un-citie-wrapper {
    display: none;
  }
  .section-testimonials .msu-sadarbbas-partneri-container {
    font-size: 2rem;       /* ~32px */
    line-height: 1.2;
    text-align: center !important;
    font-weight: 700;
  }
  .section-testimonials .esam-paldzjui-iem {
    font-size: 1rem;       /* ~16px */
    line-height: 1.4;
    text-align: left;
    max-width: 800px;
    margin-left: -0.5rem;
    display: none;

  }
}

@media screen and (max-width: 768px) {
  .section-logos {
    padding: 2rem 0;
  }
  .section-logos .logo-slider {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    animation: scroll-logos 20s linear infinite;
    width: max-content;
    gap: 1rem;
    padding: 0 1rem;
  }
  .section-logos .logo-item-wrapper {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    scroll-snap-align: center;
  }
  .section-logos .logo-item {
    max-height: 40px;
    width: auto;
    object-fit: contain;
    display: block;
  }

}


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

  
  .section-final-cta__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #275bfb;
    margin-top: 5rem;
    height: auto;
  }
  .section-final-cta__image-container,
  .section-final-cta__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .section-final-cta__image-container {
    order: 1;
    overflow: hidden;
  }
  .section-final-cta__image {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    display: none;
  }
  .section-final-cta__content {
    order: 2;
    padding: 2rem 1rem;
    box-sizing: border-box;
    
  }
  .section-final-cta__heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }
  .section-final-cta__form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
    align-items: center;
  }
  .section-final-cta__input,
  .section-final-cta__button {
    width: 100%;
    max-width: 12rem;
    align-self: center;
    margin: 1rem auto 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  /* Izslēdz vertikālo snap uz html elementa */
  html {
    scroll-snap-type: none;
  }

  /* Noņem snap katrai sekcijai */
  #section-hero,
  #section-more-info,
  #section-cards,
  #section-testimonials,
  #section-final-cta {
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}

@media screen and (max-width: 768px) {
  /* Ty Container – noņem fiksēto 100vh un margin-top */
  .ty-container {
    height: auto;
    margin-top: 0;
  }

  /* Slēpj video, lai nerodas performance problēmas */
  .ty-bg-video {
  max-width: 600px ;
  max-height: 900px ;
  opacity: 1;
  top: 35%;
  transform: translate(-50%, -40%);
  
  }

  /* Wrapper – centrē saturs un pielāgo paddingu */
  .ty-wrapper {
    padding: 0;
  }

  /* Galvenais virsraksts – mazāks fonts un pilna platuma */
  .ty-heading {
    font-size: 2rem;    /* ~32px */
    max-width: 100%;
    padding-top: 20rem;

    line-height: 1.2;
    font-weight: 700;
    text-align: center;
  }

  /* Apakšvirsraksts – mazāks fonts un labs leading */
  .ty-subheading {
    font-size: 1rem;    /* ~16px */
    margin-top: 1rem;
    line-height: 1.4;
    padding: 0.3rem 1.5rem;
  }

  /* Ja vajag, vari paslēpt .tiei-tev span vai pielāgot arī to */
  .tiei-tev {
    display: inline;
  }
}
/* uz telefona versijas – paslēpj jebkuru lieko labās puses bīdi */
@media screen and (max-width: 768px) {
  html, 
  body, 
  .ty-container {
    overflow-x: hidden;
    width: 100vw;    /* lai nekas neizlīdzinātos ārpus viewport */
  }

  body.page-id-80 header.header {
    top: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  #prospect-modal-root .prospect-modal {
    align-items: flex-end;        /* sakārto bottom-sheet stila */
    justify-content: center;
    padding: 0;
  }
  .prospect-modal__dialog {
    width: 100%;                  /* pilna platuma */
    max-width: 100%;
    max-height: 80vh;             /* līdz 80% augstuma */
    margin: 0;
    border-radius: 10px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
  /* atveramā animācija */
  #prospect-modal-root input#prospect-modal-toggle:checked
    ~ .prospect-modal .prospect-modal__dialog {
    transform: translateY(0);
  }
  /* formu un pogas stils mobilajam */
  .prospect-modal__form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
  }
  .prospect-modal__form input,
  .prospect-modal__form .btn-cta-h {
    width: 100%;
  }
  .prospect-modal__close {
    top: 0.5rem;
    right: 0.5rem;
  }
}