/*
 * base.css — GBareikis child theme
 * Bendri stiliai visiems puslapiams (custom templates)
 * Šriftas, kintamieji, layout primityvai, komponentai
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ══ RESET ══ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ══ KINTAMIEJI ══ */
:root {
  --g900: #010d0a;
  --g800: #031510;
  --g700: #052d23;
  --g600: #0a4535;
  --lime:     #DAFF99;
  --lime-dim: rgba(218,255,153,0.75);
  --lav:      #C8C2FF;
  --blue:     #DAEAFD;
  --peach:    #FFEBE1;
  --white:    #ffffff;
  --glass-bg:   rgba(255,255,255,0.055);
  --glass-bdr:  rgba(255,255,255,0.09);
  --glass-blur: blur(40px) saturate(180%);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  --r-sm: 14px; --r: 20px; --r-lg: 28px; --r-xl: 28px;
}

/* ══ BASE ══ */
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font);
  background: var(--g900) !important;
  color: rgba(255,255,255,0.88);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 922px) {
    .site-content .ast-container {
        display: flex;
        flex-direction: column;
    }
}


/* ══ GRADIENTINIAI TEKSTAI ══ */
.grad-lime  { background: linear-gradient(135deg,#DAFF99 0%,#a8f040 50%,#7de81a 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.grad-lav   { background: linear-gradient(135deg,#C8C2FF 0%,#a09aff 60%,#8b84ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.grad-blue  { background: linear-gradient(135deg,#DAEAFD 0%,#7db8f7 60%,#5da3f5 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ══ TIPOGRAFIJA ══ */
h1 { font-size: clamp(2.6rem,6.5vw,4.8rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; }
h2 { font-size: clamp(1.9rem,4vw,3rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #ffffff; }
h3 { font-size: clamp(1.05rem,2vw,1.3rem); font-weight: 700; line-height: 1.2; letter-spacing: -0.015em; }
h4 { font-size: 1rem; font-weight: 600; letter-spacing: -0.01em; }
p  { color: rgba(255,255,255,0.52); line-height: 1.75; font-size: 0.97rem; }

/* ══ LAYOUT ══ */
.wrap   { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
.sec    { padding: 130px 0; }
.sec-sm { padding: 88px 0; }
.center { text-align: center; }

/* ══ GLASS ══ */
.glass        { background: var(--glass-bg); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-bdr); border-radius: var(--r-lg); }
.glass-strong { background: rgba(255,255,255,0.07); backdrop-filter: blur(60px) saturate(220%); -webkit-backdrop-filter: blur(60px) saturate(220%); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--r-lg); }

/* ══ PILL ══ */
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 18px; border-radius: 50px; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.pill-lime  { background: rgba(218,255,153,0.10); color: var(--lime);  border: 1px solid rgba(218,255,153,0.22); }
.pill-lav   { background: rgba(200,194,255,0.10); color: var(--lav);   border: 1px solid rgba(200,194,255,0.22); }
.pill-blue  { background: rgba(218,234,253,0.10); color: #7db8f7;      border: 1px solid rgba(218,234,253,0.22); }
.pill-peach { background: rgba(255,235,225,0.10); color: #ffb899;      border: 1px solid rgba(255,235,225,0.22); }

/* ══ MYGTUKAI ══ */
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 15px 30px; border-radius: 50px; font-weight: 700; font-size: 0.95rem; text-decoration: none; cursor: pointer; border: none; font-family: var(--font); transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1); }
.btn-lime  { background: linear-gradient(135deg, var(--lime) 0%, #b8f040 100%); color: var(--g700); }
.btn-lime:hover  { transform: translateY(-3px) scale(1.02); box-shadow: 0 16px 40px rgba(218,255,153,0.38); }
.btn-lav   { background: linear-gradient(135deg,#C8C2FF 0%,#a09aff 100%); color: #1a1650; }
.btn-lav:hover   { transform: translateY(-3px) scale(1.02); box-shadow: 0 16px 40px rgba(200,194,255,0.3); }
.btn-glass { background: rgba(255,255,255,0.07); color: rgba(255,255,255,0.82); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(20px); }
.btn-glass:hover { background: rgba(255,255,255,0.12); transform: translateY(-2px); }
.btn-lg { padding: 18px 38px; font-size: 1rem; }

/* ══ AMBIENT BLOBS ══ */
.ambient { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; filter: blur(110px); }

/* ══ FADE-UP ANIMACIJA ══ */
.fu { opacity: 0; transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; }
.fu.vis { opacity: 1; transform: translateY(0); }

/* ══ RESPONSIVE – baziniai ══ */
@media(max-width:700px) {
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.72rem; }
  .sec { padding: 80px 0; }
  .wrap { padding: 0 16px; }
}

@media(max-width:640px) {
  .btn {
      justify-content: center;
      width: 100%;
  }
  .btn-lg {
    width: 100%;
}
}