/* Písma a barvy */

        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap');

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

        

        /* Brand Barvy - Nové definice */

        .text-brand-pink { color: #E6007E; }

        .bg-brand-pink { background-color: #E6007E; }

        .hover-bg-brand-pink:hover { background-color: #c4006b; }

        

        .text-brand-green { color: #009640; }

        .bg-brand-green { background-color: #009640; }



        .text-brand-blue { color: #003a89; }

        .bg-brand-blue { background-color: #003a89; }

        .hover-bg-brand-blue:hover { background-color: #002c6b; }



        /* Animace pro hladké zobrazení 

        .fade-in { animation: fadeIn 0.4s ease-in-out; }

        @keyframes fadeIn {

            from { opacity: 0; transform: translateY(10px); }

            to { opacity: 1; transform: translateY(0); }

        } */



        /* CSS pro Slider */

        .slider-container {

            overflow: hidden;

            border-radius: 2rem;

        }



        .slide-track {

            display: flex;

            transition: transform 0.3s ease-in-out; 

            will-change: transform;

        }



        .slide-item {

            flex: 0 0 100%;

            width: 100%;

            height: 100%; 

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            position: relative;

        }

        

        /* Styl pro IMG v slideru */

        .slide-item img {

            width: 100%;

            height: 100%;

            object-fit: cover; 

            position: absolute;

            z-index: 0;

        }





        .slide-overlay {

           

            position: absolute;

            inset: 0;

            z-index: 10;

        }

        

        @media (max-width: 1024px) {

            .slide-item {

                height: 300px;

            }

        }



        /* BARVY PRO RÁMEČEK LEKTORŮ */

        

        .ring-custom {

            --tw-ring-color: #003a89; /

        }



        .ring-custom2 {

            --tw-ring-color: #E6007E; 

        }



         .ring-custom3 {

            --tw-ring-color: #009640; 

        }



        /* Styly pro Zelený Kroužek při najetí (Pro sekci Proces) START */

        .process-circle {

             transition: background-color 0.3s, color 0.3s, border-color 0.3s;

        }

        .process-circle:hover {

            background-color: #009640; 

            color: white; 

            border-color: #009640; 

        }

        

        /* Barevné pozadí */

        .bg-mesh {

            background-color: #ffffff;

            background-image: 

                radial-gradient(at 0% 0%, rgba(0, 106, 255, 0.5) 0px, transparent 50%), /*levý horní roh*/ 

                radial-gradient(at 100% 0%, rgba(230, 0, 127, 0.301) 0px, transparent 50%), /*pravý horní roh*/

                radial-gradient(at 100% 100%, rgba(0, 137, 0, 0.15) 0px, transparent 50%), /*pravý dolní roh*/

                radial-gradient(at 0% 100%, rgba(0, 137, 0, 0.15) 0px, transparent 50%), /*levý dolní roh*/

                radial-gradient(at 50% 50%, rgba(238, 243, 239, 0.247) 0px, transparent 50%); /**/

            background-attachment: fixed;

        } 





        body {

        display: flex;

        flex-direction: column;

        min-height: 100vh; /* Zajistí výšku přes celou obrazovku */

        }



        main {

        flex: 1; /* Tato část (obsah) se roztáhne a odsune patičku dolů */

        }



        /*zajistí posouvaní a zalamování textu dle velikosti*/

        h1 {

        font-size: clamp(2.2rem, 4vw, 3.75rem);

        }



        h2, h3 {

        font-size: clamp(1.6rem, 3vw, 2.25rem);

        }



        p {

        font-size: clamp(1rem, 1.2vw, 1.125rem);

        }



        /* Nastaví odsazení pro všechny sekce s ID, aby je nepřekrylo menu */

        /* Automatické odsazení pro úplně všechna ID na stránce */

        #tym { scroll-margin-top: 120px; }

        #o-nas { scroll-margin-top: 30px; }

        #reference { scroll-margin-top: 30px; }

        #kontakt { scroll-margin-top: 30px; }