/* ===================================================
   TUS Page Template
   Szablon: page2026_tus.php
   1rem = 10px
   =================================================== */

/* ===================================================
   HERO
   =================================================== */
:root {
    /* Primary Colors */
    --color-primary: #199ACC;
    --color-primary-hover: #1580b0;
    --color-primary-light: #22B3E8;
    --color-primary-dark: #125F81;
    --color-primary-accent: #167FAA;

    /* Background Colors */
    --color-white: #FFFFFF;
    --color-background: #F9F8F7;
    --color-background-light: #BDECFB;
    --color-background-card: #D6F3FC;
    --color-background-gray: #DCDCDC;

    /* Text Colors */
    --color-text: #505050;
    --color-text-dark: #4A4A4A;
    --color-text-gray: #8C8C8C;

    /* Border Colors */
    --color-border: #ECE9E6;
    --color-border-light: #EFEFEF;

    /* Shadows */
    --shadow-primary: rgba(25, 154, 204, 0.3);
    --shadow-light: rgba(0, 0, 0, 0.08);
    --shadow-dark: rgba(0, 0, 0, 0.25);
}

.elementor-kit-9480 a{
    color:unset;
}
.elementor-kit-9480 h2{
    color:unset;
    font-family: unset;
    font-size:unset;
    font-weight: unset;
    line-height: unset;
}

/*
.elementor-kit-9480 button:hover, .elementor-kit-9480 button:focus, .elementor-kit-9480 input[type="button"]:hover, .elementor-kit-9480 input[type="button"]:focus, .elementor-kit-9480 input[type="submit"]:hover, .elementor-kit-9480 input[type="submit"]:focus, .elementor-kit-9480 .elementor-button:hover, .elementor-kit-9480 .elementor-button:focus{
    background:unset !important;
}
    */

.cbt-phone-button{
    display: none !important;
}



html { font-size: 62.5% !important; } /* 1rem = 10px */




.tus-hero {
    position: relative;
    width: 100%;
    min-height: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Tło: zdjęcie + overlay */

.tus-hero-bg {
    position: absolute;
    inset: 0;
}

.tus-hero-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tus-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

/* Treść centralna */

.tus-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    max-width: 79.5rem;
    width: 100%;
    padding: 2.4rem;
    text-align: center;
}

/* Pill / etykieta */

.tus-hero-pill {
    display: inline-flex;
    align-items: center;
    background: #ECFAFE;
    border-radius: 99.9rem;
    padding: 0.6rem 1.2rem;
}

.tus-hero-pill span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1;
    color: #000000;
}

/* Tytuł */

.tus-hero-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 7.2rem;
    line-height: 1.2;
    letter-spacing: -0.25rem;
    color: #FFFFFF !important;
    margin: 0;
}

/* Opis */

.tus-hero-desc {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #FFFFFF;
    max-width: 41.1rem;
    margin: 0;
    text-shadow:
        0 0 9rem rgba(7, 43, 61, 0.8),
        0 0 6rem rgba(7, 43, 61, 0.8),
        0 0 2rem rgba(7, 43, 61, 0.8),
        0 0 2rem rgba(7, 43, 61, 0.6);
}

/* ===================================================
   LAYOUT: sidebar + content
   =================================================== */


   
.tus-layout-wrap {
    width: 100%;
    margin-top:-130px;
    padding: 6.4rem 4rem;
}

.no-tus-layout-wrap {
    width: 100%;
    padding: 0rem 4rem 6.4rem 4rem;
    background:#F7F8FB;
}


.page-template-page2026_tus_blank .tus-layout-wrap{
    background:#F7F8FB;
    margin-top: 0;
}






.page-template-page2026_tus_blank .tus-layout-grid {
    background:#F7F8FB;
}


.tus-layout-grid {
    max-width: 128rem;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}

.tus-layout-no-grid {
    max-width: 128rem;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}

.tus-layout-sidebar {
    width: 40.5rem;
    flex-shrink: 0;
    position: sticky;
    top: 15rem;
}

.tus-layout-sidebar.no-sticky {
    position: static;
}

.tus-layout-content {
    flex: 1;
    min-width: 0;
    background: var(--color-white);
    border: 1px solid #EFEFEF;
    border-radius: 1.6rem;
    z-index:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 2.4rem;
    box-shadow: 0 0.4rem 4rem rgba(25, 154, 204, 0.1);
}


.page-template-page2026_tus_blank .tus-blank-layout-content{
    background-color: #F7F8FB;
}

.page-template-page2026_tus_blank .tus-header-section{
    background-color: #F7F8FB;
}

.tus-blank-layout-content {
    flex: 1;
    min-width: 0;
    background: var(--color-white);
    border-radius: 1.6rem;
    z-index:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 2.4rem;
}


.no-tus-blank-layout-content {
    flex: 1;
    min-width: 0;
    background: unset;
    border-radius: 1.6rem;
    z-index:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 2.4rem;
}

/* ===================================================
   STICKY CTA BAR
   =================================================== */

.tus-sticky-bar {
    display: none;
}

@media (max-width: 768px) {
    .tus-sticky-bar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        padding: 2.4rem 2rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
        pointer-events: none;
        transform: translateY(110%);
        transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }


    .tus-layout-wrap{
        margin-top:unset !important;
    }

    .tus-sticky-bar.is-visible {
        transform: translateY(0);
    }

    .tus-sticky-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 6.4rem;
        background: #199ACC !important;
        color: #FFFFFF !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        border-radius: 1.2rem;
        padding: 0 3.2rem;
        pointer-events: auto;
    }
}

/* ===================================================
   RESPONSIVE
   =================================================== */

@media (max-width: 1280px) {
    .tus-hero-title {
        font-size: 6rem;
    }

    .tus-layout-sidebar {
        width: 36rem;
    }
}

@media (max-width: 1024px) {
    .tus-hero {
        min-height: 50rem;
    }

    .tus-hero-title {
        font-size: 5rem;
    }

    .tus-layout-wrap {
        padding: 4.8rem 3.2rem;
    }

    .tus-layout-sidebar {
        width: 32rem;
    }
}

/* Mobile: zdjęcie z zaokrąglonymi górnymi rogami, tekst poniżej */
@media (max-width: 768px) {

    .no-tus-layout-wrap{
        background:#fff;
        padding:0;
    }
    /* Hero staje się flex-column: zdjęcie → biały tekst */
    .tus-hero {
        min-height: auto;
        overflow: visible;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 3.2rem 1.6rem 0;
        box-shadow: 0 0.4rem 4rem 0 rgba(25, 154, 204, 0.1);
    }

    /* Tło: wychodzi z absolute, 16:9, tylko górne rogi zaokrąglone */
    .tus-hero-bg {
        position: relative;
        inset: auto;
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 1.6rem 1.6rem 0 0;
        overflow: hidden;
    }

    /* Delikatny overlay zamiast ciemnego */
    .tus-hero-overlay {
        display: block;
        background: rgba(0, 0, 0, 0.15);
    }

    /* Treść hero: widoczna poniżej zdjęcia, ciemny tekst na białym tle */
    .tus-hero-content {
        display: flex;
        position: static;
        z-index: auto;
        background: var(--color-white);
        padding: 3.2rem 1.6rem 1.6rem;
        max-width: 100%;
        gap: 1.6rem;
        text-align: center;
        border-bottom: 0.1rem solid #EFEFEF;
    }

    .tus-hero-title {
        color: #072b3d !important;
        font-size: 2.8rem;
        letter-spacing: -0.056rem;
    }

    .tus-hero-desc {
        color: #1f1f1f;
        text-shadow: none;
        max-width: 100%;
    }

    /* Layout: sidebar bezpośrednio pod hero (zero odstępu) */
    .tus-layout-wrap {
        padding: 0;
    }

    .tus-layout-grid {
        flex-direction: column;
        gap: 0;
    }

    .tus-layout-sidebar {
        width: 100%;
        position: static;
        padding: 0 1.6rem 0 1.6rem;
        background: #F7F8FB;
        box-shadow: 0 0.4rem 4rem 0 rgba(25, 154, 204, 0.1);
    }

    /* Bloki treści: bez obramowania i cienia na mobile, szare tło */
    .tus-layout-content {
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: #F7F8FB;
    }
}

@media (max-width: 480px) {
    .tus-hero {
        padding: 2.4rem 1.6rem 0;
    }

    .tus-layout-wrap {
        padding: 0;
    }
}