/* ==========================================================================



  VYNUCENÉ GLOBÁLNÍ STYLY PRO DYNAMICO CHILD TÉMA



   (Tyto styly se aplikují přes "Další CSS" nebo child téma pro nejvyšší prioritu)

========================================================================== */



/* ==========================================================================



   STYLY PRO NÁZEV WEBU (Šikovná ruka.cz)



 ========================================================================== */



/* Vlastní styly pro název webu */



.site-title a {



    color: #516308 !important; /* ZMĚŇTE: Zde nastavte požadovanou barvu, např. vaši fialovou */



    text-decoration: none !important; /* Odstraní podtržení */



}



.site-title a:hover {



    color: #777777 !important; /* ZMĚŇTE: Barva při najetí myší (např. tmavá šedá) */



    text-decoration: underline !important; /* Volitelně: podtrhne při najetí */



}



/* ==========================================================================



   STYLY PRO HLAVNÍ NAVIGAČNÍ MENU



   ========================================================================== */







/* Kontejner menu */



.main-navigation,



#primary-navigation,



.site-header .main-navigation,



.header-menu-wrapper {



    background-color: #516308 !important; /* BARVA POZADÍ MENU - ZMĚŇTE (aktuálně tmavě šedá) */



    position: relative !important;



    z-index: 10 !important;



    width: 100%;



    box-shadow: 0 2px 5px rgba(0,0,0,0.1);



}







/* Styly pro položky menu (odkazy) */



ul.main-navigation-menu a,



#primary-menu a,



.main-navigation .menu-item a {



    color: #55555!important;



    padding: 7px10px !important;



    text-decoration: none !important;



    display: block !important;



    font-size: 0.9em !important;



    font-weight: normal !important;



    line-height: 1 !important;



    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease !important; /* Přidán transform pro jemnější animaci */



}







/* Styly pro aktivní/aktuální položku menu */



.current-menu-item a,



.current_page_item a {



    background-color: #fff !important;



    color: #000000 !important;



}







/* Hover efekt pro položky menu */



ul.main-navigation-menu li a:hover,



#primary-menu a:hover,



.main-navigation .menu-item a:hover {



    background-color: #555555 !important;



    color: #000000

    text-decoration: none !important;



    transform: translateY(-2px); /* Jemný efekt posunu nahoru */



}







/* Styly pro rodičovské položky menu (které mají podmenu) */



ul.main-navigation-menu li.menu-item-has-children > a {



    padding-right: 30px !important;



}



/* Skrytí původních "teček" nebo jiných značek menu, pokud se zobrazují */



ul.main-navigation-menu li {



    list-style: none !important;



    margin: 0 !important;



    padding: 0 !important;

}

ul.main-navigation-menu {



    list-style: none !important;



    padding: 0 !important;



    margin: 0 !important;



    display: flex !important;



    justify-content: center !important;



    flex-wrap: wrap !important;



}

/* =================================================== */

/* KÓD PRO popisek mozností pridaní činností a města u profilu pracovníka */

/* =================================================== */

.psp-form-instruction {

    font-size: 0.99em;      /* Mírně menší písmo než okolní text */

    font-style: italic;    /* Text bude kurzívou */

    color: #455ee0;          /* Tmavě šedá barva, aby nebyla tak výrazná jako nadpis */

    margin-top: 5px;       /* Malý horní okraj pro odsazení od titulku */

    margin-bottom: 15px;   /* Větší spodní okraj pro odsazení od seznamu možností */

    padding-left: 25px;    /* Malé vnitřní odsazení zleva */

    border-left: 5px solid #455ee0; /* Jemná světle šedá linka vlevo pro vizuální oddělení */

}

/* ============================================= */

/* Verze 3: Robustní styly pro banner Šikovná Ruka */

/* Odolné vůči přepisování a optimalizované     */

/* Soubor: banner-style.css                     */

/* ============================================= */



/* --- Základní kontejner banneru --- */

.sikovnaruka-banner-pro {

    font-family: Arial, sans-serif !important;

    display: block !important; /* Důležité pro resetování vnějších stylů */

    

    /* ZDE MŮŽETE NASTAVIT POZADÍ A RÁMEČEK */

    background: #f5f5f5 !important; /* Pozadí celého banneru (např. #f5f5f5 pro světle šedou) */

    border: 1px solid #888 !important; /* Rámeček celého banneru (např. 2px solid #000 pro černý) */

    

    border-radius: 12px !important;

    padding: 1.5rem !important;

    margin: 1.5rem auto !important;

    max-width: 400px !important; /* Mírně širší pro tlačítka vedle sebe */

    min-width: 300px !important;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;

    text-align: center !important; /* Vše zarovnat na střed */

}



/* --- Část s textem --- */

.sikovnaruka-banner-pro .banner-pro-content {

    margin-bottom: 1.5rem !important;

}



.sikovnaruka-banner-pro h2 {

    font-size: 1.5rem !important;

    font-weight: bold !important;

    color: #333 !important;

    line-height: 1.3 !important;

    margin: 0 0 0.5rem 0 !important;

}



.sikovnaruka-banner-pro h2 .brand-name {

    color: #007BFF !important;

    display: block !important; /* Název značky na novém řádku */

}



.sikovnaruka-banner-pro p {

    font-size: 0.95rem !important;

    color: #666 !important;

    line-height: 1.5 !important;

    margin: 0 !important;

}



/* --- Část s tlačítky - ZOBRAZENÍ VEDLE SEBE --- */

.sikovnaruka-banner-pro .banner-pro-buttons {

    display: flex !important; /* Klíčové pro zobrazení vedle sebe */

    justify-content: center !important; /* Rozložení tlačítek */

    gap: 0.55rem !important; /* Mezera mezi tlačítky */

}



/* --- Jednotlivá tlačítka --- */

.sikovnaruka-banner-pro .banner-pro-btn {

    flex: 1; /* Důležité: Tlačítka si rozdělí dostupný prostor */

    display: flex !important;

    flex-direction: column !important; /* Ikona nad textem */

    align-items: center !important;

    justify-content: center !important;

    

    /* Vzhled tlačítek - !important je zde klíčové */

    background: #007BFF !important; /* Výchozí pozadí */

    color: #ffffff !important; /* Barva textu */

    text-decoration: none !important; /* Odstranit podtržení odkazu */

    

    padding: 0.75rem 0.5rem !important; /* Menší padding */

    border-radius: 8px !important;

    font-weight: bold !important;

    font-size: 0.8rem !important; /* Menší písmo pro úsporu místa */

    line-height: 1 !important;

    min-height: 60px; /* Zajistí stejnou výšku tlačítek */

    transition: transform 0.2s ease !important;

}



.sikovnaruka-banner-pro .banner-pro-btn:hover {

    transform: scale(1.05) !important;

}



.sikovnaruka-banner-pro .banner-pro-btn i {

    font-size: 1rem !important; /* Velikost ikony */

    margin-bottom: 0.3rem !important; /* Mezera mezi ikonou a textem */

}



/* Odlišné barvy pro tlačítka */

.sikovnaruka-banner-pro .btn-poptavka {

    background: linear-gradient(45deg, #007BFF, #0056b3) !important;

}



.sikovnaruka-banner-pro .btn-registrace {

    background: linear-gradient(45deg, #28a745, #1e7e34) !important;

}