/* ================================================================
 * SAKUROS – baziniai LP stiliai
 * Spalvos, tipografija, mygtukai, konteineriai.
 *
 * Visos reikšmės ištrauktos tiesiai iš PDF (1920px dizainas):
 *   Antraštės:  DM Serif Display, spalva #0A254D (ant balto) /
 *               #FFFFFF ir #E0D29E (ant tamsaus)
 *   Tekstas:    Mulish Regular 400, #0B1622 (ant balto) / #FFF (ant tamsaus)
 *   Auksinė:    #E0D29E
 *   Konteineris: 1690px (dizaine turinys 111..1808 @1920)
 *
 * Šriftų dydžiai fluid (clamp su vw nuo 1920px dizaino):
 *   H1 hero 87px, H2 sekcijų 75px, H2 „Mes atliekame" 92px,
 *   H2 CTA 81px, H2 „Mumis pasitiki" 64px, kortelių H3 46px,
 *   „Kodėl mes" H3 50px, mygtukai 23px.
 * ============================================================== */

:root {
    --sk-navy: #0A254D;
    --sk-navy-dark: #082850;
    --sk-navy-light: #16305A;
    --sk-gold: #E0D29E;
    --sk-white: #FFFFFF;
    --sk-text: #0B1622;
    --sk-serif: "DM Serif Display", Georgia, serif;
    --sk-sans: "Mulish", Arial, sans-serif;
    --sk-fw-body: 300;   /* Mulish Light – pastraipos (dizainerės pastaba: plonesnis nei 400 Regular) */
    --sk-container: 1690px;
    --sk-container-wide: 1810px; /* atliekame/CTA boxai (36px paraštės @1920) */
    --sk-gradient-navy: linear-gradient(135deg, #071F3F 0%, #082850 50%, #16305A 100%);

    /* Fluid šriftų skalė (px @1920 -> vw) */
    --sk-fs-h1: clamp(44px, 4.53vw, 87px);           /* 87 */
    --sk-fs-h2: clamp(34px, 3.91vw, 75px);           /* 75 */
    --sk-fs-h2-atliekame: clamp(38px, 4.79vw, 92px); /* 92 */
    --sk-fs-h2-cta: clamp(36px, 4.22vw, 81px);       /* 81 */
    --sk-fs-h2-pasitiki: clamp(30px, 3.33vw, 64px);  /* 64 */
    --sk-fs-card-title: clamp(24px, 2.4vw, 46px);    /* 46 */
    --sk-fs-kodel-title: clamp(24px, 2.6vw, 50px);   /* 50 */
    --sk-fs-lead: clamp(17px, 1.61vw, 31px);         /* 31 – hero aprašymas */
    --sk-fs-sub: clamp(16px, 1.67vw, 32px);          /* 32 – sekcijų aprašymai */
    --sk-fs-list: clamp(16px, 1.82vw, 35px);         /* 35 – atliekame sąrašas, CTA tekstas */
    --sk-fs-body: clamp(15px, 1.3vw, 25px);          /* 25 – kodėl mes tekstai */
    --sk-fs-quote: clamp(15px, 1.35vw, 26px);        /* 26 – atsiliepimų tekstas */
    --sk-fs-name: clamp(20px, 1.77vw, 34px);         /* 34 – atsiliepimo vardas */
    --sk-fs-btn: clamp(13px, 1.2vw, 23px);           /* 23 – mygtukai */
}

/* --- Box-sizing (Avada jį nustato globaliai, bet užsitikrinam) --- */
.lp-pagrindinis *,
.lp-pagrindinis *::before,
.lp-pagrindinis *::after {
    box-sizing: border-box;
}

/* --- Avada wrapper'io nulinimas LP puslapiuose --- */
.page-template-lp-pagrindinis #main {
    padding: 0 !important;
}

.page-template-lp-pagrindinis #main .fusion-row {
    max-width: 100% !important;
}

.page-template-lp-pagrindinis #content {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* --- Konteineriai --- */
.lp-container {
    max-width: calc(var(--sk-container) + 64px);
    margin: 0 auto;
    padding: 0 32px;
}

.lp-container--wide {
    max-width: calc(var(--sk-container-wide) + 64px);
}

/* --- Tipografija --- */
.lp-pagrindinis h1,
.lp-pagrindinis h2,
.lp-pagrindinis h3 {
    font-family: var(--sk-serif) !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    color: var(--sk-navy);
    margin: 0;
}

.lp-pagrindinis h1 {
    font-size: var(--sk-fs-h1) !important;
    line-height: 1.06 !important;
}

.lp-pagrindinis h2 {
    font-size: var(--sk-fs-h2) !important;
    line-height: 1.12 !important;
}

.lp-pagrindinis p {
    font-family: var(--sk-sans);
    font-size: var(--sk-fs-body);
    font-style: normal;
    /* Mulish Light 300. !important – kad Avada globalūs `p` typografijos
       stiliai nepermuštų svorio (dėl to tekstas atrodydavo kaip Semi Bold). */
    font-weight: var(--sk-fw-body) !important;
    line-height: 1.52;
    color: var(--sk-text);
    margin: 0;
}

/* --- Sekcijos antraštės blokas --- */
.lp-section-head {
    text-align: center;
    margin-bottom: clamp(40px, 3.2vw, 80px);
}

.lp-section-head h2 {
    margin-bottom: clamp(12px, 1vw, 20px) !important;
}

.lp-section-head p {
    font-size: var(--sk-fs-sub);
    line-height: 1.22;
    max-width: 1020px;
    margin: 0 auto;
}

/* --- Mygtukai (dizainas: tekstas 23px, letter-spacing ~2px) --- */
.lp-pagrindinis .btn-sakuros,
.btn-sakuros {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--sk-gold);
    background: transparent;
    color: var(--sk-white);
    font-family: var(--sk-sans);
    font-size: var(--sk-fs-btn);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: clamp(10px, 0.9vw, 17px) clamp(24px, 2.1vw, 40px);
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    text-decoration: none;
}

.lp-pagrindinis .btn-sakuros:hover,
.btn-sakuros:hover {
    background: var(--sk-gold);
    border-color: var(--sk-gold);
    color: var(--sk-navy);
}

/* Pilnas (tamsiai mėlynas) variantas – šviesiam fonui */
.lp-pagrindinis .btn-sakuros--solid {
    background: var(--sk-navy);
    border-color: var(--sk-navy);
    color: var(--sk-white);
}

.lp-pagrindinis .btn-sakuros--solid:hover {
    background: var(--sk-navy-light);
    border-color: var(--sk-navy-light);
    color: var(--sk-white);
}

/* Mygtukų eilutė */
.lp-btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(16px, 1.7vw, 32px);
    margin-top: clamp(24px, 2.5vw, 48px);
}

/* --- Responsive --- */

/* Vidutiniai ekranai (planšetė..desktop, 1025–1500px): didesnės šoninės
   paraštės, kad turinys nebūtų „prilipęs" prie krašto (dizainerės pastaba).
   Mobilus ir planšetė (≤1024px) paliekami kaip yra. */
@media (min-width: 1025px) and (max-width: 1500px) {
    .lp-container {
        padding-left: clamp(48px, 6vw, 96px);
        padding-right: clamp(48px, 6vw, 96px);
    }
}

@media (max-width: 768px) {
    .lp-container {
        padding: 0 16px;
    }

    .lp-section-head {
        margin-bottom: 32px;
    }
}

@media (max-width: 640px) {
    .page-template-lp-pagrindinis #main .fusion-column-wrapper {
        margin: 0 !important;
    }

    .lp-btn-row {
        flex-direction: column;
    }

    .lp-btn-row .btn-sakuros {
        width: 100%;
    }
}