/**
 * Theme Name:     HitMag Pro Child
 * Author:         ThemezHut
 * Template:       hitmag-pro
 * Text Domain:	   hitmag-pro-child
 * Description:    HitMag Pro is a flexible and versatile theme perfect for magazines, news sites and blogs. HitMag Pro is the premium version of the HitMag WordPress theme. It lets you organize and present your articles in a smart way with different style widgets on the homepage. Uniquely selectable multiple post layouts and smart customization options make this the perfect choice for any publisher.
 */


/* Základní tmavé styly */
.main-navigation,
.main-navigation ul,
.main-navigation ul ul {
    background-color: #1e1e1e;
}

.main-navigation a {
    color: #e0e0e0;
    padding: 12px 20px;
    display: block;
    border-bottom: 1px solid #2a2a2a;
    text-decoration: none;
}



/* Základní styly pro mobilní menu */
/* for HITMAG PRO it is not needed
@media (max-width: 768px) { 
    .menu-item-has-children {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    
    .submenu-toggle {
        width: 44px;
        height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 2;
        background: transparent;
        border: none;
    }
    
    .submenu-toggle:before {
        content: '+';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.2em;
        color: #aaa;
    }
    
    .menu-open > .submenu-toggle:before {
        content: '-';
    }
    
    .menu-item-has-children > a {
        padding-right: 44px;
        flex: 1;
    }
    
    .sub-menu {
        display: none;
        width: 100%;
        background-color: #252525;
        transition: max-height 0.3s ease;
        max-height: 0;
        overflow: hidden;
    }
    
    .menu-open > .sub-menu {
        display: block;
        max-height: 1000px;
    }
    
    .sub-menu-level-1 {
        background-color: #252525 !important;
    }
    
    .sub-menu-level-2 {
        background-color: #2a2a2a !important;
    }
    
    .sub-menu-level-3 {
        background-color: #303030 !important;
    }
    
    .sub-menu-level-1 li a {
        padding-left: 20px;
    }
    
    .sub-menu-level-2 li a {
        padding-left: 40px;
    }
    
    .sub-menu-level-3 li a {
        padding-left: 60px;
    }
	
	.dropdown-toggle {
		display: none;
	}	
}
*/


@media (min-width: 769px) { 

	/* Skryje všechna podmenu ve výchozím stavu */
	.sub-menu {
		display: none;
		position: absolute; /* Umožňuje podmenu "vyplavat" z normálního toku dokumentu */
		list-style: none; /* Odstraní odrážky, pokud nechcete */
		padding: 0;
		margin: 0;
		/* Můžete přidat další styly pro vzhled podmenu, např. background-color, border, box-shadow atd. */
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1; /* Zajistí, že podmenu bude nad ostatním obsahem */
	}

	/* Zobrazí podmenu úrovně 1, když se najede myší na nadřazenou položku menu */
	/* Předpokládáme, že rodičovský prvek pro .sub-menu je .menu-item-has-children */
	.menu-item-has-children:hover > .sub-menu-level-1 {
		display: block;
	}

	/* Zobrazí podmenu úrovně 2, když se najede myší na nadřazenou položku menu */
	.menu-item-has-children:hover > .sub-menu-level-2 {
		display: block;
		/* Pokud chcete, aby se podmenu objevilo vedle, ne pod, můžete použít left/right a top */
		left: 25%; /* orig 100% - Posune podmenu doprava od rodičovské položky */
		top: 34px; /* Zarovná podmenu s horní hranou rodičovské položky */
	}

	/* Zobrazí podmenu úrovně 3 (a další úrovně), když se najede myší na nadřazenou položku menu */
	.menu-item-has-children:hover > .sub-menu-level-3 {
		display: block;
		left: 25%;  /* orig 100% */
		top: 34px;
	}

	/* Ujistěte se, že rodičovské položky mají position: relative, aby absolute position podmenu fungovalo správně */
	.menu-item-has-children {
		position: relative;
	}

	/* Skryje přepínací ikonu, pokud ji nepotřebujete pro hover menu */
	.submenu-toggle {
		display: none;
	}	
	
}




/* Target the <a> tag with href="#hitmag-popular" and replace "Popular Posts" */
a[href="#hitmag-popular"] {
    visibility: hidden;
    position: relative;
}

a[href="#hitmag-popular"]::after {
    content: "Oblíbené"; /* Czech text */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit; /* Match parent background */
    padding: inherit; /* Match parent padding */
}

/* Repeat for other widgets (adjust selectors) */
a[href="#hitmag-comments"] {
    visibility: hidden;
    position: relative;
}

a[href="#hitmag-comments"]::after {
    content: "Komentáře"; /* Czech text */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit; /* Match parent background */
    padding: inherit; /* Match parent padding */
}

a[href="#hitmag-tags"] {
    visibility: hidden;
    position: relative;
}

a[href="#hitmag-tags"]::after {
    content: "Štítky"; /* Czech text */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit; /* Match parent background */
    padding: inherit; /* Match parent padding */
}


a.hm-viewall span {
    visibility: hidden;
    position: relative;
}
a.hm-viewall span::after {
    content: "Zobraz";
    visibility: visible;
    position: absolute;
    left: 0;
}


.advanced-sitemap {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.advanced-sitemap section {
    margin-bottom: 40px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
}

.advanced-sitemap h2 {
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.roky-group, .category-group {
    margin-bottom: 25px;
}

.roky-title {
    color: #2980b9;
    font-size: 1.3em;
    margin: 15px 0;
}

.category-title {
    color: #27ae60;
    font-size: 1.1em;
    margin: 10px 0 5px;
}

.category-list {
    list-style: none;
    padding-left: 20px;
    margin: 10px 0;
}

.post-list {
    list-style: none;
    padding-left: 30px;
    margin: 5px 0;
}

.post-list li {
    margin: 5px 0;
    padding: 3px 0;
    border-bottom: 1px dotted #eee;
}

.post-list li:last-child {
    border-bottom: none;
}

.post-list a {
    color: #555;
    text-decoration: none;
}

.post-list a:hover {
    color: #000;
    text-decoration: underline;
}

.uncategorized-section {
    background: #fff4f4;
}







/* Základní styly */
.hitmag-ultimate-compact {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.3;
}

/* Kontrolní tlačítka */
.sitemap-controls {
    margin-bottom: 15px;
}

.hitmag-btn {
    padding: 5px 10px;
    margin-right: 8px;
    font-size: 12px;
}

/* Nadpisy sekcí */
.section-title, .subsection-title, .category-title {
    padding: 6px 10px;
    margin: 0;
    cursor: pointer;
    position: relative;
}

.section-title {
    font-size: 14px;
    background: #f5f5f5;
}

.subsection-title {
    font-size: 13px;
    background: #f9f9f9;
    padding-left: 20px;
}

.category-title {
    font-size: 12px;
    padding-left: 30px;
}

/* Toggle ikony */
.toggle-icon {
    display: inline-block;
    width: 15px;
    text-align: center;
    margin-right: 5px;
}

/* Klikatelné odkazy */
.category-link {
    color: #2c3e50;
    text-decoration: none;
}

.category-link:hover {
    color: #e74c3c;
    text-decoration: underline;
}

/* Seznam příspěvků */
.post-list {
    list-style: none;
    padding-left: 40px;
    margin: 3px 0;
}

.post-link {
    color: #3498db;
    font-size: 11px;
    text-decoration: none;
    display: block;
    padding: 2px 0;
}

.post-link:hover {
    color: #e74c3c;
}

/* Počet příspěvků */
.post-count {
    color: #7f8c8d;
    font-size: 0.9em;
}

/* Dětské kategorie */
.child-categories {
    padding-left: 15px;
}