/*
Theme Name:     Eniologie
Theme URI:      n/a
Template:       kadence
Author:         Vaše Webařka
Author URI:     n/a
Description:    Child Theme pro časopis Eniologie člověka
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
.entry-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important; /* Natvrdo zruší zákaz zalamování */
    word-break: break-word !important; /* Pro jistotu zalomí i extrémně dlouhá slova */
}

@media (max-width: 767px) {
  body.page-id-774 .wp-block-post-template,
  body.page-id-774 .wp-block-query .wp-block-post-template,
  body.page-id-774 .wp-block-query ul,
  body.page-id-774 .wp-block-latest-posts,
  body.page-id-774 .entries,
  body.page-id-774 .content-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.page-id-774 article,
  body.page-id-774 .wp-block-post,
  body.page-id-774 .entry,
  body.page-id-774 .loop-entry {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.plna-sirka-cpt p, 
.plna-sirka-cpt .wp-block-group {
    max-width: 100% !important;
}


/* Nastavení vyššího z-indexu pro hlavičku (Kadence) */
#masthead {
    position: relative;
    z-index: 10; /* Dal jsem 10 pro jistotu, ale můžeš nechat i 3 */
}

.patka {
    position: relative;
    z-index: 1 !important;
}


.jmeno-autor {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Změněno na max. 3 řádky */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;

    /* Přepočítáno pro 3 řádky */
    line-height: 1.4em !important;   /* Výška jednoho řádku */
    max-height: 4.2em !important;   /* Maximální výška pro 3 řádky (3 x 1.4em) */
    height: auto !important;         
}

.bez-tecek .splide__pagination {
    display: none !important;
}



/* Všechny texty, nadpisy a seznamy uvnitř modulu budou bílé */
.bile-pismo, 
.bile-pismo p, 
.bile-pismo h1, .bile-pismo h2, .bile-pismo h3, .bile-pismo h4, .bile-pismo h5, .bile-pismo h6,
.bile-pismo ul, .bile-pismo ol, 
.bile-pismo li {
    color: #ffffff !important;
}

/* Specifické zacílení na samotné odrážky (tečky/čísla) */
.bile-pismo li::marker {
    color: #ffffff !important;
}

/* VOLITELNÉ: Pokud chcete mít bílé i odkazy uvnitř tohoto modulu, odkomentujte následující řádky */
/* .bile-pismo a {
    color: #ffffff !important;
    text-decoration: underline;
} 
*/

/* Levá šipka (posun více doleva) */
.splide__arrow--prev {
    left: -20px !important; /* Změň hodnotu podle potřeby (např. -10px, -30px nebo 0px) */
}

/* Pravá šipka (posun více doprava) */
.splide__arrow--next {
    right: -20px !important; /* Změň hodnotu podle potřeby (např. -10px, -30px nebo 0px) */
}

/* POZOR: Pokud by se šipky po vysunutí mimo slider ořízly/schovaly, odkomentuj tento řádek: */
/*
.splide {
    overflow: visible !important;
}
*/




/* 1. Vynutí stejnou výšku pro slajdy, ale zachová jejich vypočítanou šířku */
.zarovnat .splide__slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-shrink: 0 !important; /* DŮLEŽITÉ: Zabránění roztažení jednoho slajdu na 100 % */
}

/* 2. Roztáhne vnitřní kartu článku na plnou výšku slajdu */
.zarovnat .splide__slide > * {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* 3. Posune tlačítko "Přečíst článek" až úplně dolů k okraji */
.zarovnat .splide__slide a.kt-blocks-post-grid-link,
.zarovnat .splide__slide .wp-block-button,
.zarovnat .splide__slide .entry-actions,
.zarovnat .splide__slide a:last-child {
    margin-top: auto !important;
}



/*tlačítka v archívech
 * /* 1. Vynulování vnějších obalů (aby netvořily vnější rámeček) */
.entry-footer,
.entry-footer .entry-actions,
.entry-footer .more-link-wrap {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 2. Styl POUZE pro samotný odkaz / tlačítko uvnitř */
.entry-footer a.post-more-link,
.entry-footer a {
    display: inline-block !important;
    background-color: transparent !important;
    color: #0f4c81 !important;               /* Tmavě modrá barva textu */
    border: 1px solid #0f4c81 !important;     /* Rámeček tlačítka */
    border-radius: 8px !important;            /* Zaoblení rohů */
    
    padding: 8px 20px !important;             /* Velikost tlačítka */
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;          /* zruší VELKÁ PÍSMENA (uppercase) */
    transition: all 0.2s ease-in-out !important;
}

/* 3. Efekt po najetí myší (hover) */
.entry-footer a.post-more-link:hover,
.entry-footer a:hover {
    background-color: #0f4c81 !important;
    color: #ffffff !important;
    border-color: #0f4c81 !important;
}



/* =========================================================
   1. ZAROVNÁNÍ TLAČÍTKA DOLŮ BEZ MEZERY U TEXTU
   ========================================================= */

/* Karta jako flex kontejner */
.archive article.entry,
.blog article.entry {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Vnitřní obal roztáhneme na celou výšku */
.archive article.entry .entry-content-wrap,
.blog article.entry .entry-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* ZRUŠENÍ MEZERY NAD TEXTEM: Text se nesmí roztahovat, držíme ho nahoře */
.archive article.entry .entry-summary,
.blog article.entry .entry-summary {
    flex-grow: 0 !important; 
    margin-top: 5px !important; /* Pevná a přiměřená mezera od data */
}

/* Pojistka proti velkým marginům z nadpisu nebo data */
.archive article.entry .entry-header,
.blog article.entry .entry-header,
.archive article.entry .entry-meta,
.blog article.entry .entry-meta {
    margin-bottom: 0 !important;
}

/* Tlačítko (patička karty) vezme na sebe veškerý volný prostor a spadne dolů */
.archive article.entry .entry-footer,
.blog article.entry .entry-footer {
    margin-top: auto !important;
    padding-top: 0px !important; /* Vzdálenost tlačítka od konce textu */
}

/* =========================================================
   2. NEKOMPROMISNÍ ODSTRANĚNÍ ŠIPKY Z TLAČÍTKA
   ========================================================= */

/* Zlikviduje šipku ať už je to pseudoelement, nebo vložené SVG */
.archive article.entry .more-link::after,
.blog article.entry .more-link::after,
.archive article.entry .more-link .kadence-svg-iconset,
.blog article.entry .more-link .kadence-svg-iconset,
.archive article.entry .more-link svg,
.blog article.entry .more-link svg {
    display: none !important;
    content: none !important;
}

/* Kadence občas dělá pravý okraj tlačítka širší, aby tam bylo místo pro šipku. 
   Tímto tlačítko vizuálně vycentrujeme. */
.archive article.entry .more-link,
.blog article.entry .more-link {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
    display: inline-block !important;
    text-align: center !important;
}


/*======= tlačítko, aby bylo na mobilu v plné šířce
 * /* Výchozí chování pro desktop a tablet (šířka podle obsahu tlačítka) */
.plne, 
.plne .kt-btn-wrap, 
.plne .kt-button, 
.plne .wp-block-button__link {
    width: auto;
}

/* Pravidlo pro mobilní telefony (Kadence láme mobily na 767px) */
@media (max-width: 767px) {
    /* Roztažení obalů i samotného tlačítka na 100% šířky */
    .plne, 
    .plne .wp-block-kadence-advancedbtn,
    .plne .kt-btn-wrap, 
    .plne .kt-button, 
    .plne .wp-block-button__link {
        width: 100% !important;
    }
    
    /* Zajištění, že text uvnitř roztaženého tlačítka zůstane vycentrovaný */
    .plne .kt-button, 
    .plne .wp-block-button__link {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

 /*============= Z-index hlavního menu
/* Zvýšení vrstvy pro celou hlavičku, aby překryla obsah stránky */
#masthead {
    position: relative;
    z-index: 99999 !important;
}



/* ========= VYHLEDÁVÁNÍ
/* --- 1. Nastavení mřížky článků (4, 4, 3, 2, 1) pro vyhledávání --- */
body.search-results .site-main .grid-cols {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px; /* Mezera mezi boxy */
}

/* Obrazovky pod 1200px (Menší desktop / větší tablet) - 3 sloupce */
@media (max-width: 1199px) {
    body.search-results .site-main .grid-cols { 
        grid-template-columns: repeat(3, 1fr) !important; 
    }
}

/* Obrazovky pod 991px (Tablet) - 2 sloupce */
@media (max-width: 991px) {
    body.search-results .site-main .grid-cols { 
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

/* Obrazovky pod 767px (Mobil) - 1 sloupec */
@media (max-width: 767px) {
    body.search-results .site-main .grid-cols { 
        grid-template-columns: 1fr !important; 
    }
}


/* --- 2. Jednotná velikost nadpisů --- */
body.search-results .entry-title,
body.search-results .entry-title a {
    font-size: 24px !important;
    line-height: 31px !important;
}


/* --- 3. Zarovnání tlačítka na spodek boxu s 20px marginem --- */
/* Natažení samotné karty na celou výšku řádku */
body.search-results article.entry {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Flexbox pro vnitřní obal s obsahem */
body.search-results article.entry .entry-content-wrap,
body.search-results article.entry .entry-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Vyplní zbývající volný prostor */
}

/* Zajištění, aby samotný text (výňatek) tlačil tlačítko dolů */
body.search-results article.entry .entry-summary {
    flex-grow: 1; 
}

/* Tlačítko zarovnané ke spodní hraně s mezerou 20px */
body.search-results article.entry .kadence-post-read-more,
body.search-results article.entry .read-more-wrap {
    margin-top: auto !important;
    margin-bottom: 20px !important;
    display: block; /* Pokud by nebylo tlačítko přes celou šířku, můžete vynechat */
}
/* --- 4. Odstranění mezery mezi nadpisem a výňatkem --- */

/* Odstraní spodní mezeru u nadpisu a hlavičky článku */
body.search-results article.entry .entry-header,
body.search-results article.entry .entry-title {
    margin-bottom: 20 !important;
    padding-bottom: 0 !important;
}

/* Odstraní horní mezeru u samotného textu výňatku */
body.search-results article.entry .entry-summary,
body.search-results article.entry .entry-summary p {
    margin-top: 0 !important;
}
/*================ konec kodu pro upravu vyhledávání
 * 
 * 
 *