/* --- 1. GLOBÁLNÍ NASTAVENÍ PÍSMA (UPCE STYL) --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Toto zajistí, že Montserrat bude úplně všude */
body, p, span, li, a, div, h1, h2, h3, h4, .pkp_site_name {
    font-family: 'Montserrat', sans-serif !important;
}

/* Jemné doladění tloušťky pro běžný text */
p, .description, .service-text {
    font-weight: 400 !important;
}

/* Nadpisy a důležité texty tučně */
h1, h2, h3, .pkp_site_name, .title, a.service-item {
    font-weight: 700 !important;
}

/* Hlavní červená UPCE barva pro odkazy */
a, .pkp_controllers_linkAction {
    color: #bc2025 !important;
    text-decoration: none !important;
}

/* --- 2. HEADER A LOGO --- */
.pkp_structure_head {
    background-color: #bc2025 !important;
    background: linear-gradient(rgba(188, 32, 37, 0.85), rgba(188, 32, 37, 0.85)), 
                url('https://omp.upce.cz/public/presses/1/homepageImage_cs_CZ.jpg') no-repeat center center !important;
    background-size: cover !important;
    padding: 40px 0 0 0 !important;
    border: none !important;
}

.pkp_site_name_wrapper .pkp_site_name {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

/* --- 3. NAVIGACE (Bílá lišta) --- */
.pkp_navigation_primary_wrapper {
    background-color: #ffffff !important;
    margin-top: 30px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

ul.pkp_navigation_primary > li > a {
    color: #bc2025 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 18px 20px !important;
}

/* FIX: Změna z modré na ŠEDOU při najetí myší (proužek a pozadí) */
ul.pkp_navigation_primary > li > a:hover {
    background-color: #f2f2f2 !important; /* Světle šedé pozadí */
    color: #333 !important; /* Tmavě šedý text pro kontrast */
}

/* Dropdown menu (Fakulty / Podrobnosti) */
ul.pkp_navigation_primary li ul {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}

ul.pkp_navigation_primary li ul li a:hover {
    background: #e9e9e9 !important; /* Šedý hover v podmenu */
    color: #bc2025 !important;
    border-left: 4px solid #bc2025 !important; /* Červený akcent zůstane jen jako linka */
}

/* --- 4. TLAČÍTKO PDF (Nové červené/tmavé provedení) --- */
/* Cílíme na tlačítka stahování a PDF */
.obj_galley_link.pdf, 
.pkp_controllers_linkAction.pdf,
a.pdf {
    background: #bc2025 !important; /* UPCE červená */
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    display: inline-flex !important;
    align-items: center !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: background 0.3s !important;
}

.obj_galley_link.pdf:hover {
    background: #333333 !important; /* Při najetí ztmavne do šedé/černé */
    color: #fff !important;
    text-decoration: none !important;
}

/* --- 5. KATALOG A STRÁNKA KNIHY --- */
.pkp_structure_main { padding-top: 40px !important; }

/* Skrytí "All Books" a systémových titulků */
.pkp_content_catalog legend, .pkp_screen_reader { display: none !important; }

.obj_monograph_summary .title a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #bc2025 !important;
}

/* --- 6. SIDEBAR (Pravý panel) --- */
.pkp_block .title {
    font-family: 'Montserrat', sans-serif !important;
    border-bottom: 2px solid #bc2025 !important;
    color: #333 !important;
    text-transform: uppercase;
}

/* --- 7. FIX OSTATNÍCH MODRÝCH PRVKŮ --- */
button, .pkp_button {
    background-color: #bc2025 !important;
}

/* Ikony a vyhledávání */
.pkp_navigation_search .search_controls .search_button {
    color: #bc2025 !important;
}
/* --- OPRAVA: DEFINITIVNÍ ODSTRANĚNÍ "ALL BOOKS" A ČAR --- */

/* 1. Skryje samotný text (všechny možné varianty) */
.pkp_structure_main legend, 
.pkp_content_catalog legend, 
.pkp_view_category legend,
fieldset legend {
    display: none !important;
}

/* 2. Odstraní ty šedé linky (okraje fieldsetu) */
.pkp_content_catalog fieldset,
.pkp_view_category fieldset,
fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 3. Pokud by tam stále strašily linky přes pseudo-elementy */
legend::before, legend::after {
    display: none !important;
    content: none !important;
}

/* --- FIX DUPLICITY SEARCH (pokud tam stále je) --- */
.pkp_navigation_primary .search, 
.pkp_navigation_primary li.search {
    display: none !important;
}
/* --- MODERNIZACE BOČNÍHO PANELU (SIDEBAR) --- */

/* Sjednocení fontů v sidebaru na Inter */
.pkp_structure_sidebar, 
.pkp_block, 
.pkp_block a {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
}

/* Úprava nadpisů bloků (Language, Browse, Categories) */
.pkp_block .title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    color: #333 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #bc2025 !important; /* Červená UPCE linka */
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
}

/* Modernější seznamy v sidebaru */
.pkp_block ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_block ul li {
    padding: 5px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important; /* Jemná dělící linka */
}

.pkp_block ul li:last-child {
    border-bottom: none !important;
}

/* Styl odkazů v sidebaru */
.pkp_block ul li a {
    color: #bc2025 !important; /* Červená UPCE */
    transition: all 0.2s ease !important;
    display: block !important;
}

.pkp_block ul li a:hover {
    color: #333 !important; /* Při najetí ztmavne */
    padding-left: 5px !important; /* Jemný posun vlevo pro efekt */
    text-decoration: none !important;
}

/* Zvýraznění aktivní kategorie (pokud OMP přidává třídu current) */
.pkp_block ul li a.current {
    font-weight: 700 !important;
    border-left: 3px solid #bc2025 !important;
    padding-left: 8px !important;
}

/* Úprava bloku pro výběr jazyka */
.pkp_block_language ul li {
    display: inline-block !important;
    margin-right: 10px !important;
    border: none !important;
}
/* --- FINÁLNÍ OPRAVA TLAČÍTKA SEARCH --- */
/* Odstranění modrého efektu a sjednocení barev */
.pkp_structure_main button, 
.pkp_structure_main .pkp_button,
.pkp_navigation_search button.search_button {
    background-color: #bc2025 !important; /* UPCE červená */
    color: #ffffff !important; /* Čistě bílý text */
    border: none !important;
    text-shadow: none !important; /* Odstraní případný modrý stín textu */
    box-shadow: none !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
}

/* Stav při najetí myší - změna na tmavě šedou */
.pkp_structure_main button:hover, 
.pkp_structure_main .pkp_button:hover,
.pkp_navigation_search button.search_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}
/* --- 8. OPRAVA UŽIVATELSKÉHO MENU (Vpravo nahoře) --- */
/* Zajištění čitelnosti jména a šipky na červeném pozadí */
#navigationUser li a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Kroužek s počtem notifikací (číslo 4) */
#navigationUser .pkp_badge {
    background-color: #ffffff !important;
    color: #bc2025 !important; /* Červené číslo na bílém podkladu */
    font-weight: bold !important;
}

/* --- 9. ODSTRANĚNÍ MODRÉ Z DASHBOARDU A DROPDOWNŮ --- */
/* Modrá linka na levé straně v rozbaleném menu uživatele */
ul#navigationUser li ul li a:hover, 
#navigationUser li ul li.ui-state-focus a {
    border-left: 4px solid #bc2025 !important; /* Změna z modré na červenou */
}

/* Oprava modré lišty u položky Dashboard */
.pkp_navigation_user .is_primary_nav {
    border-left-color: #bc2025 !important;
}

/* Odstranění modrého stínu u textů v záhlaví */
.pkp_structure_head a {
    text-shadow: none !important;
}

/* --- 10. SJEDNOCENÍ MODRÝCH IKONEK --- */
/* Pokud by se někde v menu stále objevovala modrá ikonka (šipky apod.) */
.pkp_navigation_primary li a::after,
.pkp_navigation_user li a::after {
    color: #ffffff !important; /* Bílá šipka v záhlaví */
}

ul.pkp_navigation_primary li ul li a::after {
    color: #bc2025 !important; /* Červená šipka v bílém dropdownu */
}
/* --- OPRAVA ČITELNOSTI TEXTU V DROPDOWNU --- */

/* Základní barva textu v rozbalovacím menu uživatele */
#navigationUser li ul li a {
    color: #333333 !important; /* Tmavě šedá pro čitelnost na bílé */
    background: #ffffff !important;
    padding: 10px 15px !important;
    display: block !important;
}

/* Barva textu při najetí myší (hover) */
#navigationUser li ul li a:hover {
    color: #bc2025 !important; /* Text zčervená */
    background: #f5f5f5 !important; /* Velmi světlé šedé pozadí */
}

/* Oprava textu v horní liště (před rozkliknutím) */
#navigationUser > li > a {
    color: #ffffff !important; /* Jméno uživatele zůstane bílé na červeném pozadí */
    text-shadow: none !important;
}

/* Šipka u jména uživatele */
#navigationUser > li > a::after {
    color: #ffffff !important;
}
/* --- OPRAVA PŘETÉKÁNÍ DLOUHÝCH ODKAZŮ V LITERATUŘE --- */

.obj_article_details .item.references .value, 
.ref-list li,
.ref-list li a {
    /* Tyto tři příkazy zajistí, že se dlouhé URL zalomí */
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-all !important; /* Rozbije i extrémně dlouhé řetězce */
    
    /* Zajištění správného zobrazení bloku */
    white-space: normal !important;
}

/* Jemné odsazení, aby text nelepil na dělící čáru */
.ref-list li {
    padding-right: 15px !important;
    margin-bottom: 12px !important;
}
/* Definitivní odstranění "Všechny knihy" a okolních čar */
.pkp_structure_main fieldset, 
.pkp_content_catalog fieldset,
.pkp_view_category fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_structure_main legend,
.pkp_content_catalog legend,
.pkp_view_category legend {
    display: none !important;
    visibility: hidden !important;
}
/* --- STYLOVÉ TLAČÍTKO V SIDEBARU --- */

.sidebar-button-container {
    margin: 20px 0 !important;
    text-align: center !important;
}

.upce-sidebar-button {
    display: block !important;
    background-color: #bc2025 !important; /* UPCE červená */
    color: #ffffff !important;
    padding: 12px 15px !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.upce-sidebar-button:hover {
    background-color: #333333 !important; /* Změna na tmavě šedou při najetí */
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    transform: translateY(-2px) !important; /* Tlačítko se jemně nadzvedne */
}
/* --- DLAŽDICE VYDAVATELSTVÍ V SIDEBARU --- */

.sidebar-promo-block {
    margin: 30px 0 !important; /* Větší mezera od ostatních prvků */
}

.promo-tile {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #bc2025 !important; /* UPCE Červená */
    color: #ffffff !important;
    padding: 20px 15px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

.promo-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    opacity: 0.9 !important;
    margin-bottom: 5px !important;
}

.promo-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

/* Efekt při najetí myší - dlaždice ztmavne a mírně se zvětší */
.promo-tile:hover {
    background-color: #333333 !important; /* Tmavě šedá */
    color: #ffffff !important;
    transform: scale(1.03) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}
/* --- SJEDNOCENÝ ROZCESTNÍK (Všechna tlačítka stejná) --- */

.services-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 20px 0 10px 0 !important;
    border: none !important;
}

/* Sjednocení všech položek včetně eshopu */
.service-item, 
.service-item.eshop {
    display: block !important;
    background-color: #fcfcfc !important;
    color: #333 !important;
    padding: 14px 15px !important; /* Mírně větší polstrování pro komfort */
    text-decoration: none !important;
    border: 1px solid #eee !important;
    border-left: 5px solid #bc2025 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease !important;
    
    /* Vizuální sjednocení textu */
    text-transform: uppercase !important;
    font-weight: 800 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important; /* Sjednocená velikost */
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

/* Sjednocený hover efekt */
.service-item:hover,
.service-item.eshop:hover {
    background-color: #ffffff !important;
    color: #bc2025 !important;
    border-color: #bc2025 !important;
    padding-left: 20px !important;
}

/* Odstranění spodní linky celého bloku */
.pkp_block.custom_block_RychleOdkazy {
    border-bottom: none !important;
    box-shadow: none !important;
}
/* --- ABSOLUTNÍ SJEDNOCENÍ RYCHLÝCH ODKAZŮ --- */

/* Cílíme na všechny odkazy v rámci tohoto bloku najednou */
.services-wrapper a.service-item {
    display: block !important;
    background-color: #fcfcfc !important;
    color: #333333 !important;
    
    /* Přesné rozměry a písmo */
    padding: 10px 15px !important;
    font-size: 11px !important;         /* Zmenšení na jemnější velikost */
    font-weight: 800 !important;
    line-height: 1.4 !important;        /* Fixní výška řádku pro všechny */
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
    
    border: 1px solid #eeeeee !important;
    border-left: 5px solid #bc2025 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;  /* Zajistí stejný výpočet šířky */
}

/* Sjednocený hover pro úplně všechny bez rozdílu */
.services-wrapper a.service-item:hover {
    background-color: #ffffff !important;
    color: #bc2025 !important;
    border-color: #bc2025 !important;
    padding-left: 18px !important;
}

/* Zrušení jakéhokoliv speciálního nastavení pro eshop, které by to mohlo kazit */
.service-item.eshop {
    background-color: #fcfcfc !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}
/* --- PROHOZENÍ POŘADÍ NA HLAVNÍ STRÁNCE --- */

/* Nastavení kontejneru na flexbox */
.page_homepage {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. UVÍTACÍ TEXT (Additional Content) - teď bude PRVNÍ */
.additional_content {
    order: 1 !important;
    margin-bottom: 30px !important;
}

/* 2. SEZNAM KNIH (Monographs List) - bude DRUHÝ */
.cmp_monographs_list {
    order: 2 !important;
}

/* 3. NOVINKY (pokud tam jsou, dají se dospod) */
.cmp_announcements {
    order: 3 !important;
    margin-top: 40px !important;
}
/* Vynucení ikony lupy pro vyhledávání */
.pkp_search .search_controls::before, 
#pkp_content_main .search_controls::before {
    font-family: "FontAwesome" !important;
    content: "\f002" !important; /* Kód lupy */
    font-style: normal !important;
    font-weight: normal !important;
    display: inline-block !important;
    text-decoration: inherit !important;
}
.cmp_announcements {
    margin-top: 50px !important;
}
/* Schování počtu titulů v katalogu */
.pkp_catalog_setup .count, 
.pkp_content_catalog .count {
    display: none !important;
}
/* --- ÚPRAVA ZÁPATÍ --- */

/* Celý černý/tmavý pruh dole */
.pkp_structure_footer_wrapper {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
    padding: 20px 0 !important;
}

/* Sjednocení textu v patičce */
.pkp_structure_footer {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    text-align: center !important;
}

/* Odkazy v patičce (např. Platform by PKP) */
.pkp_structure_footer a {
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.pkp_structure_footer a:hover {
    opacity: 1;
    color: #bc2025 !important;
}
/* Mezera pod kontaktním boxem a nad novinkami */
.additional_content {
    margin-bottom: 50px !important;
}

.cmp_announcements {
    margin-top: 30px !important;
}
/* --- ÚPRAVA PATIČKY (Zjemnění) --- */

.pkp_structure_footer_wrapper {
    background-color: #2d2d2d !important; /* Jemnější tmavě šedá místo černé */
    border-top: 3px solid #bc2025 !important; /* Červená linka pro propojení s designem */
    padding: 30px 0 !important;
}

/* Zviditelnění loga OMP/PKP */
.pkp_brand_footer img {
    filter: brightness(0) invert(1) !important; /* Udělá z tmavého loga bílé/stříbrné */
    opacity: 0.7 !important;
    max-width: 150px !important;
}

.pkp_brand_footer img:hover {
    opacity: 1 !important;
}
.pkp_structure_footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
    color: #ffffff !important;
}
/* --- PATIČKA ZAROVNANÁ NA STŘEDOVÝ OBSAH --- */

.pkp_structure_footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    
    /* Toto zajistí, že loga neutečou ke krajům monitoru, ale zůstanou u obsahu */
    max-width: 1150px !important; /* Uprav tuto hodnotu (např. 1100px-1200px), aby to přesně lícovalo */
    margin: 0 auto !important;    /* Vycentrování celého bloku patičky */
    padding: 0 20px !important;   /* Drobná rezerva, aby se loga nelepila úplně na hranu */
    box-sizing: border-box !important;
}

/* Logo Univerzity (vlevo) */
.pkp_footer_content {
    flex: 0 1 auto !important;
    text-align: left !important;
}

/* Texty uprostřed */
.pkp_structure_footer p {
    flex: 1 !important;
    text-align: center !important;
    font-size: 0.8rem !important;
    color: #ffffff !important;
    margin: 0 !important;
}

/* Logo OMP (vpravo) */
.pkp_brand_footer {
    flex: 0 1 auto !important;
    text-align: right !important;
}

.pkp_brand_footer img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.8 !important;
    max-width: 130px !important;
    display: block !important;
}
/* --- ZAROVNÁNÍ PATIČKY DO STRANY (Styl OMP Demo) --- */

/* 1. Omezení šířky kontejneru a vycentrování na střed obrazovky */
.pkp_structure_footer {
    display: flex !important;
    flex-direction: column !important; /* Prvky pod sebou */
    align-items: flex-end !important;  /* Všechno zarovnáme DOPRAVA */
    
    max-width: 1150px !important;      /* Tato šířka musí odpovídat šířce tvého webu */
    margin: 0 auto !important;         /* Udrží patičku uprostřed monitoru */
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* 2. Zarovnání textu uvnitř (Copyright, GDPR) */
.pkp_structure_footer p, 
.pkp_footer_content {
    width: 100% !important;
    text-align: right !important;      /* Text doprava */
    margin-bottom: 10px !important;
}

/* 3. Logo OMP (Platform & Workflow) */
.pkp_brand_footer {
    display: block !important;
    text-align: right !important;      /* Zajistí, že se obrázek neodlepí od pravé strany */
    margin-top: 15px !important;
}

.pkp_brand_footer img {
    margin-left: auto !important;      /* Dodatečná pojistka pro posun vpravo */
    display: block !important;
}
/* --- ZAROVNÁNÍ PATIČKY DOLEVA --- */

.pkp_structure_footer {
    display: flex !important;
    flex-direction: column !important; /* Prvky pod sebou */
    align-items: flex-start !important; /* Všechno zarovnáme DOLEVA */
    
    max-width: 1250px !important;      /* Musí lícovat s šířkou webu */
    margin: 0 auto !important;         /* Udrží celý blok uprostřed monitoru */
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* 1. Logo Univerzity a Copyright text */
.pkp_footer_content,
.pkp_structure_footer p {
    width: auto !important;
    text-align: left !important;       /* Text doleva */
    margin: 0 0 10px 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 2. Logo OMP (Platform & Workflow) */
.pkp_brand_footer {
    display: block !important;
    text-align: left !important;       /* Zarovnání obalu doleva */
    margin-top: 10px !important;
    margin-left: 0 !important;
}

.pkp_brand_footer img {
    margin-left: 0 !important;         /* Zrušení automatického centrování */
    display: block !important;
    filter: brightness(0) invert(1) !important; /* Aby na tmavém pozadí svítilo */
    opacity: 0.8 !important;
    max-width: 130px !important;
}
/* --- FINÁLNÍ POZICE LOGA OMP DOPRAVA --- */

.pkp_structure_footer {
    position: relative !important; /* Nutné pro ukotvení loga vpravo */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 1150px !important; /* Musí odpovídat šířce webu */
    margin: 0 auto !important;
    padding: 20px !important;
    min-height: 100px !important; /* Prostor pro loga */
}

/* Logo OMP - přesun do pravého dolního rohu patičky */
.pkp_brand_footer {
    position: absolute !important;
    right: 20px !important; /* Mezera od pravého okraje lícování */
    bottom: 20px !important;
    margin: 0 !important;
}

.pkp_brand_footer img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.8 !important;
    max-width: 130px !important;
    display: block !important;
}

/* Copyright a logo univerzity zůstávají vlevo */
.pkp_footer_content,
.pkp_structure_footer p {
    text-align: left !important;
    margin-left: 0 !important;
}
/* --- NOVÉ POŘADÍ: KONTAKT -> SPOTLIGHT -> KATALOG --- */

.page_homepage {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. UVÍTACÍ TEXT A KONTAKT (Additional Content) - ÚPLNĚ NAHORU */
.additional_content {
    order: 1 !important;
    margin-bottom: 30px !important;
}

/* 2. NEJČTENĚJŠÍ / SPOTLIGHT - TEĎ BUDE DRUHÝ */
.cmp_spotlights {
    order: 2 !important;
    margin-bottom: 40px !important;
}

/* 3. SEZNAM KNIH (Monographs List) - TŘETÍ */
.cmp_monographs_list {
    order: 3 !important;
}

/* 4. NOVINKY (Announcements) - ČTVRTÉ */
.cmp_announcements {
    order: 4 !important;
}
/* --- TOTÁLNÍ ROZSTŘEL SPOTLIGHTU --- */

/* 1. Vynutíme mezeru přímo u odkazu, který obaluje obrázek */
.cmp_spotlights .thumb {
    float: left !important;
    margin-right: 40px !important; /* Toto MUSÍ odtlačit text */
    margin-bottom: 20px !important;
    max-width: 200px !important;
}

/* 2. Zvětšíme vnitřní prostor celého bílého boxu */
.cmp_spotlights .item {
    padding: 40px !important;
    overflow: hidden !important; /* Aby text neobtékal obrázek divoce */
}

/* 3. Provzdušnění textu pod nadpisem */
.cmp_spotlights .description {
    display: block !important;
    padding-top: 15px !important;
    line-height: 1.7 !important;
    clear: none !important; /* Aby text mohl být vedle obrázku */
}

/* 4. Nadpis "Nejčtenější" (ten vpravo v šedé liště) - aby nebyl tak nalepený */
.cmp_spotlights .spotlight_pages {
    padding: 20px !important;
}
/* --- OPRAVA MEZERY MEZI OBRÁZKEM A TEXTEM --- */

/* 1. Odtlačení textu od obrázku */
.cmp_spotlights .obj_spotlight .thumb + .content {
    margin-left: 30px !important; /* Vytvoří jasnou mezeru vpravo od obálky */
}

/* 2. Alternativa, pokud šablona používá jinou strukturu */
.cmp_spotlights .obj_spotlight .thumb {
    margin-right: 30px !important; 
    float: left !important;
}

/* 3. Provzdušnění vnitřku, aby se text nelepil na horní hranu */
.cmp_spotlights .obj_spotlight .content {
    padding-top: 10px !important;
}
/* --- AGRESIVNÍ ODSTUP OBRÁZKU A TEXTU --- */

/* Cílíme na vnitřní odkaz, který drží obrázek */
.cmp_spotlights .obj_spotlight a.thumb {
    margin-right: 40px !important;
    display: block !important;
    float: left !important;
}

/* Cílíme na textový blok a vynutíme mu odsazení zleva */
.cmp_spotlights .obj_spotlight .content {
    overflow: hidden !important; /* Vytvoří nový kontext pro blok a zabrání nalepení */
    padding-left: 20px !important;
    display: block !important;
}

/* Pokud tam je vnořený nadpis, dáme mu taky margin */
.cmp_spotlights .obj_spotlight .title {
    margin-left: 0 !important;
}
/* --- BRUTÁLNÍ ROZSTŘEL SPOTLIGHTU --- */

/* Vynutíme, aby se obrázek a text chovaly jako dva sloupce s mezerou */
.cmp_spotlights .obj_spotlight {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 40px !important; /* Toto funguje v moderních OMP šablonách */
}

/* Pokud gap nefunguje, použijeme šířku sloupců */
.cmp_spotlights .obj_spotlight .thumb {
    flex: 0 0 300px !important; /* Obrázek bude mít fixních 280px */
    margin-right: 40px !important; /* Pojistka pro starší prohlížeče */
    display: block !important;
}

.cmp_spotlights .obj_spotlight .content {
    flex: 1 !important; /* Text vyplní zbytek, ale nezačne dřív než po 40px mezeře */
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* --- ÚPRAVA VELIKOSTI OBRÁZKU --- */

.cmp_spotlights .obj_spotlight .thumb {
    flex: 0 0 300px !important; /* Zkus 280px, to je takový zlatý střed */
    margin-right: 40px !important; 
    display: block !important;
}

/* Pokud chceš, aby i samotný obrázek uvnitř vyplnil těch 280px */
.cmp_spotlights .obj_spotlight .thumb img {
    width: 100% !important;
    height: auto !important;
}
/* --- OPRAVA VELIKOSTI OBÁLKY VE SPOTLIGHTU --- */

/* 1. Definujeme prostor pro obrázek (levý sloupec) */
.cmp_spotlights .obj_spotlight .thumb {
    flex: 0 0 280px !important; /* Šířka sloupce pro obálku */
    width: 280px !important;
    max-width: 280px !important;
    margin-right: 40px !important;
    display: block !important;
}

/* 2. Donutíme samotný obrázek, aby vyplnil celých 280px */
.cmp_spotlights .obj_spotlight .thumb img {
    width: 100% !important;     /* Roztažení na šířku sloupce */
    height: auto !important;    /* Zachování poměru stran */
    max-width: none !important; /* Zrušení případného omezení z šablony */
    display: block !important;
}

/* 3. Zajistíme, aby textový blok (pravý sloupec) neubíral místo obrázku */
.cmp_spotlights .obj_spotlight .content {
    flex: 1 !important;
    min-width: 0 !important; /* Prevence přetečení v flexboxu */
}
/* --- EXTRÉMNÍ ROZTAŽENÍ OBRÁZKU VE SPOTLIGHTU --- */

/* 1. Resetujeme všechny kontejnery, které by mohly obrázek škrtit */
.cmp_spotlights .obj_spotlight .thumb,
.cmp_spotlights .obj_spotlight .thumb a,
.cmp_spotlights .obj_spotlight .thumb img {
    display: block !important;
    width: 250px !important; /* Zkusíme nejdřív 250px */
    max-width: 250px !important;
    min-width: 250px !important;
    height: auto !important;
    min-height: 100px !important;
}

/* 2. Vynutíme mezeru mezi zvětšeným obrázkem a textem */
.cmp_spotlights .obj_spotlight {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
}

.cmp_spotlights .obj_spotlight .content {
    margin-left: 40px !important; /* Tato mezera je teď kritická */
    flex: 1 !important;
}

/* 3. Vypneme floaty, které by to mohly rozbíjet */
.cmp_spotlights .obj_spotlight .thumb {
    float: none !important;
}
/* --- FINÁLNÍ POKUS O ZVĚTŠENÍ OBÁLKY --- */

/* 1. Zrušíme omezení šířky pro všechny obaly obrázku */
.cmp_spotlights .thumb, 
.cmp_spotlights .thumb a, 
.cmp_spotlights .item__thumb,
.cmp_spotlights .obj_spotlight .thumb {
    width: 250px !important;    /* Tady nastavujeme požadovanou šířku */
    min-width: 250px !important;
    max-width: 250px !important;
    display: block !important;
}

/* 2. Donutíme samotný IMG tag, aby se roztáhl */
.cmp_spotlights img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important;
}

/* 3. Zajistíme, aby text neodskočil pod obrázek */
.cmp_spotlights .obj_spotlight {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
}

/* 4. Mezera mezi obrázkem a textem */
.cmp_spotlights .content {
    margin-left: 40px !important;
    flex: 1 !important;
}
/* --- FINÁLNÍ LADĚNÍ: ŠIROKÝ TEXT + MENŠÍ OBRÁZEK --- */

/* 1. Rozšíříme hlavní kontejner Spotlightu na maximum */
.cmp_spotlights .obj_spotlight {
    max-width: 100% !important; 
    width: 100% !important;
    display: block !important; /* Vrátíme se k osvědčenému floatu pro obtékání */
}

/* 2. Obrázek - nastaven na 150px (příjemná velikost, co nepřekáží) */
div.cmp_spotlights div.obj_spotlight a.thumb img,
div.cmp_spotlights .thumb img {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
    height: auto !important;
}

div.cmp_spotlights div.obj_spotlight a.thumb {
    width: 150px !important;
    float: left !important;
    margin-right: 30px !important; /* Mezera mezi obrázkem a začátkem textu */
    margin-bottom: 20px !important;
}

/* 3. Text - zrušíme margin-left a necháme ho přirozeně vyplnit prostor */
div.cmp_spotlights div.obj_spotlight div.content {
    margin-left: 0 !important; 
    display: block !important;
    overflow: visible !important; /* Důležité, aby text mohl obtékat nebo se roztáhnout */
}

/* 4. Zarovnání textu do bloku, aby to vypadalo jako v knize */
.cmp_spotlights .description {
    text-align: justify !important;
    line-height: 1.6 !important;
}
/* --- OPRAVA: ŠIROKÝ TEXT + FIXNÍ OBRÁZEK --- */

/* 1. Definujeme kontejner jako flexbox, aby text nepadal pod obrázek */
.cmp_spotlights .obj_spotlight {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 0 !important; /* Mezeru vyřešíme marginem */
}

/* 2. OBRÁZEK - fixní šířka, aby text věděl, kolik má místa */
.cmp_spotlights .obj_spotlight .thumb {
    flex: 0 0 220px !important; /* Nastavíme mu 180px (ani moc, ani málo) */
    margin-right: 35px !important; /* Jasná mezera od textu */
    display: block !important;
}

.cmp_spotlights .obj_spotlight .thumb img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 3. TEXT - musí vyplnit VŠECHEN zbývající prostor napravo */
.cmp_spotlights .obj_spotlight .content {
    flex: 1 1 auto !important; /* Toto ho donutí se roztáhnout do šířky */
    min-width: 0 !important;
    margin-left: 0 !important; /* Už žádné ruční marginy, flexbox to hlídá */
    padding: 0 !important;
}

/* 4. Zarovnání a řádkování pro estetiku */
.cmp_spotlights .description {
    line-height: 1.5 !important;
    text-align: left !important; /* Justify někdy dělá ošklivé díry, když je sloupec střední */
}
/* --- RESET LAYOUTU SPOTLIGHTU --- */

/* 1. Hlavní box - vynutíme, aby nebyl rozdělen na fixní sloupce */
.cmp_spotlights .obj_spotlight {
    display: block !important; /* Zrušíme flexbox, který nás omezoval */
    width: 100% !important;
    overflow: hidden !important;
}

/* 2. Obrázek - malý, úhledný a plovoucí vlevo */
.cmp_spotlights .obj_spotlight .thumb {
    float: left !important;
    width: 140px !important;    /* Menší velikost, aby text dominoval */
    max-width: 140px !important;
    margin-right: 30px !important; /* Mezera od textu */
    margin-bottom: 15px !important;
    display: block !important;
}

.cmp_spotlights .obj_spotlight .thumb img {
    width: 100% !important;
    height: auto !important;
}

/* 3. Text - klíčová část - zrušíme mu jakékoliv neviditelné mantinely */
.cmp_spotlights .obj_spotlight .content {
    display: block !important;
    width: auto !important;     /* Automatická šířka */
    margin-left: 0 !important;  /* Zrušíme fixní sloupec vlevo */
    padding: 0 !important;
    overflow: visible !important;
}

/* 4. Nadpis a popis - aby vyplnily celou šířku */
.cmp_spotlights .obj_spotlight .title,
.cmp_spotlights .obj_spotlight .description {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
}
/* --- ÚPRAVA PATIČKY: POSUN NAHORU A ZÚŽENÍ --- */

/* 1. Zmenšíme vnitřní prostor celého šedého pruhu */
.pkp_structure_footer_wrapper {
    padding-top: 10px !important;    /* Minimální mezera pod červenou linkou */
    padding-bottom: 20px !important; /* Zmenšení spodního okraje */
}

/* 2. Resetujeme mezery u vnitřního kontejneru */
.pkp_structure_footer {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. Posuneme texty (Copyright, GDPR) nahoru */
.pkp_footer_content, 
.pkp_structure_footer p {
    margin-top: 0 !important;        /* Odstraní horní mezeru textu */
    padding-top: 5px !important;
    line-height: 1.4 !important;
}

/* 4. Logo OMP vpravo - pokud tam stále je, srovnáme ho taky */
.pkp_brand_footer {
    bottom: 10px !important;         /* Přitáhne logo víc k obsahu */
}

/* 5. Logo Univerzity / Fakulty (pokud je v pkp_footer_content) */
.pkp_footer_content img {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    display: block !important;
}
/* --- ÚPRAVA PATIČKY: POSUN NAHORU A ZÚŽENÍ --- */

/* 1. Zmenšíme vnitřní prostor celého šedého pruhu */
.pkp_structure_footer_wrapper {
    padding-top: 10px !important;    /* Minimální mezera pod červenou linkou */
    padding-bottom: 20px !important; /* Zmenšení spodního okraje */
}

/* 2. Resetujeme mezery u vnitřního kontejneru */
.pkp_structure_footer {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. Posuneme texty (Copyright, GDPR) nahoru */
.pkp_footer_content, 
.pkp_structure_footer p {
    margin-top: 0 !important;        /* Odstraní horní mezeru textu */
    padding-top: 5px !important;
    line-height: 1.4 !important;
}

/* 4. Logo OMP vpravo - pokud tam stále je, srovnáme ho taky */
.pkp_brand_footer {
    bottom: 10px !important;         /* Přitáhne logo víc k obsahu */
}

/* 5. Logo Univerzity / Fakulty (pokud je v pkp_footer_content) */
.pkp_footer_content img {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    display: block !important;
}
/* --- BEZPEČNÁ VYLEPŠENÍ: TLAČÍTKA A ODKAZY --- */

/* Sjednocení tlačítek do univerzitní červené */
button, 
.pkp_button, 
.pkp_controllers_linkAction,
a.read_more,
.cmp_spotlights .obj_spotlight .title a {
    transition: all 0.3s ease !important;
}

/* --- VYLEPŠENÍ SIDEBARU --- */

.pkp_structure_sidebar .block {
    border-bottom: 1px solid #eee !important; /* Jemná linka mezi bloky */
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

.pkp_structure_sidebar .block .title {
    color: #bc2025 !important; /* Červené nadpisy v sidebaru */
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #bc2025 !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}
/* --- VYLEPŠENÍ KATALOGU --- */

.obj_monograph_summary .thumb img {
    box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important; /* Efekt hloubky u obálek */
    border-radius: 2px !important;
    transition: transform 0.3s ease !important;
}

.obj_monograph_summary:hover .thumb img {
    transform: scale(1.03) !important; /* Jemné zvětšení při najetí */
}

.obj_monograph_summary .title a {
    color: #333 !important;
    font-weight: 600 !important;
}

.obj_monograph_summary .title a:hover {
    color: #bc2025 !important;
}
/* --- OPRAVA PDF TLAČÍTKA: VYNUCENÍ ČERVENÉHO BOXU --- */

/* Trefíme všechny možné varianty PDF odkazu (v katalogu i detailu) */
.obj_galley_link.pdf, 
.galley_link.pdf, 
a.obj_galley_link.file {
    background-color: #bc2025 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    display: inline-flex !important; /* Aby tlačítko drželo tvar */
    align-items: center !important;
    text-decoration: none !important;
    border: none !important;
    margin-top: 10px !important;
    transition: background 0.3s ease !important;
}

/* Efekt při najetí myší */
.obj_galley_link.pdf:hover, 
.galley_link.pdf:hover, 
a.obj_galley_link.file:hover {
    background-color: #901a1d !important;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* Odstranění ikony, pokud by tam dělala neplechu, nebo její obarvení na bílo */
.obj_galley_link.pdf:before, 
.galley_link.pdf:before {
    color: #ffffff !important;
    margin-right: 8px !important;
}
/* --- POSLEDNÍ POKUS: PDF TLAČÍTKO PODLE TYPU SOUBORU --- */

/* Najde všechny odkazy, které v sobě mají slovo "pdf" nebo "download" */
a[class*="pdf"], 
a[class*="galley_link"], 
.obj_galley_link {
    background-color: #bc2025 !important;
    color: white !important;
    padding: 10px 18px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    margin-top: 10px !important;
}

/* Oprava barvy textu uvnitř, aby byla vždy bílá */
a[class*="pdf"] span, 
a[class*="galley_link"] span {
    color: white !important;
}

a[class*="pdf"]:hover, 
.obj_galley_link:hover {
    background-color: #901a1d !important;
    color: white !important;
}

/* --- ZTUČNĚNÍ ODKAZŮ V BOČNÍM PANELU --- */

.services-wrapper .service-item {
    font-weight: 700 !important; /* Maximální tloušťka pro Montserrat */
    display: block !important;
    margin-bottom: 8px !important; /* Jemná mezera mezi položkami */
    transition: color 0.2s ease !important;
}

.services-wrapper .service-item:hover {
    color: #901a1d !important; /* Tmavší červená při najetí */
}
/* --- SILNĚJŠÍ TAH NA TUČNÉ ODKAZY --- */

.services-wrapper a .service-text,
.services-wrapper .service-item span,
.services-wrapper a {
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* A ještě pojistka pro ty mezery, když už jsme v tom */
.services-wrapper a {
    display: block !important;
    margin-bottom: 12px !important;
    text-decoration: none !important;
}
/* --- ZAROVNÁNÍ COPYRIGHTU DOLEVA --- */

/* Odstraníme vnitřní odsazení a srovnáme text k levému okraji */
.pkp_structure_footer .pkp_footer_content {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* --- RE-DESIGN TLAČÍTKA SEARCH --- */

/* Samotné tlačítko */
.pkp_structure_head .pkp_search_toggle {
    background: #f1f1f1 !important; /* Světle šedý podklad */
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    padding: 8px 15px !important;
    transition: all 0.3s ease !important;
}

/* Efekt při najetí na Search */
.pkp_structure_head .pkp_search_toggle:hover {
    background: #bc2025 !important; /* Změna na UPCE červenou */
    color: white !important;
    border-color: #bc2025 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* Úprava ikonky lupy v tlačítku (pokud tam je) */
.pkp_structure_head .pkp_search_toggle:before {
    margin-right: 5px !important;
    font-size: 0.9rem !important;
}
/* --- ÚPRAVA TLAČÍTKA SEARCH (PŘESNÝ CÍL) --- */

/* Míříme na odkaz, který v sobě má třídu search_toggle v hlavičce */
.pkp_navigation_user .pkp_search_toggle,
.pkp_structure_head .search_toggle,
a.pkp_search_toggle {
    background: #f8f8f8 !important; /* Velmi světle šedá */
    border: 1px solid #d1d1d1 !important;
    border-radius: 4px !important;
    color: #444 !important;
    padding: 6px 12px !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Efekt při najetí - UPCE barva */
.pkp_navigation_user .pkp_search_toggle:hover,
a.pkp_search_toggle:hover {
    background-color: #bc2025 !important;
    color: #ffffff !important;
    border-color: #bc2025 !important;
}

/* Úprava ikonky lupy (aby se nelepila na text) */
.pkp_search_toggle:before {
    margin-right: 6px !important;
}
/* --- ÚPRAVA SEARCH: TUČNĚ A BEZ SYMBOLU --- */

/* Odstranění toho čtverečku (ikonky) před textem */
.pkp_search_toggle:before, 
.pkp_search_toggle::before {
    display: none !important;
    content: "" !important;
}

/* Samotný text Search/Hledat */
a.pkp_search_toggle {
    font-weight: 700 !important;   /* Tučné písmo */
    color: #bc2025 !important;      /* UPCE červená */
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.2s !important;
}

/* Efekt při najetí - podtržení */
a.pkp_search_toggle:hover {
    color: #901a1d !important;
    border-bottom: 2px solid #901a1d !important;
}
/* --- TOTÁLNÍ RESET SEARCH ODKAZU --- */

/* Míříme na odkaz uvnitř seznamu v uživatelské navigaci */
ul.pkp_navigation_user li a {
    font-weight: 700 !important;
    color: #bc2025 !important;
    text-transform: uppercase !important;
}

/* Agresivní odstranění jakékoliv ikonky/čtverečku */
ul.pkp_navigation_user li a:before,
ul.pkp_navigation_user li a::before,
.pkp_search_toggle:before,
.pkp_search_toggle::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
}

/* Odstranění šedého pozadí nebo rámečku, pokud tam nějaký zbyl z minula */
.pkp_navigation_user .pkp_search_toggle {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}