/*
Theme Name: Hippo Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.0.1.1741611580
Updated: 2025-03-10 13:59:40

*/

/* Nastavení tmavého webu u uživatele */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: #E0E0E0;
    }
}


/* scroll up */
#scroll-up {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #CCCCCC; /* Světle šedé tlačítko */
    color: #000000; /* Černý text */
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px; /* Jemné zaoblení rohů */
    text-align: center;
    text-decoration: none;
    display: none;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Jemný stín */
}

/* Hover efekt – inverze barev */
#scroll-up:hover {
    background: #000000; /* Černé tlačítko */
    color: #FFFFFF; /* Bílý text */
    box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.3); /* Světlejší stín */
}

/* Globální nastavení pro všechny obrázky */
img {
    filter: grayscale(100%);
    transition: filter 0.4s ease-in-out, transform 0.3s ease-in-out !important;
    transform: scale(1);
}

/* Při najetí myší: barevný obrázek + jemné zvětšení */
img:hover {
    filter: grayscale(0%);
    transform: scale(1.02);
}

/* Udělá hlavičku sticky */
/* Základní styl hlavičky */
#header-grid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: rgba(255, 255, 255, 1); /* Plná barva při nescrollování */
    transition: all 0.3s ease-in-out;
    height: 0px; /* Výchozí výška hlavičky */
    
}

/* Efekt při scrollování */
#header-grid.scrolled {
    background-color: rgba(255, 255, 255, 0.85); /* Mírně průhledné pozadí při scrollování */
       box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.1); /* Světle šedý spodní stín */
}

/* Udržení obsahu pod sticky hlavičkou */
body {
    padding-top: 80px; /* Odpovídá výšce hlavičky, aby obsah nezačínal příliš vysoko */
}
/* TABLET: Menší rozestup od obsahu */
@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }    
   
}

/* MOBIL: Ještě menší rozestup */
@media (max-width: 768px) {
    body {
        padding-top: 50px;
    }    
    
}

/* Výchozí styl titulků příspěvků v .layout-grid */
.layout-grid .entry-title a {
    color: #B0B0B0; /* Světle šedá výchozí barva */
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
}

/* Efekt při hoveru – bílá barva, jemná záře a podtržení */
.layout-grid .entry-title a:hover {
    color: #FFFFFF; /* Ostrá bílá barva při hoveru */
    text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8); /* Jemná záře */
    text-decoration: underline;
    text-decoration-color: #B0B0B0; /* Světle šedé podtržení */
}

/* Výchozí styl odkazů v .layout-grid */
.layout-grid a {
    color: #606060; /* Světle šedá výchozí barva */
    text-decoration: none; /* Bez podtržení */
    transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
}

/* Efekt při hoveru – bílá barva, jemná záře a podtržení */
.layout-grid a:hover {
    color: #FFFFFF; /* Ostrá bílá barva při hoveru */
    text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8); /* Jemná záře */
    text-decoration: underline;
    text-decoration-color: #B0B0B0; /* Světle šedé podtržení */
}

/* Specificky pro titulky příspěvků v .layout-grid */
.layout-grid .entry-title a {
    font-weight: bold; /* Titulky budou tučné */
}