/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.5.0
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/


/* =========================================================
   NIT 2026 – GLOBALI DIZAINO SISTEMA
   ========================================================= */

:root {
    --nit-navy: #0D2734;
    --nit-cyan: #10AFE2;

    --nit-bg: #FFFFFF;
    --nit-bg-soft: #F5F8FA;

    --nit-fg: #0D2734;
    --nit-text: #0D2734;
    --nit-muted: #5C6B72;

    --nit-border: #D9E3E7;

    --nit-dark: #0D2734;
    --nit-accent: #10AFE2;
    --nit-warm: #10AFE2;

    --nit-radius: 18px;

    --nit-shadow-soft:
        0 14px 45px rgba(13, 39, 52, .10);

    --nit-shadow-nav:
        0 8px 28px rgba(13, 39, 52, .14);

    --nit-transition:
        all .25s cubic-bezier(.4, 0, .2, 1);
}


/* =========================================================
   BAZINIAI NUSTATYMAI
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    color: var(--nit-text);
    background: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--nit-navy);
    letter-spacing: -.03em;
}


/* =========================================================
   NIT MAŽA SEKCIJOS ANTRAŠTĖ
   ========================================================= */

.nit-eyebrow {
    display: block;
    margin: 0 0 12px;

    color: var(--nit-cyan);

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.nit-eyebrow--light {
    color: #FFFFFF;
}


/* =========================================================
   BENDRI MYGTUKAI
   ========================================================= */

.btn__oval {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 12px 25px !important;

    border-radius: 999px !important;

    border: 1px solid var(--nit-navy) !important;
    background: var(--nit-navy) !important;

    color: #FFFFFF !important;

    font-size: .875rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    transition: var(--nit-transition) !important;
}

.btn__oval:hover,
.btn__oval:focus {
    background: var(--nit-cyan) !important;
    border-color: var(--nit-cyan) !important;
    color: #FFFFFF !important;

    transform: translateY(-1px);
    text-decoration: none !important;
}

.btn__oval--light {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: var(--nit-navy) !important;
}

.btn__oval--light:hover,
.btn__oval--light:focus {
    background: var(--nit-cyan) !important;
    border-color: var(--nit-cyan) !important;
    color: #FFFFFF !important;
}

.btn__oval--outline {
    background: transparent !important;
    border-color: rgba(255, 255, 255, .70) !important;
    color: #FFFFFF !important;
}

.btn__oval--outline:hover,
.btn__oval--outline:focus {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: var(--nit-navy) !important;
}


/* =========================================================
   FLOATING HEADER
   ========================================================= */

.header--floating {
    position: fixed !important;

    top: 20px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 9999 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header--floating,
.header--floating *,
.header--floating *::before,
.header--floating *::after {
    box-sizing: border-box;
}

.header--floating__inner {
    position: relative;

    width: calc(100% - 40px) !important;
    max-width: 1280px !important;

    min-height: 54px;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px;

    float: none !important;
}


/* =========================================================
   HEADER – LOGOTIPAS
   ========================================================= */

.header--floating__logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-height: 54px !important;

    margin: 0 !important;
    padding: 8px 20px !important;

    background: rgba(255, 255, 255, .97) !important;

    border: 1px solid rgba(13, 39, 52, .08) !important;
    border-radius: 999px !important;

    box-shadow: var(--nit-shadow-nav) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    float: none !important;

    text-decoration: none !important;
}

.header--floating__logo:hover,
.header--floating__logo:focus {
    text-decoration: none !important;
}

.header--floating__logo img {
    display: block !important;

    width: auto !important;
    height: 30px !important;

    min-width: 0 !important;
    max-width: none !important;

    min-height: 0 !important;
    max-height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: contain !important;

    float: none !important;
}


/* =========================================================
   HEADER – MENIU KAPSULĖ
   ========================================================= */

.header--floating__nav {
    position: relative;

    display: block !important;

    flex: 0 1 auto;

    margin: 0 !important;
    padding: 6px !important;

    background: rgba(255, 255, 255, .97) !important;

    border: 1px solid rgba(13, 39, 52, .08) !important;
    border-radius: 999px !important;

    box-shadow: var(--nit-shadow-nav) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    float: none !important;
}

.header--floating__nav .navbar-nav,
.header--floating__nav .nav,
.header--floating__nav ul.nav,
.header--floating__nav > ul {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    float: none !important;
}


/* =========================================================
   HEADER – MENIU PUNKTAI
   ========================================================= */

.header--floating__nav ul.nav > li,
.header--floating__nav .navbar-nav > li {
    position: relative !important;

    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    float: none !important;
}

.header--floating__nav ul.nav > li > a,
.header--floating__nav .navbar-nav > li > a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    min-height: 40px !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    color: var(--nit-navy) !important;
    background: #FFFFFF !important;

    border: 1px solid rgba(13, 39, 52, .30) !important;
    border-radius: 999px !important;

    font-size: .83rem !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition: var(--nit-transition) !important;
}


/* HOVER */

.header--floating__nav ul.nav > li > a:hover,
.header--floating__nav ul.nav > li > a:focus,
.header--floating__nav .navbar-nav > li > a:hover,
.header--floating__nav .navbar-nav > li > a:focus {
    background: var(--nit-navy) !important;

    border-color: var(--nit-navy) !important;

    color: #FFFFFF !important;

    text-decoration: none !important;
}


/* AKTYVUS MENIU */

.header--floating__nav ul.nav > li.current-menu-item > a,
.header--floating__nav ul.nav > li.current_page_item > a,
.header--floating__nav ul.nav > li.current-menu-parent > a,
.header--floating__nav ul.nav > li.current-menu-ancestor > a,
.header--floating__nav ul.nav > li.current_page_parent > a,
.header--floating__nav ul.nav > li.current_page_ancestor > a {
    background: var(--nit-navy) !important;

    border-color: var(--nit-navy) !important;

    color: #FFFFFF !important;
}


/* =========================================================
   HEADER – E-PARDUOTUVĖ
   ========================================================= */

.header--floating__cta {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-height: 50px !important;

    margin: 0 !important;
    padding: 12px 25px !important;

    background: var(--nit-navy) !important;

    border: 1px solid var(--nit-navy) !important;
    border-radius: 999px !important;

    color: #FFFFFF !important;

    font-size: .875rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    box-shadow: var(--nit-shadow-nav) !important;

    transition: var(--nit-transition) !important;

    float: none !important;
}

.header--floating__cta:hover,
.header--floating__cta:focus {
    background: var(--nit-cyan) !important;

    border-color: var(--nit-cyan) !important;

    color: #FFFFFF !important;

    transform: translateY(-1px);

    text-decoration: none !important;
}


/* =========================================================
   HEADER – DROPDOWN
   ========================================================= */

.header--floating__nav li.dropdown {
    position: relative !important;
}

.header--floating__nav .dropdown-menu {
    position: absolute !important;

    top: calc(100% + 10px) !important;
    left: 0 !important;

    display: block !important;

    width: auto !important;
    min-width: 220px !important;

    margin: 0 !important;
    padding: 8px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--nit-border) !important;
    border-radius: 14px !important;

    box-shadow: var(--nit-shadow-soft) !important;

    opacity: 0;
    visibility: hidden;

    transform: translateY(7px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease !important;

    z-index: 10000 !important;

    float: none !important;
}

.header--floating__nav li.dropdown:hover > .dropdown-menu,
.header--floating__nav li.dropdown:focus-within > .dropdown-menu,
.header--floating__nav li.menu-item-has-children:hover > .dropdown-menu,
.header--floating__nav li.menu-item-has-children:focus-within > .dropdown-menu {
    opacity: 1;

    visibility: visible;

    transform: translateY(0);
}

.header--floating__nav .dropdown-menu ul {
    display: block !important;
}

.header--floating__nav .dropdown-menu li {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    float: none !important;
}

.header--floating__nav .dropdown-menu li a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 11px 13px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 9px !important;

    color: var(--nit-navy) !important;

    font-size: .875rem !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;

    white-space: normal !important;

    text-decoration: none !important;
}

.header--floating__nav .dropdown-menu li a:hover,
.header--floating__nav .dropdown-menu li a:focus {
    background: #EDF8FC !important;

    color: var(--nit-cyan) !important;

    text-decoration: none !important;
}


/* Bootstrap caret pataisymas */

.header--floating__nav .caret {
    margin-left: 7px !important;
}


/* =========================================================
   APSAUGA NUO SENO SAGE / BOOTSTRAP HEADER CSS
   ========================================================= */

.header--floating .container,
.header--floating .container-fluid,
.header--floating .row {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.header--floating .navbar,
.header--floating .navbar-nav,
.header--floating .nav {
    min-height: 0 !important;

    border: 0 !important;
}

.header--floating .navbar-nav > li > a {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.header--floating img {
    max-width: none !important;
}


/* =========================================================
   DESKTOP – MAŽESNI EKRANAI
   ========================================================= */

@media (max-width: 1200px) {

    .header--floating__inner {
        width: calc(100% - 24px) !important;

        gap: 10px;
    }

    .header--floating__logo {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .header--floating__nav {
        padding: 5px !important;
    }

    .header--floating__nav ul.nav > li > a,
    .header--floating__nav .navbar-nav > li > a {
        padding-left: 13px !important;
        padding-right: 13px !important;

        font-size: .76rem !important;
    }

    .header--floating__cta {
        padding-left: 18px !important;
        padding-right: 18px !important;

        font-size: .80rem !important;
    }

}


/* =========================================================
   MOBILUS HEADER
   ========================================================= */

@media (max-width: 991px) {

    .header--floating {
        top: 12px !important;
    }

    .header--floating__inner {
        width: calc(100% - 24px) !important;

        min-height: 54px;

        padding: 0 !important;

        justify-content: space-between !important;
    }

    .header--floating__logo {
        min-height: 50px !important;

        padding: 7px 16px !important;
    }

    .header--floating__logo img {
        height: 27px !important;
        max-height: 27px !important;
    }

    .mobile-menu__wrapper {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: flex-end;

        margin-left: auto;
    }

    .mobile-menu__trigger {
        position: relative;

        display: flex;

        align-items: center;
        justify-content: center;

        width: 50px;
        height: 50px;

        margin: 0;

        background: rgba(255,255,255,.97);

        border: 1px solid rgba(13,39,52,.10);
        border-radius: 50%;

        box-shadow: var(--nit-shadow-nav);

        text-decoration: none;
    }

}


/* =========================================================
   MOBILUS MENIU PANELĖ
   ========================================================= */

@media (max-width: 991px) {

    .mobile-menu {
        background: #FFFFFF;

        color: var(--nit-navy);
    }

    .mobile-menu ul,
    .mobile-menu ul.nav {
        margin: 0;
        padding: 0;

        list-style: none;
    }

    .mobile-menu li {
        margin: 0;
        padding: 0;

        list-style: none;
    }

    .mobile-menu li a {
        display: block;

        padding: 13px 16px;

        color: var(--nit-navy);

        font-weight: 600;

        text-decoration: none;

        border-bottom: 1px solid var(--nit-border);
    }

    .mobile-menu li a:hover,
    .mobile-menu li a:focus {
        color: var(--nit-cyan);

        text-decoration: none;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.header--floating a:focus-visible,
.btn__oval:focus-visible {
    outline: 2px solid var(--nit-cyan) !important;
    outline-offset: 3px !important;
}


/* =========================================================
   BENDRI NIT ELEMENTAI
   ========================================================= */

.nit-section {
    position: relative;

    width: 100%;
}

.nit-container {
    width: calc(100% - 40px);

    max-width: 1180px;

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {

    .nit-container {
        width: calc(100% - 30px);
    }

}


/* =========================================================
   SVARBU – SENŲ STILIŲ NELEIDŽIAME LAUŽYTI HEADER
   ========================================================= */

body .header--floating__logo img {
    width: auto !important;
    height: 30px !important;
}

body .header--floating__inner {
    display: flex !important;
}

body .header--floating__nav ul.nav {
    display: flex !important;
}

body .header--floating__nav ul.nav > li {
    float: none !important;
}

body .header--floating__nav ul.nav > li > a {
    width: auto !important;
}

@media (max-width: 991px) {

    body .header--floating__logo img {
        height: 27px !important;
    }

}

/* =========================================================
   FRONT PAGE – tarpinė nuotrauka
   ========================================================= */

.nit-front-image {
    background: var(--nit-dark);
    padding: 10px 0 90px;
}

.nit-front-image__wrap {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 16px 50px rgba(0,0,0,.18);
}

.nit-front-image__img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 340px;
    max-height: 560px;
    object-fit: cover;
}

@media (max-width: 991px) {
    .nit-front-image {
        padding: 0 0 70px;
    }

    .nit-front-image__wrap {
        border-radius: 18px;
    }

    .nit-front-image__img {
        min-height: 220px;
    }
}