@font-face {
    font-family: "FunnelSans";
    src: url("../fonts/FunnelSans-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900; /* variable font weight range */
    font-style: normal;
    font-display: swap;
}

/* Global colors */
.text-dark-black { color: #042215; }
.text-dark-green { color: #073823; }
.text-bg-green { color: #00663B; }
.text-green { color: #486D56; }
.text-light-green { color: #B5C3BD; }
.text-yellow { color: #FFCB5A; }
.text-pure-white { color: #FFFFFF; }
.text-red { color: #FF383C; }

.bg-dark-green { background-color: #073823; }
.bg-green { background-color: #00663B; }
.bg-yellow { background-color: #FFCB5A; }
.bg-input-field { background-color: #E0E7CC; }
.bg-input-form { background-color: #FFFBF6;}
.bg-white { background-color: #FFFFFF; }


body {
    font-family: 'FunnelSans', sans-serif;
}

#mainNavbar {
    transition: transform 0.3s ease-in-out;
}

#mainNavbar.navbar-hidden {
    transform: translateY(-100%);
}

.navbar-brand .logo {
    height: 52px;
}

.toggler-icon {
  transition: opacity .5s ease;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #FFCB5A;
    color: #042215 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.nav-link.active {
  color: #FFCB5A !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.btn.button-contacts:hover,
.btn.button-contacts:focus {
    background-color: #FFCB5A;
    box-shadow: 0 0 30px #FFCB5A;
    transition: box-shadow 0.2s ease, 
                border-color 0.2s ease,
                background-color 0.2s ease;
}

.button-register {
    background-color: red;
}

.button-register:hover,
.button-register:focus {
    background-color: red;
    box-shadow: 0 0 30px red;
    transition: box-shadow 0.2s ease, 
                border-color 0.2s ease,
                background-color 0.2s ease;
}

.btn.bg-green:hover,
.btn.bg-green:focus {
    background-color: #00663B;
    color: #FFCB5A;
    box-shadow: 0 0 30px #00663B;
    transition: box-shadow 0.2s ease, 
                border-color 0.2s ease,
                background-color 0.2s ease;
}

.navbar-button-element {
    border-radius: 12px;
    padding: 10px 16px;
}

.background-1 {
    background: url('/images/background_1.svg');
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: 100% auto;
    background-color: #073823;
}

.backround-1-article {
    background-image: url('/images/background_1.svg');
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100% auto;
}

.lead-text {
    font-size: 1.25rem;
    font-weight: 600;
}

.border-yellow {
    border: 1px solid #FFCB5A;
}

.services-meza-apsaimniekosana,
.services-mezizstrade {
    position: relative;
    overflow: hidden; /* ensures the overlay stays inside */
}

/* Shared background overlay rules */
.services-meza-apsaimniekosana::before,
.services-mezizstrade::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    z-index: 0;
}

/* Unique images */
.services-meza-apsaimniekosana::before {
    background-image: url('/images/meza_apsaimniekosana.webp');
}

.services-mezizstrade::before {
    background-image: url('/images/mezizstrade.webp');
}

/* Content should sit above the opacity layer */
.services-meza-apsaimniekosana > *,
.services-mezizstrade > * {
    position: relative;
    z-index: 1;
}

footer {
    background-color:#073823
}

footer hr {
    border: 1px solid #E0E7CC;
}

.font-size-18 {
    font-size: 18px;
}

/* Wrapper: full width centering when right column is hidden */
.calc-wrapper {
    display: flex;
    flex-wrap: nowrap; /* prevent stacking */
    align-items: stretch; /* match heights */
    position: relative;
    overflow: hidden;
}

/* LEFT COLUMN initial state */
.calc-left {
    margin-left: auto;
    margin-right: auto;
    transform: translateX(50%);
    transition: transform 0.6s ease, margin 0.6s ease;
}

/* RIGHT COLUMN hidden initially */
.calc-right {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    transition: transform 0.6s ease, opacity 0.6s ease;
}

/* WHEN CALCULATED - ACTIVATE SPLIT VIEW */
.calc-wrapper.show-results .calc-left {
    transform: translateX(-100%);
    margin: 0;
}

.calc-wrapper.show-results .calc-right {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%);
}

@media (max-width: 992px) {
    .navbar-brand .logo{
        height: 40px;
    }

    .navbar-button-element {
        border-radius: 12px;
        padding: 12px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .lead-text {
        font-size: 1.1rem;
        font-weight: 300;
    }
}

/* Footer background image for md and larger screens */
@media (min-width: 768px) {
    body {
        background-image: url(/images/background_trees_bottom.svg);
        background-repeat: repeat-x;
        background-position: center bottom;
        background-size: auto 600px;
    }
}

@media (max-width: 767px) {
    /* Center left column on mobile initially */
    .calc-left {
        transform: translateX(0);
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        transition: transform 0.6s ease;
    }

    /* Right column starts completely off-screen */
    .calc-right {
        opacity: 0;
        pointer-events: none;
        transform: translateX(100%);
        transition: transform 0.6s ease, opacity 0.6s ease;
    }

    /* After calculation */
    .calc-wrapper.show-results .calc-left {
        transform: translateX(-100%); /* slide fully off screen left */
    }

    .calc-wrapper.show-results .calc-right {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-100%); /* slide into view */
    }


    footer {
        background-color: unset;
    }

    footer h6 {
        color: #00663B !important;
    }

    footer a {
        color:#073823 !important
    }

    footer small {
        color: #042215 !important;
    }
}