/* 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; /* Rychlejší animace (0.3s) */

            will-change: transform;

        }



       .slide-item {

            flex: 0 0 100%;

            width: 100%;

            aspect-ratio: 16 / 10; /* Automatická výška podle šířky fotky */

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            position: relative;

            overflow: hidden; /* Ořízne fotku podle zaoblených rohů */

        }



        .slide-item img {

            width: 100%;

            height: 100%;

            object-fit: contain; /* Změněno z 'cover' na 'contain', aby se fotka neosekávala */

            position: absolute;

            z-index: 0;

            background-color: #ffffff;

        }

                /* 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);

        }



        /*po testu smazat: * { outline: 1px solid red; } */



        /* Skrytí scrollbaru */

        .hide-scrollbar {

            -ms-overflow-style: none;

            scrollbar-width: none;

        }

        .hide-scrollbar::-webkit-scrollbar {

            display: none;

        }



        /* Jemné doladění odsazení pro mobil */

        @media (max-width: 767px) {

            .hide-scrollbar {

                scroll-padding-left: 1rem;

            }

        }

        

        #services-slider {

    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;

}



/* Na mobilu vypneme volný scroll, aby to přepínala jen šipka (volitelné) */

@media (max-width: 768px) {

    #services-slider {

        overflow-x: hidden; 

    }

}



@media (max-width: 768px) {

    #services-slider {

        display: flex;

        gap: 1rem; /* Mezera mezi kartami na mobilu */

        padding-bottom: 1rem;

    }

    

}