/* ===== 2.4.44 – vientisa spalvų sistema =====
   Trys spalvų šeimos: balta, šalta (šviesiai mėlyna) ir šilta (kreminė). Blokai kaitaliojasi, kad puslapis
   būtų ramus ir vientisas. Bangos paliktos tik trijose vietose: po hero, po „Kodėl Globos bitės?“ ir prieš CTA.
   Visur kitur – tiesios, vos matomos ribos. */

/* ---- Fonai ---- */
body .section#funkcijos { background: linear-gradient(180deg, #eaf2fb 0px, #f4f8fd 100%); }
body #sistema-veikime  { background: #ffffff; }
body .benefits         { background: linear-gradient(180deg, #f4f8fd 0%, #eaf2fb 100%); }
body:not(.gb-has-sv) .benefits { background: #ffffff; }                 /* kad nesektų du šalti iš eilės */
body .testimonials     { background: linear-gradient(180deg, #fff7e6 0%, #fffbf1 100%); }
body .legal-section#duk { background: #ffffff !important; }
body.no-testimonials .legal-section#duk { background: #fffbf1 !important; }
body .cta-zone         { background: radial-gradient(ellipse 70% 60% at 50% 55%, #fff1cc 0%, transparent 75%), linear-gradient(180deg, #fff9ec 0%, #fff4dc 100%); position: relative; padding-top: 64px; }
body .news-strip       { background: #ffffff; }

/* ---- Bangos ---- */
body #funkcijos::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath fill='%23eaf2fb' d='M0,70 H1440 V46 C1280,46 1180,18 1000,22 C820,26 760,50 580,46 C400,42 340,16 180,22 C90,26 40,46 0,42 Z'/%3E%3C/svg%3E") center top / 100% 70px no-repeat; }                    /* hero → funkcijos */
body #funkcijos::after,
body #sistema-veikime::after,
body .testimonials::after { display: none; }                            /* tiesios ribos */
body .cta-zone::before {
  content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 48px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,0 H1440 V22 C1200,46 960,4 720,24 C480,44 240,6 0,26 Z'/%3E%3C/svg%3E") center top / 100% 100% no-repeat; pointer-events: none;                        /* DUK → CTA */
}
body.no-testimonials .cta-zone::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%23fffbf1' d='M0,0 H1440 V22 C1200,46 960,4 720,24 C480,44 240,6 0,26 Z'/%3E%3C/svg%3E") center top / 100% 100% no-repeat; }
/* Atskirti šaltą bloką nuo baltojo plona linija */
body #sistema-veikime { border-top: 1px solid rgba(26, 58, 143, 0.06); border-bottom: 1px solid rgba(26, 58, 143, 0.06); padding-bottom: 96px; }
body .testimonials { border-bottom: 1px solid rgba(26, 58, 143, 0.05); }

/* ---- Skyrių antraštės: ne visur ta pati pilulė ---- */
body #duk .section-label { display: none; }
body .testimonials .section-label { color: #854d0e; }                   /* WCAG AA kontrastas */
body #funkcijos .section-label { color: #075985; }

/* ---- Hero ir naujienų juosta ---- */
.hero-cta-secondary { white-space: nowrap; }
.news-strip { border-top: 1px solid rgba(26, 58, 143, 0.08); padding: 18px 0; }
.news-strip .container { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; justify-content: center; }
.news-strip-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); background: #f4f8fd; border: 1px solid rgba(26, 58, 143, 0.15); border-radius: 999px; padding: 4px 12px; }
.news-strip-title { font-weight: 600; color: var(--gray-800); max-width: 640px; text-decoration: none; }
.news-strip-title:hover { color: var(--blue); }
.news-strip-all { font-weight: 600; color: var(--blue); text-decoration: none; white-space: nowrap; }
.news-strip-all:hover { text-decoration: underline; }
@media (max-width: 640px) { .news-strip .container { flex-direction: column; text-align: center; } }

/* ===== 2.4.45 – Diegimas ir saugumas ===== */
body #diegimas { background: #ffffff; }
body:not(.gb-has-sv) #diegimas { background: linear-gradient(180deg, #eaf2fb 0%, #f4f8fd 100%); }
/* Banga po „Kodėl Globos bitės?“ nudažoma sekančio bloko spalva */
body:not(.gb-has-ro):not(.gb-has-sv) .benefits { background: #ffffff; }
/* Diegimas → atsiliepimai: tiesi riba su plona linija */
body #diegimas { position: relative; overflow: hidden; padding-bottom: 110px; }
body #diegimas::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 72px; pointer-events: none; z-index: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23fff7e6' d='M0,40 C360,72 720,8 1080,40 C1260,56 1380,56 1440,40 L1440,72 L0,72 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }
body.no-testimonials #diegimas::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23fffbf1' d='M0,40 C360,72 720,8 1080,40 C1260,56 1380,56 1440,40 L1440,72 L0,72 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }
body #diegimas .container { position: relative; z-index: 2; }
.ro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 8px; }
.ro-card { background: #fff; border: 1px solid var(--gray-200); border-radius: 20px; padding: 32px 32px 28px; box-shadow: 0 10px 30px rgba(26, 58, 143, 0.05); }
body:not(.gb-has-sv) .ro-card { box-shadow: 0 10px 30px rgba(26, 58, 143, 0.07); }
.ro-card h3 { font-size: 1.2rem; letter-spacing: -0.02em; color: var(--gray-900); margin-bottom: 22px; }
.ro-steps, .ro-secs { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.ro-steps li, .ro-secs li { display: flex; gap: 16px; align-items: flex-start; position: relative; }
.ro-steps strong, .ro-secs strong { display: block; color: var(--gray-900); font-size: 1rem; margin-bottom: 3px; }
.ro-steps p, .ro-secs p { color: var(--gray-600); font-size: 0.93rem; line-height: 1.6; margin: 0; }
.ro-num { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: var(--blue); color: #fff; font-weight: 700; font-size: 0.95rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.ro-steps li:not(:last-child)::before { content: ''; position: absolute; left: 16px; top: 36px; bottom: -22px; width: 2px; background: rgba(26, 58, 143, 0.15); }
.ro-ico { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; background: #eef2ff; color: var(--blue); display: flex; align-items: center; justify-content: center; }
.ro-ico svg { width: 20px; height: 20px; }
@media (max-width: 860px) { .ro-grid { grid-template-columns: 1fr; } .ro-card { padding: 26px 22px; } }

/* nauda -> kita sekcija: bangos spalva */
body:not(.gb-has-ro) .benefits::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23fff7e6' d='M0,40 C360,72 720,8 1080,40 C1260,56 1380,56 1440,40 L1440,72 L0,72 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }
body.no-testimonials:not(.gb-has-ro) .benefits::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23fffbf1' d='M0,40 C360,72 720,8 1080,40 C1260,56 1380,56 1440,40 L1440,72 L0,72 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }
body.gb-has-ro:not(.gb-has-sv) .benefits::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23eaf2fb' d='M0,40 C360,72 720,8 1080,40 C1260,56 1380,56 1440,40 L1440,72 L0,72 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }
body.gb-has-ro.gb-has-sv .benefits::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,40 C360,72 720,8 1080,40 C1260,56 1380,56 1440,40 L1440,72 L0,72 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }

/* CTA kortelė: sodresnis medaus tonas, kad išsiskirtų šiltame fone */
body .cta { background: radial-gradient(640px 320px at 50% 55%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(135deg, #fff6dc 0%, #f8e2a6 100%); border-color: rgba(214, 165, 40, 0.45); box-shadow: 0 28px 56px -24px rgba(170, 115, 10, 0.35); }

/* 2.4.47: CTA blokas ant balto fono, platesnė naujienų juosta su melsvu pulsavimu */
body .cta-zone { background: #fff; padding-bottom: 56px; }
body .cta-zone::before { display: none; }
body .cta { box-shadow: 0 30px 60px -28px rgba(170,115,10,.45); }
body .news-strip { padding: 30px 24px; }
body .news-strip .container { max-width: 1092px; justify-content: space-between; gap: 16px 32px; padding: 0 8px; }
body .news-strip-label { font-size: 1rem; padding: 10px 22px; letter-spacing: .1em; background: #eaf2fb; color: var(--blue); border-color: rgba(26,58,143,.35); animation: gbnews 2.6s ease-in-out infinite; }
body .news-strip-title { font-size: 1.25rem; flex: 1; max-width: none; }
body .news-strip-all { font-size: 1.02rem; }
@keyframes gbnews { 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(26,58,143,.45); } 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(26,58,143,0); } }
@media (prefers-reduced-motion: reduce) { body .news-strip-label { animation: none; } }
@media (max-width: 640px) { body .news-strip .container { justify-content: center; } body .news-strip-title { flex: none; } }

/* 2.4.49: „Diegimas ir saugumas“ – perjungiklis (skirtukai) */
.ro-wrap { max-width: 1092px; margin: 0 auto; }
.ro-toggle { display: none; }
.ro-js .ro-toggle { display: flex; width: max-content; max-width: 100%; margin: 0 auto 34px; background: #eaf2fb; border-radius: 999px; padding: 5px; gap: 4px; }
.ro-tab { border: 0; background: transparent; color: var(--blue); font: inherit; font-weight: 700; padding: 12px 28px; border-radius: 999px; cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
.ro-tab[aria-selected="true"] { background: var(--blue); color: #fff; box-shadow: 0 8px 18px -8px rgba(26, 58, 143, .6); }
.ro-tab:focus-visible { outline: 3px solid rgba(26, 58, 143, .3); outline-offset: 2px; }
.ro-panel { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 18px; }
.ro-js .ro-panel { display: none; margin-bottom: 0; }
.ro-js .ro-panel.active { display: grid; animation: ro-in .35s ease; }
@keyframes ro-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ro-item { display: flex; gap: 18px; align-items: flex-start; background: #fff; border: 1px solid var(--gray-200); border-radius: 20px; padding: 24px; box-shadow: 0 12px 30px -24px rgba(26, 58, 143, .4); }
.ro-item strong { display: block; color: #0f2557; font-size: 1.05rem; margin-bottom: 5px; }
.ro-item p { margin: 0; color: var(--gray-600); font-size: .95rem; line-height: 1.55; }
.ro-item .ro-ico { flex: 0 0 44px; width: 44px; height: 44px; }
.ro-item .ro-num { flex: 0 0 40px; width: 40px; height: 40px; }
@media (max-width: 860px) { .ro-panel { grid-template-columns: 1fr; } .ro-tab { padding: 11px 16px; font-size: .92rem; } .ro-item { padding: 20px; } }
@media (prefers-reduced-motion: reduce) { .ro-js .ro-panel.active { animation: none; } }

/* Numeracija – korio šešiakampiai (2.4.69) */
.benefit-num, .ro-item .ro-num {
  border-radius: 0; color: var(--blue); font-weight: 800;
}
.benefit-num {
  width: 52px; height: 56px; flex: 0 0 52px; font-size: 1.15rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,2 23.5,8 23.5,20 13,26 2.5,20 2.5,8' fill='%23ffffff' stroke='%23f5a300' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.ro-item .ro-num {
  width: 44px; height: 47px; flex: 0 0 44px; font-size: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,2 23.5,8 23.5,20 13,26 2.5,20 2.5,8' fill='none' stroke='%23f5a300' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Korio žymekliai ikonoms (2.4.70) */
.feature-icon, .ro-item .ro-ico, .wd-checks .wd-tick { border-radius: 0; border: 0; box-shadow: none; color: var(--blue); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,2 23.5,8 23.5,20 13,26 2.5,20 2.5,8' fill='%23ffffff' stroke='%23f5a300' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }
.feature-icon { width: 56px; height: 60px; margin-bottom: 14px; }
.feature-icon svg { width: 24px; height: 24px; }
.ro-item .ro-ico { flex: 0 0 50px; width: 50px; height: 54px; }
.ro-item .ro-ico svg { width: 22px; height: 22px; }
.wd-checks .wd-tick { width: 28px; height: 30px; margin-top: -2px; }
.wd-checks .wd-tick svg { width: 13px; height: 13px; }

/* Pradinis puslapis – vienodi tarpai tarp blokų (2.4.82) */
body .section#funkcijos, body #funkcijos, body #sistema-veikime, body #nauda, body #diegimas, body #duk { padding-top: 88px; padding-bottom: 88px; }
body .testimonials { padding-top: 88px; padding-bottom: 88px; }
body .cta-zone { padding-top: 88px; padding-bottom: 88px; }
@media (max-width: 768px) {
  body .section#funkcijos, body #funkcijos, body #sistema-veikime, body #nauda, body #diegimas, body #duk,
  body .testimonials, body .cta-zone { padding-top: 64px; padding-bottom: 64px; }
}