/* ==========================================
   XIII RZESZÓW VALVE & AORTIC WORKSHOP 2026
   KOMPLETNY CSS
========================================== */


/* ==========================================
   1. USTAWIENIA OGÓLNE
========================================== */

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;

    /* Miejsce na przyklejone menu */
    padding-top: 100px !important;

    background-image: url("/conf-data/XIIWorkshopVA/images/tlo5.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


/* ==========================================
   2. MENU NAWIGACYJNE
========================================== */

.navbar-fixed-top {
    top: 0;
    z-index: 1030;
}

.navbar-right {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-inverse {
    background: #1d1d1b;

    border-radius: 0 0 20px 20px;

    width: 90%;
    margin-left: auto;
    margin-right: auto;

    -webkit-box-shadow:
        0 7px 24px -19px rgba(66,68,90,1);

    -moz-box-shadow:
        0 7px 24px -19px rgba(66,68,90,1);

    box-shadow:
        0 7px 24px -19px rgba(66,68,90,1);
}

.nav > li > a {
    position: relative;
    display: block;

    padding-left: 7px !important;
    padding-right: 8px !important;

    font-size: 13px !important;
}

.has-collapsed-aside-menu {
    padding-top: 25px !important;
}


/* ==========================================
   3. BANER I LOGO 2026
========================================== */

.baner {
    position: relative;

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

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 20px 15px 65px;
    margin: 0 auto;

    box-sizing: border-box;
}

/* Nowe logo 2026 */

.baner > img {
    display: block !important;

    width: 45% !important;
    max-width: 550px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;
}

/* Ukrycie starego logo SVG */

.baner > p,
.baner object {
    display: none !important;
}


/* ==========================================
   4. GŁÓWNA SEKCJA
========================================== */

.glowna {
    position: relative;

    margin-top: 0;
    margin-bottom: 90px;

    padding: 60px;

    background-image:
        url("/conf-data/PTChN2023/images/grafika/pattern3.jpg");

    border-radius: 30px;

    -webkit-box-shadow:
        1px 1px 24px 0 rgba(66,68,90,0.46);

    -moz-box-shadow:
        1px 1px 24px 0 rgba(66,68,90,0.46);

    box-shadow:
        1px 1px 24px 0 rgba(66,68,90,0.46);
}

.glowna2 {
    position: relative;

    margin-top: 0;
    margin-bottom: 90px;

    padding: 60px;

    background: #fff;

    border-radius: 30px;

    -webkit-box-shadow:
        1px 1px 24px 0 rgba(66,68,90,0.46);

    -moz-box-shadow:
        1px 1px 24px 0 rgba(66,68,90,0.46);

    box-shadow:
        1px 1px 24px 0 rgba(66,68,90,0.46);
}


/* ==========================================
   5. KONTENERY
========================================== */

.container-fluid--max-width {
    max-width: 1100px;
}

.navbar > .container .container {
    padding-left: 10% !important;
}


/* ==========================================
   6. KOLUMNY
========================================== */

.columns {
    column-count: 2;
    column-gap: 80px;
    column-rule: 1px dashed #fff;
}


/* ==========================================
   7. POZOSTAŁE ELEMENTY
========================================== */

.fullwidth-section__tint {
    padding-bottom: 50px;
}

.footer {
    display: none;
}


/* ==========================================
   8. DUŻE EKRANY - OD 1200px
========================================== */

@media only screen and (min-width: 1200px) {

    .navbar > .container {
        width: 1366px !important;
        max-width: 100%;
    }

    .baner > img {
        width: 45% !important;
        max-width: 550px !important;
    }

}


/* ==========================================
   9. TABLETY I MNIEJSZE LAPTOPY
   769px - 1199px
========================================== */

@media only screen and (min-width: 769px)
and (max-width: 1199px) {

    body {
        padding-top: 100px !important;
    }

    .has-collapsed-aside-menu {
        padding-top: 55px !important;
    }

    .baner {
        padding: 20px 15px 55px;
    }

    .baner > img {
        width: 60% !important;
        max-width: 500px !important;
    }

}


/* ==========================================
   10. TELEFONY I TABLETY - DO 768px
========================================== */

@media only screen and (max-width: 768px) {

    body {
        padding-top: 70px !important;
        background-attachment: scroll;
    }

    /* Menu */

    .navbar-inverse {
        width: 100%;
        border-radius: 0;
    }

    .navbar-right {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Baner */

    .baner {
        width: 100%;
        height: auto;

        margin: 0 auto;
        padding: 25px 10px 45px;
    }

    .baner > img {
        width: 85% !important;
        max-width: 400px !important;
        height: auto !important;
    }

    /* Kolumny */

    .columns {
        column-count: 1;
        column-gap: 0;
        column-rule: none;
    }

    /* Sekcje */

    .glowna,
    .glowna2 {
        margin-top: 0;
        padding: 30px;
    }

}


/* ==========================================
   11. MAŁE TELEFONY - DO 480px
========================================== */

@media only screen and (max-width: 480px) {

    body {
        padding-top: 65px !important;
    }

    .baner {
        padding: 20px 10px 35px;
    }

    .baner > img {
        width: 90% !important;
        max-width: 320px !important;
    }

    .glowna,
    .glowna2 {
        padding: 20px;
        border-radius: 15px;
    }

}
/* ==========================================
   SYSKONF - KOREKTA POŁOŻENIA LOGO
========================================== */

/* Zachowanie obecnego wyglądu menu */
.navbar-fixed-top {
    top: 0 !important;
    z-index: 1030 !important;
}

/* Wyłączenie dodatkowego odsuwania body */
body {
    padding-top: 0 !important;
}

/* Baner poniżej menu */
body > .baner {
    position: relative !important;

    margin-top: 0 !important;
    padding-top: 130px !important;
    padding-bottom: 60px !important;

    min-height: 0 !important;
    height: auto !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Logo - zachowanie obecnej wielkości */
body > .baner > img {
    position: relative !important;

    display: block !important;
    width: 45% !important;
    max-width: 550px !important;
    height: auto !important;

    margin: 0 auto !important;
}

/* Stare logo */
body > .baner > p,
body > .baner object {
    display: none !important;
}

/* Telefony */
@media (max-width: 768px) {

    body > .baner {
        padding-top: 100px !important;
        padding-bottom: 40px !important;
    }

    body > .baner > img {
        width: 85% !important;
        max-width: 400px !important;
    }
}

@media (max-width: 480px) {

    body > .baner > img {
        width: 90% !important;
        max-width: 320px !important;
    }
}
/* Ramka całego programu konferencji */
.program-konferencyjny {
    background-color: #ffffff;
    background-image: url("/sciezka-do-pliku/tlo.png");
    background-repeat: repeat;
    background-size: 350px auto;

    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 10px 35px rgba(0, 65, 75, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.7);
    max-width: 1150px;
    margin: 30px auto;
    overflow: hidden;
}

@media (max-width: 768px) {
    .program-konferencyjny {
        padding: 18px;
        border-radius: 15px;
        margin: 15px 10px;
    }
}