img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/*!
 * Better Recent Comments 1.1.5
 * Copyright 2020 Barn2 Plugins
 */.recent-comments-list{list-style-type:none;padding-left:0;margin-left:0}.recent-comments-list>li{margin-bottom:.7em;display:block}.recent-comments-list .comment-date{font-size:.85em;opacity:.7}.recent-comments-list .comment-date a{text-decoration:none;border-bottom:none}.widget_recent_comments .recent-comments-list .comment-date{margin-top:2px}.recent-comments-list .comment-excerpt+.comment-date,.recent-comments-list .comment-post+.comment-date{display:block;margin-bottom:1px}.recent-comments-list.with-avatars .comment-wrap{position:relative}.recent-comments-list.with-avatars .comment-avatar{position:absolute;left:0;top:4px}.recent-comments-list.with-avatars,.recent-comments-list.with-avatars .recent-comment{list-style:none;padding-left:0;margin-left:0}.recent-comment::before{position:relative;vertical-align:top;display:inline-block}.recent-comment .comment-wrap{display:inline-block}.recent-comments-list.with-avatars .recent-comment::before{content:''!important;text-indent:0;padding:0;margin:0}
/**
* kk Star Ratings
* @see https://github.com/kamalkhan/kk-star-ratings
*/
 .kk-star-ratings {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}.kk-star-ratings.kksr-shortcode {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}.kk-star-ratings.kksr-valign-top {margin-bottom: 2rem;}.kk-star-ratings.kksr-valign-bottom {margin-top: 2rem;}.kk-star-ratings.kksr-align-left {-webkit-box-pack: flex-start;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;}.kk-star-ratings.kksr-align-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}.kk-star-ratings.kksr-align-right {-webkit-box-pack: flex-end;-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}.kk-star-ratings .kksr-muted {opacity: .5;}.kk-star-ratings .kksr-stars {position: relative;}.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive {display: flex;}.kk-star-ratings .kksr-stars .kksr-stars-active {overflow: hidden;position: absolute;top: 0;left: 0;}.kk-star-ratings .kksr-stars .kksr-star {cursor: pointer;padding-right: 0px;}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {cursor: default;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {transition: .3s all;}.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {width: 0 !important;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {background-image: url("https://www.hadalandia.com/wp-content/plugins/kk-star-ratings/src/core/public/svg/inactive.svg");}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {background-image: url("https://www.hadalandia.com/wp-content/plugins/kk-star-ratings/src/core/public/svg/active.svg");}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {background-image: url("https://www.hadalandia.com/wp-content/plugins/kk-star-ratings/src/core/public/svg/selected.svg");}.kk-star-ratings .kksr-legend {margin-left: .75rem;margin-right: .75rem;}[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active {left: auto;right: 0;}
/*
Theme Name: Pohadkozeme
Theme URI: https://www.pohadkozem.cz/
Description: Multi-language WordPress theme with modular features. Based on Pohadkozeme theme with added functionality for planned posts, dark mode, content restriction, and more. Designed for beautiful typography with mobile-first responsive design.
Author: Zubate strasidlo
Author URI: https://www.pepafolta.cz/
Version: 3.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pohadkozeme
Domain Path: /languages
Tags: blog, one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, dark-mode
*/



/* TABLE OF CONTENTS
------------------------------------------------------------
* Global
* Repeatable Patterns
* Layout
* Header
* Menus
* Content
* Gutenberg
* Navigations
* Comments
* Widgets
* Footer
* Plugins
* Print
------------------------------------------------------------ */


/* CSS Custom Properties (Design Tokens)
   Uprava barev a fontu -- edituj zde :)
------------------------------------------------------------ */
:root {
    /* Brand */
    --color-primary:        #a62425;   /* hlavni cervena */
    --color-primary-dark:   #7f1b1c;   /* hover cervena */
    --color-secondary:      #c9a970;   /* zlata / dark-mode akcent */

    /* Text */
    --color-text:           #333;      /* zakladni text */
    --color-text-dark:      #111;      /* nadpisy */
    --color-text-secondary: #444;      /* sekundarni text */
    --color-text-meta:      #495057;   /* metadata, ikony */
    --color-text-muted:     #666;      /* utlumeny text */
    --color-text-caption:   #777;      /* popisky, perex */
    --color-text-light:     #999;      /* velmi svetly text */

    /* Pozadi */
    --color-bg:             #fff;      /* bile pozadi */
    --color-bg-light:       #f8f9fa;   /* svetle sekce */
    --color-bg-hover:       #e9ecef;   /* hover stav */

    /* Ohraniceni */
    --color-border:         #ddd;      /* hlavni border */
    --color-border-medium:  #ccc;      /* stredni border */
    --color-border-light:   #eee;      /* svetly border */

    /* Dark mode */
    --color-night-bg:       #1a1a1a;   /* dark mode -- pozadi */
    --color-night-bg-card:  #2a2a2a;   /* dark mode -- karty */
    --color-night-bg-deep:  #0a0a0a;   /* nocni cteni -- pozadi */
    --color-night-text:     #f1f1f1;   /* dark mode -- text */

    /* Akcenty */
    --color-accent-blue:    #3498db;   /* planovane prispevky, info */
    --color-danger:         #ff6b6b;   /* oblibene / chyba */
    --color-selection:      #fffad3;   /* vyber textu */

    /* Pismo */
    --font-body:            'Lora', serif;
    --font-heading:         'Source Serif Pro', serif;
    --font-mono:            Consolas, 'Courier New', monospace;
}

/* Global
------------------------------------------------------------ */

/* Root
   This values are used for adjusting headings size (not for body size) */
html {
	font-size: 90%;
}
@media screen and (min-width: 783px) {
	html {
		font-size: 100%;
	}
}

/* Base */
body {
	color: var(--color-text);    
	font-family: var(--font-body);
	font-size: 19px;
	line-height: 1.6;
	word-wrap: break-word;
}
::selection {
	background-color: var(--color-selection);
	color: var(--color-text);
}
::-moz-selection {
	background-color: var(--color-selection);
	color: var(--color-text);
}
@media screen and (min-width: 783px) {
	body {
		font-size: 20px;
	}
}

/* Heading */
h1, h2, h3, h4, h5, h6, .site-title {
	clear: both;
	color: var(--color-text-dark);
	font-family: var(--font-heading);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.4;
}
h1 {
	font-size: 2.5rem;
	margin-bottom: 1em;
	margin-top: 2em;
}
h2 {
	font-size: 1.75rem;
	margin-bottom: 1em;
	margin-top: 2em;
}
h3 {
	font-size: 1.5rem;
	margin-bottom: 1em;
	margin-top: 1.5em;
}
h4 {
	font-size: 1.25rem;
	margin-bottom: 1em;
	margin-top: 1.5em;
}
h5 {
	font-size: 1.125rem;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
h6 {
	font-size: 1.063rem;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

/* Link */
a {
	color: inherit;
	text-decoration: none;
	transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
}
.entry-content a, .entry-summary a, .page-content a, .author-profile-description a, .comment-content a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
	color: var(--color-primary);
	text-decoration: underline;
}
.main-navigation a:hover, .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .author-profile-description a:hover, .comment-content a:hover {
	color: var(--color-primary-dark);
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .entry-content cite a, .comment-content cite a {
	text-decoration: none;
}


/* Text */
p {
	margin: 0 0 1.6em;
}
b, strong {
	font-weight: 700;
}
dfn, q, cite, em, i {
	font-style: italic;
}
q {
	quotes: "" "";
}
cite {
	border-bottom: dotted 1px var(--color-text-light);
}
code, kbd, tt, var {
	color: var(--color-text-muted);
	border-bottom: solid 1px var(--color-border-medium);
	font-family: var(--font-mono);
	font-size: 87.5%;
}
abbr, acronym {
	border-bottom: 1px dotted var(--color-text-light);
	cursor: help;
}
mark, ins {
	background-color: var(--color-selection);
	color: var(--color-text);
	text-decoration: none;
}
ins.adsbygoogle {
	background-color: transparent;
}

/* List */
ul, ol {
	margin: 0 0 1.6em 2em;
	padding: 0;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.6em;
}
dl {
	margin: 0;
}
dt {
	font-weight: 600;
	margin-bottom: 0.4em;
}
dd {
	margin: 0 0 1.6em 1.6em;
}

/* Table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: solid 1px var(--color-border-light);
	font-size: 93.8%;
	margin: 0 0 1.6em;
	width: 100%;
}
caption {
	margin-bottom: 0.6em;
}
table th, table td {
	border-bottom: solid 1px var(--color-border-light);
	padding: 0.8em 1.2em 0.8em 0;
}
th {
	font-weight: 600;
	text-align: left;
}

/* Elements */
blockquote {
	color: var(--color-text-muted);
	font-style: italic;
	margin: 0 0 2em;
	padding: 12px 0 0 44px;
	position: relative;
}
blockquote:before {
	color: var(--color-border-medium);
	content: "\201C";
	font-family: Georgia, serif;
	font-size: 84px;
	left: -5px;
	line-height: 1;
	position: absolute;
	top: -5px;
}
address {
	margin: 0 0 1.6em;
}
pre {
	background-color: var(--color-border-light);
	color: var(--color-text-muted);
	font-family: var(--font-mono);
	font-size: 87.5%;
	line-height: 1.4;
	margin: 0 0 1.7em;
	max-width: 100%;
	overflow: auto;
	padding: 1.4em;
	word-wrap: normal;
}
hr {
	background-color: #8f98a1;
	border: 0;
	height: 2px;
	margin: 1.6em auto;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}
/* Media */
img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
figure {
	margin: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}

/* Form */
button,
input,
input[type="search"],
select,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: var(--color-text);
	border: none;
	border-radius: 5px;
	color: var(--color-bg);
	cursor: pointer;
	font-size: 87.5%;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 1.2em 1.7em;
	transition: .3s ease-in-out;
    font-family: var(--font-body);
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: var(--color-bg-light);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="search"],
textarea {
    font-family: var(--font-body);
	border: solid 1px var(--color-border-light);
    border-radius: 6px;
	color: var(--color-text-muted);
	margin-top: 0.4em;
	padding: 0.8em;
    
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: var(--color-text);
}
select {
	padding: 0.4em;
}
textarea {
	max-width: 700px;
	width: 100%;
}


/* Repeatable Patterns
------------------------------------------------------------ */

/* Alignments */
.aligncenter,
.alignleft,
.alignright {
	margin-bottom: 1.6em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 783px) {
	.alignleft {
		display: inline;
		float: left;
		margin-right: 1.6em;
	}
	.alignright {
		display: inline;
		float: right;
		margin-left: 1.6em;
	}
}
@media screen and (min-width: 1180px) {
	.no-sidebar .alignleft {
		margin-left: -100px;
	}
	.no-sidebar .alignright {
		margin-right: -100px;
	}
}

/* Caption */
.wp-caption {
	color: var(--color-text-caption);
	font-size: 93.8%;
	font-style: italic;
	margin-bottom: 1.6em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0.4em auto 0;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8em 0;
}

/* WP Smiley */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.screen-reader-text:focus {
	background-color: #f8f8f8;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	clip: auto !important;
	color: #06c;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.entry-content:before,
.entry-content:after,
.post-list .hentry:before,
.post-list .hentry:after,
.author-profile:before,
.author-profile:after,
.comment-content:before,
.comment-content:after,
.comment-navigation:before,
.comment-navigation:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.paging-navigation:before,
.paging-navigation:after,
.post-navigation:before,
.post-navigation:after,
.widget:before,
.widget:after,
.widget_pohadkozeme_recent_posts li:before,
.widget_pohadkozeme_recent_posts li:after,
ul.instagram-pics:before,
ul.instagram-pics:after,
.site-footer:before,
.site-footer:after,
.footer-widget:before,
.footer-widget:after,
.site-bottom:before,
.site-bottom:after {
	content: "";
	display: table;
}
.clear:after,
.site-header:after,
.site-content:after,
.entry-content:after,
.post-list .hentry:after,
.author-profile:after,
.comment-content:after,
.comment-navigation:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.paging-navigation:after,
.post-navigation:after,
.widget:after,
.widget_pohadkozeme_recent_posts li:after,
ul.instagram-pics:after,
.site-footer:after,
.footer-widget:after,
.site-bottom:after {
	clear: both;
}


/* Layout
------------------------------------------------------------ */

/* Base */
body {
	background-color: var(--color-bg);
	margin-left: 20px;
	margin-right: 20px;
}
.site-branding,
.main-navigation,
.site-content,
.footer-widget-area,
.footer-widget-wrapper,
.site-bottom {
	margin-left: auto;
	margin-right: auto;
}
.site-branding,
.site-bottom {
	text-align: center;
}
.site-content,
.footer-widget-wrapper {
	max-width: 700px;
}
/* Header - Compact Design
   ============================================================================ */
.site-header {
	margin-bottom: 30px;
}

.site-header-wrapper {
	max-width: 1260px;
	margin: 0 auto;
}

.site-branding {
	padding: 15px 20px;
}

.site-branding-inner {
	display: flex;
	align-items: center;
	gap: 15px;
}

.site-logo {
	padding-bottom: 0;
	flex-shrink: 0;
}

.site-logo img {
	max-height: 50px;
	width: auto;
}

.site-title-group {
	flex: 1;
}

.site-title {
	margin: 0;
	font-size: 30px;
	line-height: 1.2;
}

.site-description {
	padding-top: 2px;
	font-size: 18px;
}
.header-image,
.featured-post {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 30px;
}
.header-navigation {
	margin-bottom: -12px;
	margin-top: 20px;
}
.content-area,
.sidebar-area {
	margin-bottom: 80px;
}
.sidebar-area {
	border-top: solid 1px var(--color-border-light);
	padding-top: 60px;
}
.footer-widget {
	padding-top: 60px;
}
@media screen and (min-width: 783px) {
	body {
		margin-left: 30px;
		margin-right: 30px;
	}
	.site-header {
		margin-bottom: 75px;
	}
	.header-image {
		margin-left: auto;
		margin-right: auto;
	}
    
	.featured-post {
		margin-left: -30px;
		margin-right: -30px;
		margin-top: 40px;
	}
}
@media screen and (min-width: 980px) {
	body {
		margin-left: 40px;
		margin-right: 40px;
	}
	.site-branding,
	.site-content,
	.footer-widget-wrapper {
		max-width: 1120px;
	}
	.main-navigation,
	.header-image,
	.footer-widget-area,
	.site-bottom {
		max-width: 1260px;
	}
	.site-branding {
		position: relative;
	}
	.header-social-link {
		position: absolute;
		right: 0;
		top: 44px;
		vertical-align: bottom;
	}
	.featured-post {
		margin-left: -40px;
		margin-right: -40px;
	}
	.content-area {
		border-right: solid 1px var(--color-border);
		float: left;
		padding-right: 5.36%;
		width: 62.5%;
	}
	.no-sidebar .content-area,
	.full-width .content-area {
		border-right: none;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		width: 700px;
	}
	.full-width .content-area {
		width: auto;
	}
	.sidebar-area {
		border-top: none;
		float: right;
		padding-top: 0;
		width: 26.78%;
	}
	.footer-widget {
		display: table;
		padding-top: 0;
		table-layout: fixed;
		max-width: none;
		width: 100%;
	}
	.footer-widget .widget-area {
		display: table-cell;
		padding: 75px 46px 0 45px;
		vertical-align: top;
	}
	.footer-widget .widget-area:first-child {
		padding-left: 0;
	}
	.footer-widget .widget-area:last-child {
		padding-right: 0;
	}
	.footer-4 .footer-widget .widget-area,
    .footer-widgets-4 .footer-widget .widget-area {
		width: 25%;
	}
	.footer-3 .footer-widget .widget-area,
  	.footer-widgets-3 .footer-widget .widget-area {
		width: 33.3%;
	}
	.footer-2 .footer-widget .widget-area,
    .footer-widgets-2 .footer-widget .widget-area {
		width: 50%;
	}
	.footer-1 .footer-widget .widget-area,
    .footer-widgets-1 .footer-widget .widget-area {

		width: 100%;
	}
}


/* Header
------------------------------------------------------------ */

.site-logo {
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
	vertical-align: middle;
}
.site-logo a:hover {
	color: var(--color-primary-dark);
}
.site-logo img {
	zoom: 95%;
}
.site-title {
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 0;
	vertical-align: middle;
}
.site-title a {
    color: var(--color-primary);
}
.site-title a:hover {
	color: var(--color-primary-dark);
}
.site-title a:hover {
}
.site-description {
	color: var(--color-text-caption);
	font-style: italic;
	line-height: 1.4;
}
@media screen and (min-width: 783px) {
	.site-logo img {
		zoom: 1;
	}
}


/* Menus
------------------------------------------------------------ */

/* Navigation Bar */
.main-navigation,
.main-navigation a,
.menu-toggle {
	line-height: 50px;
}
.main-navigation {
	border-bottom: solid 1px var(--color-border);
	border-top: solid 1px var(--color-border);
	font-size: 93.8%;
	position: relative;
}
.menu-toggle {
	background-color: transparent;
	color: var(--color-text);
	font-size: 100%;
	letter-spacing: normal;
	outline: none;
	text-align: left;
	padding: 0;
	width: 100%;
}
.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
}
.menu-text {
	background-color: var(--color-bg);
	padding-right: 20px;
	font-family: var(--font-heading);
	font-weight: 400;
	color: var(--color-text-meta);
}
.menu-text:before {
	content: "☰";
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin-right: 10px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	color: var(--color-text-meta);
}
.main-navigation.toggled .menu-text:before {
	content: "✕";
	font-family: Arial, sans-serif;
	color: var(--color-text-meta);
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
}
.main-navigation.toggled ul {
	display: block;
}
.main-navigation a {
	border-top: solid 1px var(--color-border-light);
	display: block;
}
.main-navigation .current_page_ancestor > a {
	color: var(--color-text-dark);
}
.main-navigation ul ul a {
	padding-left: 30px;
}
.main-navigation ul ul ul a {
	padding-left: 45px;
}
.main-navigation ul ul ul ul a {
	padding-left: 60px;
}
/* Header Actions - Search & Dark Mode */
.header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	position: absolute;
	right: 12px;
	top: 0;
	height: 58px;
}

@media screen and (min-width: 783px) {
.header-actions {
    top: -60px;
    }
}

.main-navigation .search-form {
	background: transparent;
	line-height: 1;
	padding: 0;
	margin: 0;
	position: relative;
	border-radius: 6px;
}

.main-navigation .search-field {
	background: url("https://www.hadalandia.com/wp-content/themes/pohadkozeme/images/search-icon.png") 5px center no-repeat;
	background-size: 24px 24px;
	border: 1px solid var(--color-border);
	padding: 0 12px 0 35px;
	border-radius: 20px;
	height: 38px;
	width: 1px;
	transition: all 0.3s ease;
	outline: none;
}

.main-navigation .search-field:focus {
	background-color: var(--color-bg);
	border-color: var(--color-primary);
	cursor: text;
	width: 200px;
}

/* Header Action Buttons - Dark Mode, Font Size, Search, Member Access */
.dark-mode-toggle-btn,
.font-size-toggle-btn,
.member-access-btn {
	width: 38px;
	height: 38px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
	transition: all 0.3s ease;
	padding: 0;
	text-decoration: none;
	color: inherit;
	vertical-align: middle;
	box-sizing: border-box;
}

.dark-mode-toggle-btn:hover,
.font-size-toggle-btn:hover,
.member-access-btn:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-primary);
	transform: scale(1.1);
	text-decoration: none;
}


.dark-mode-icon,
.font-size-icon,
.member-access-icon,
.dark-mode-toggle-btn .icon,
.font-size-toggle-btn .icon,
.member-access-btn .icon,
.search-trigger-btn .icon {
	transition: transform 0.3s ease;
	color: var(--color-text-meta);
}

.main-navigation.member-access-btn {
    line-height: 38px;
    font-size: 18px;
}

.night .dark-mode-icon,
.night .font-size-icon,
.night .member-access-icon,
.night .dark-mode-toggle-btn .icon,
.night .font-size-toggle-btn .icon,
.night .member-access-btn .icon,
.night .search-trigger-btn .icon {
	color: goldenrod;
}


.dark-mode-toggle-btn:hover .dark-mode-icon {
	transform: rotate(20deg);
}

.font-size-icon {
	font-weight: 700;
	font-family: var(--font-heading);
}

.font-size-toggle-btn:hover .font-size-icon {
	transform: scale(1.2);
}

.member-access-btn:hover .member-access-icon {
	transform: scale(1.1);
}

/* Night mode variant */
.night .dark-mode-toggle-btn,
.night .font-size-toggle-btn,
.night .member-access-btn {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}

.night .dark-mode-toggle-btn:hover,
.night .font-size-toggle-btn:hover,
.night .member-access-btn:hover {
	background: var(--color-text);
	border-color: goldenrod;
}

/* Special Action Button */
.special-action-btn {
	width: 38px;
	height: 38px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
	transition: all 0.3s ease;
	padding: 0;
	text-decoration: none;
	color: inherit;
	vertical-align: middle;
	box-sizing: border-box;
	position: relative;
}

.special-action-btn:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-primary);
	transform: scale(1.1);
	text-decoration: none;
}

.special-action-btn .icon {
	transition: transform 0.3s ease;
	color: var(--color-text-meta);
}

.special-action-btn:hover .icon {
	transform: scale(1.1);
}

/* Special button badge (notification dot) - hidden by default */
.special-button-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 12px;
	height: 12px;
	background: var(--color-primary);
	border: 2px solid var(--color-bg);
	border-radius: 50%;
	animation: pulse-badge 2s ease-in-out infinite;
	display: none; /* Hidden by default */
}

.special-button-badge.visible {
	display: block; /* Show when has .visible class */
}

@keyframes pulse-badge {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.8;
	}
}

/* Night mode variant */
.night .special-action-btn {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}

.night .special-action-btn:hover {
	background: var(--color-text);
	border-color: goldenrod;
}

.night .special-action-btn .icon {
	color: goldenrod;
}

.night .special-button-badge {
	background: goldenrod;
	border-color: var(--color-night-bg);
}

/* Special Button Popup Overlay */
.special-button-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999999;
	opacity: 0;
	transition: opacity 0.3s ease;
	padding: 20px;
	box-sizing: border-box;
}

.special-button-overlay.active {
	opacity: 1;
}

/* Special Button Modal */
.special-button-modal {
	background: var(--color-bg);
	border-radius: 12px;
	max-width: 500px;
	width: 100%;
	padding: 30px;
	position: relative;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	transform: scale(0.9);
	transition: transform 0.3s ease;
}

.special-button-overlay.active .special-button-modal {
	transform: scale(1);
}

.special-button-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 32px;
	height: 32px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-border);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	padding: 0;
}

.special-button-close:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-primary);
	transform: rotate(90deg);
}

.special-button-close .icon {
	color: var(--color-text-meta);
}

.special-button-title {
	margin: 0 0 15px;
	font-size: 24px;
	color: var(--color-text);
	line-height: 1.3;
}

.special-button-message {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-text-muted);
}

.special-button-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--color-primary);
	color: var(--color-bg);
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

.special-button-cta:hover {
	background: var(--color-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(166, 36, 37, 0.3);
	color: var(--color-bg);
	text-decoration: none;
}

.special-button-cta .icon {
	transition: transform 0.3s ease;
}

.special-button-cta:hover .icon {
	transform: translateX(4px);
}

/* Night mode modal */
.night .special-button-modal {
	background: var(--color-night-bg-card);
	border: 1px solid var(--color-text-secondary);
}

.night .special-button-title {
	color: var(--color-bg-light);
}

.night .special-button-message {
	color: var(--color-border-medium);
}

.night .special-button-close {
	background: var(--color-text);
	border-color: var(--color-text-muted);
}

.night .special-button-close:hover {
	background: var(--color-text-secondary);
	border-color: goldenrod;
}

.night .special-button-close .icon {
	color: goldenrod;
}

.night .special-button-cta {
	background: goldenrod;
	color: var(--color-night-bg);
}

.night .special-button-cta:hover {
	background: #daa520;
}

/* Particle Effects */
.special-effect {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 999998;
	overflow: hidden;
	transition: opacity 0.5s ease;
}

.special-effect.fading {
	opacity: 0;
}

.particle {
	position: absolute;
	top: -20px;
	animation: fall linear forwards;
	user-select: none;
}

@keyframes fall {
	to {
		transform: translateY(100vh) rotate(360deg);
		opacity: 0;
	}
}

/* Snow effect variant */
.special-effect-snow .particle {
	animation: fall-snow linear forwards;
}

@keyframes fall-snow {
	to {
		transform: translateY(100vh);
		opacity: 0.3;
	}
}

/* Confetti effect variant */
.special-effect-confetti .particle {
	animation: fall-confetti ease-in forwards;
}

@keyframes fall-confetti {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}
	100% {
		transform: translateY(100vh) rotate(720deg);
		opacity: 0;
	}
}

/* Hearts effect variant */
.special-effect-hearts .particle {
	animation: fall-hearts ease-out forwards;
}

@keyframes fall-hearts {
	0% {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateY(100vh) scale(1.5);
		opacity: 0;
	}
}

/* Music Notification */
.special-button-notification {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: var(--color-text);
	color: var(--color-bg);
	padding: 15px 20px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	z-index: 999999;
	font-size: 14px;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.3s ease;
}

.special-button-notification.active {
	opacity: 1;
	transform: translateY(0);
}

.night .special-button-notification {
	background: var(--color-text-secondary);
	border: 1px solid var(--color-text-muted);
}

/* Responsive adjustments */
@media screen and (max-width: 480px) {
	.special-button-modal {
		padding: 20px;
		margin: 20px;
	}

	.special-button-title {
		font-size: 20px;
	}

	.special-button-message {
		font-size: 14px;
	}

	.special-button-notification {
		bottom: 20px;
		right: 20px;
		left: 20px;
		font-size: 13px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.main-navigation .search-field {
		background-image: url("https://www.hadalandia.com/wp-content/themes/pohadkozeme/images/search-icon@2x.png");
	}
}
.main-navigation .search-submit {
	display: none;
}
@media screen and (min-width: 783px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation a {
		border-top: none;
		padding: 0 18px;
	}
	.main-navigation ul ul a,
	.main-navigation ul ul ul a,
	.main-navigation ul ul ul ul a {
		padding-left: 18px;
	}
	.main-navigation li {
		position: relative;
	}
	.main-navigation div.menu > ul,
	.main-navigation ul.menu {
		letter-spacing: -0.3em;
		padding-right: 30px;
		text-align: center;
		text-transform: uppercase;
	}
	.main-navigation div.menu > ul > li,
	.main-navigation ul.menu > li {
		background-color: var(--color-bg);
		display: inline-block;
		letter-spacing: normal;
		white-space: nowrap;
		text-align: left;
	}
	.main-navigation div.menu > ul > li.page_item_has_children > a,
	.main-navigation ul.menu > li.page_item_has_children > a,
	.main-navigation div.menu > ul > li.menu-item-has-children > a,
	.main-navigation ul.menu > li.menu-item-has-children > a {
		padding-right: 12px;
	}
	.main-navigation div.menu > ul > li.page_item_has_children > a:after,
	.main-navigation ul.menu > li.page_item_has_children > a:after,
	.main-navigation div.menu > ul > li.menu-item-has-children > a:after,
	.main-navigation ul.menu > li.menu-item-has-children > a:after {
		content: "▼";
		display: inline-block;
		font-size: 12px;
		line-height: 1;
		position: relative;
		right: -7px;
		top: 1px;
	}
	.main-navigation ul ul {
		background-color: var(--color-bg);
		box-shadow: 0 1px 3px var(--color-border);
		left: -9999px;
		opacity: 0;
		position: absolute;
		text-transform: none;
		top: 100%;
		transition: opacity .2s ease-in-out;
		white-space: normal;
		width: 200px;
		z-index: 99999;
	}
	.main-navigation ul ul ul {
		top: 0;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0;
		opacity: 1;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		opacity: 1;
	}
	.main-navigation ul ul li a {
		border-top: 1px solid var(--color-border-light);
		font-size: 93.8%;
		line-height: 1.5;
		padding-bottom: 14px;
		padding-top: 14px;
	}
	.main-navigation  ul ul li.page_item_has_children > a,
	.main-navigation  ul ul li.menu-item-has-children > a {
		padding-right: 24px;
	}
	.main-navigation  ul ul li.page_item_has_children > a:after,
	.main-navigation  ul ul li.menu-item-has-children > a:after {
		content: ">";
		position: absolute;
		right: 8px;
		top: 14px;
	}
	.main-navigation .search-field {
		transition: width .4s ease, background .4s ease;
	}
}

/* Other Navigations */
.header-social-link {
	font-size: 87.5%;
	margin-top: 15px;
}
.header-social-link ul {
	list-style: none;
	margin: 0;
}
.header-social-link li {
	display: inline-block;
	padding-left: 4px;
}
.header-social-link li:first-child {
	padding-left: 0;
}

/* Social Link
   This section is based on code from Stargazer.
   https://wordpress.org/themes/stargazer/ */
.menu a:before {
	color: var(--color-text-light);
	display: inline-block;
	font-size: 26px;
	line-height: 1;
	margin-right: 10px;
	position: relative;
	top: -1px;
	transition: color .2s ease-in-out;
	vertical-align: middle;
}
.menu a:hover:before {
	color: var(--color-text-muted);
}
.widget .menu a:before {
	margin-left: 10px;
	margin-right: 12px;
}
.author-profile-link.menu a:before,
.profilewidget-link.menu a:before {
	content: '\f107';
	font-size: 24px;
	margin-left: 0;
	margin-right: 4px;
}
.header-social-link .menu a:before {
	content: '\f107';
	margin-right: 0;
}
.menu a[href*="codepen.io"]:before      { content: "\f216"; }
.menu a[href*="digg.com"]:before        { content: "\f221"; }
.menu a[href*="dribbble.com"]:before    { content: "\f201"; }
.menu a[href*="dropbox.com"]:before     { content: "\f225"; }
.menu a[href*="facebook.com"]:before    { content: "\f204"; }
.menu a[href*="flickr.com"]:before      { content: "\f211"; }
.menu a[href*="plus.google.com"]:before { content: "\f218"; }
.menu a[href*="github.com"]:before      { content: "\f200"; }
.menu a[href*="instagram.com"]:before   { content: "\f215"; }
.menu a[href*="linkedin.com"]:before    { content: "\f207"; }
.menu a[href*="pinterest.com"]:before   { content: "\f209"; }
.menu a[href*="polldaddy.com"]:before   { content: "\f217"; }
.menu a[href*="getpocket.com"]:before   { content: "\f224"; }
.menu a[href*="reddit.com"]:before      { content: "\f222"; }
.menu a[href*="skype.com"]:before,       
.menu a[href*="skype:"]:before          { content: "\f220"; }
.menu a[href*="stumbleupon.com"]:before { content: "\f223"; }
.menu a[href*="tumblr.com"]:before      { content: "\f214"; }
.menu a[href*="twitter.com"]:before     { content: "\f202"; }
.menu a[href*="vimeo.com"]:before       { content: "\f212"; }
.menu a[href*="wordpress.org"]:before,   
.menu a[href*="wordpress.com"]:before   { content: "\f205"; }
.menu a[href*="youtube.com"]:before     { content: "\f213"; }
.menu a[href$="/feed/"]:before          { content: "\f413"; }


/* Content
------------------------------------------------------------ */

/* Entry */
.hentry {
	margin-bottom: 60px;
}
.post-full-summary .hentry {
	background: url("https://www.hadalandia.com/wp-content/themes/pohadkozeme/images/line.png") no-repeat left bottom;
	padding-bottom: 25px;
}
.no-sidebar .post-full-summary .hentry {
	background-position: center bottom;
}
.single .hentry,
.page .hentry {
	background: none;
	margin-bottom: 60px;
	padding-bottom: 0;
}



/* Category */
.cat-links {
	font-size: 81.3%;
	margin-bottom: 8px;
	text-transform: uppercase;
}
a.category {
	color: goldenrod;
	text-decoration: none;
}
a.category:hover {
	color: var(--color-primary-dark);
}
.category-sep {
	color: var(--color-border-medium);
	font-size: 81.3%;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: -0.2em;
}

/* Entry Title */
.entry-header {
	margin-bottom: 20px;
}
.no-sidebar .post-full-summary .entry-header,
.page.no-sidebar .entry-header,
.page.full-width .entry-header {
	text-align: center;
}
.entry-title {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 0;
}
.entry-title a:hover {
	color: var(--color-primary-dark);
}

/* Entry Meta - Simplified with Icons */
.entry-meta {
	color: var(--color-text-muted);
	font-size: 14px;
	margin-top: 15px;    
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
    padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--color-bg-hover)
}

.post-full .entry-meta {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--color-bg-hover)}
.meta-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}

.meta-icon {
	font-size: 16px;
	line-height: 1;
	color: var(--color-text-meta);
}

.entry-meta a {
	color: var(--color-text-meta);
	text-decoration: none;
	border-bottom: none;
	transition: color 0.2s ease;
}

.entry-meta a:hover {
	color: var(--color-primary-dark);
}

.meta-author .author-name,
.meta-date time,
.meta-comments,
.meta-reading-time,
.meta-age-category {
	font-weight: 500;
}

/* Meta separator */
.meta-separator {
	width: 1px;
	height: 20px;
	background: var(--color-border);
	display: inline-block;
	margin: 0 8px;
}

/* Meta actions container */
.meta-actions {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

/* Action buttons (Favorites, Share, Print) */
.meta-action-btn,
.post-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 12px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-meta);
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.meta-action-btn .favorite-icon,
.meta-action-btn .share-icon,
.meta-action-btn .print-icon,
.post-action-btn .favorite-icon,
.post-action-btn .share-icon,
.post-action-btn .print-icon {
	color: var(--color-text-meta);
}

.meta-action-btn:hover,
.post-action-btn:hover {
	background: var(--color-bg-hover);
	color: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(166, 36, 37, 0.1);
}

.meta-action-btn:active,
.post-action-btn:active {
	transform: translateY(0);
}

/* Post Actions Container (below article) */
.post-actions {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	padding: 20px 0;
	border-top: 1px solid var(--color-bg-hover);
	border-bottom: 1px solid var(--color-bg-hover);
	margin: 30px 0;
}

/* Favorite button states */
.favorite-button.is-favorite .favorite-icon {
	content: '❤️';
}

.favorite-button.is-favorite {
	background: #ffe6e6;
	border-color: var(--color-danger);
	color: var(--color-danger);
}

.favorite-button.is-favorite:hover {
	background: #ffd6d6;
	border-color: #ff5252;
}

/* Share message */
.share-message {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 12px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	animation: fadeIn 0.3s ease;
}

.share-message-success {
	background: #d4edda;
	color: #155724;
}

.share-message-error {
	background: #f8d7da;
	color: #721c24;
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.entry-meta {
		font-size: 13px;
		gap: 12px;
	}

	.meta-icon {
		font-size: 14px;
	}

	.meta-actions {
		width: 100%;
		margin-top: 8px;
	}

	.meta-separator {
		display: none;
	}

	.meta-action-btn {
		flex: 1;
		justify-content: center;
		font-size: 13px;
		padding: 8px 10px;
	}

	/* Hide text on very small screens, show only icons */
	@media (max-width: 480px) {
		.meta-action-btn .favorite-text,
		.meta-action-btn .share-text,
		.meta-action-btn .print-text {
			display: none;
		}
	}
}

/* Featured Image */
.post-thumbnail {
	margin-top: 40px;
	overflow: hidden;
    clear: both;
}
.post-thumbnail img {
	width: 100%;
	transition: 0.3s ease-in-out;
    border-radius: 6px;
}
.post-thumbnail a:hover img {
	-webkit-transform: scale( 1.03 );
	-ms-transform: scale( 1.03 );
	transform: scale( 1.03 );
	opacity: 0.9;
}
@media screen and (min-width: 980px) {
	.no-sidebar .post-full-summary .post-thumbnail {
		margin-left: -50px;
		margin-right: -50px;
	}
}

/* Entry Content */
.intro {
	color: var(--color-text-caption);
	font-size: 125%;
}

/* Tag Links - Hashtag Style */
.tags-links {
	text-align: center;
	margin-bottom: 20px;
}
.tags-links a,
.tag-link,
.page-template-page-obsah #main .alphabet-links a {
	display: inline-block;
	padding: 8px 14px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-meta);
	text-decoration: none;
	margin: 4px;
	transition: all 0.2s ease;
}
.tags-links a:hover,
.tag-link:hover,
.page-template-page-obsah #main .alphabet-links a:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-primary);
	color: var(--color-primary);
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(166, 36, 37, 0.1);
}

.page-template-page-obsah #main .alphabet-links a {
    margin: 0 2px 4px 0;
    text-align: center;
}
.page-template-page-obsah #main li a {text-decoration: none;}
.page-template-page-obsah #main li a:hover {text-decoration: underline;}

/* Hashtag color within tag */
.tag-link {
	color: var(--color-text-meta);
}
.tag-link:hover {
	color: var(--color-primary);
}

/* Entry Summary */
.entry-summary {
	padding-bottom: 1px;
}

/* Continue reading links with arrow animation */
a.continue-reading {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

a.continue-reading .icon {
	transition: transform 0.3s ease;
}

a.continue-reading:hover .icon {
	transform: translateX(4px);
}

/* Audio/Video Button */
.audio-video-button-wrap {
	margin: 20px 0;
}

a.audio-video-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background: var(--color-primary);
	color: var(--color-bg);
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	border: 2px solid var(--color-primary);
}

a.audio-video-button:hover {
	background: var(--color-primary-dark);
	border-color: var(--color-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(166, 36, 37, 0.3);
	color: var(--color-bg);
}

a.audio-video-button .icon {
	width: 20px;
	height: 20px;
}

.audio-video-player {
	margin: 30px 0;
	scroll-margin-top: 100px;
}

/* Post Grid / Post List */
.post-grid-list .hentry {
	margin-bottom: 75px;
}
.post-grid-list .post-thumbnail {
	margin-bottom: 30px;
	margin-top: 0;
}
.post-grid-list .entry-header {
	margin-bottom: 20px;
}
.post-grid-list .cat-links {
	font-size: 75%;
}
.post-grid-list .entry-title {
	font-size: 1.75rem;
}
.post-grid-list .entry-meta {
	font-size: 81.3%;
}
.post-grid-list .entry-summary {
	font-size: 87.5%;
}
.post-grid-list .entry-summary p {
	margin-bottom: 0;
}
@media screen and (min-width: 540px) {
	.post-list .post-thumbnail {
		float: left;
		margin-bottom: 0;
		margin-right: 5%;
		overflow: hidden;
		width: 35%;
	}
	.post-list .post-thumbnail img {
		width: 150%;
		max-width: none;
	}
	.post-list-content {
		overflow: hidden;
	}
}

/* Author Profile - Card style like post-navigation */
.author-profile {
	margin: 40px 0;
	padding: 25px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	transition: all 0.2s ease;
}
.author-profile:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);.author-profile
}
.author-profile-avatar {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.author-profile-avatar img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	border: 2px solid var(--color-bg-hover);
}

.author-profile-meta {
	margin-bottom: 10px;
}
.author-profile-name {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-dark);
	margin-bottom: 5px;
}
.author-profile-name strong {
	font-weight: 600;
}
.author-profile-link {
	margin-top: 10px;
}
.author-profile-link a {
	display: inline-block;
	padding: 6px 12px;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--color-primary);
	text-decoration: none;
	transition: all 0.2s ease;
}
.author-profile-link a:hover {
	background: var(--color-primary);
	color: var(--color-bg);
	border-color: var(--color-primary);
}
.author-profile-description {
	font-size: 15px;
	margin-top: 15px;
	clear: both;
	line-height: 1.6;
	color: var(--color-text-muted);
}

/* Sticky Post */
.sticky {
}
.featured {
	background-color: var(--color-text-dark);
	border-radius: 3px;
	color: var(--color-bg);
	display: inline-block;
	font-size: 75%;
	margin-bottom: 15px;
	padding: 4px 10px 3px;
	text-transform: uppercase;
}

/* Planned Badge */
.planned-badge {
	background-color: var(--color-accent-blue);
	border-radius: 6px;
	color: var(--color-bg);
	display: inline-block;
	padding: 4px 10px;
	vertical-align: middle;
	transition: background-color 0.3s ease;
    float:right;
}

.planned-badge:hover {
	background-color: #2980b9;
}
.planned-badge .icon {
 position: relative;
    top: -2px;   
}
.night .planned-badge {
	background-color: #2c3e50;
	color: goldenrod;
}

.night .planned-badge:hover {
	background-color: #34495e;
}

/* Archive */
.page-header {
	margin-bottom: 60px;
}
.page-title {
	font-size: 1.5rem;
	margin-bottom: 12px;
	margin-top: 0;
}
.page-content {
	margin-bottom: 60px;
}

/* 404 */
.error-404 {
	margin-bottom: 150px;
	margin-top: 60px;
	text-align: center;
}
.error-404 .page-title {
	font-size: 2rem;
}

/* Hide Title */
.post-full .format-aside .entry-title,
.post-full .format-image .entry-title,
.post-full .format-link .entry-title,
.post-full .format-quote .entry-title,
.post-full .format-status .entry-title {
	display: none;
}

/* Link */
.format-link .entry-content a {
	font-style: italic;
}

/* Quote */
.format-quote .entry-content blockquote,
blockquote.alignleft,
blockquote.alignright,
blockquote.aligncenter {
	font-size: 150%;
	margin-bottom: 1.1em;
}
blockquote.alignleft,
blockquote.alignright {
	max-width: 230px;
}
blockquote.alignleft p,
blockquote.alignright p,
blockquote.aligncenter p {
	margin-bottom: 0;
}

/* Status */
.format-status .entry-content {
	font-size: 112.5%;
}

/* Gallery */
.gallery {
	margin-bottom: 30px;
}
.gallery-item {
	display: inline-block;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery .gallery-caption {
	display: none;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}


/* Gutenberg
------------------------------------------------------------ */

/* Base
   This section incorporates code from Atomic Blocks */
.wp-block-gallery {
	margin-left: 0;
	margin-bottom: 1.2em;
}
.wp-block-image figcaption {
	font-size: 15px;
	margin: 0.5em auto 1em;
    text-align: center;
}
.entry-content .wp-block-gallery {
	padding-left: 0;
}
.full-width .alignfull,
.full-width .alignwide,
.no-sidebar .alignfull,
.no-sidebar .alignwide {
	margin-bottom: 1.5em;
	width: 100%;
}
.full-width .alignfull img,
.full-width .alignwide img,
.no-sidebar .alignfull img,
.no-sidebar .alignwide img {
	width: 100%;
	display: block;
}
.no-sidebar .alignwide {
	max-width: none;
}
@media (min-width: 980px) {
	.no-sidebar .alignwide {
		width: 800px;
		margin-left: calc( 50% - 800px / 2 );
	}
}
.full-width .alignfull,
.no-sidebar .alignfull {
	width: 100vw;
	margin-left: calc( 50% - 50vw );
	max-width: none;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
	padding-top: 0;
}
.wp-block-columns {
	margin-bottom: 1.2em;
}


/* Navigations
------------------------------------------------------------ */

/* Pagination */
.pagination {
	color: var(--color-text-caption);
	font-size: 93.8%;
	margin-bottom: 45px;
}
.no-sidebar .pagination {
	text-align: center;
}
.pagination a {
	text-decoration: none;
    
}
.pagination .page-numbers {
	display: none;
	padding: 8px 18px;
	margin-right: 6px;
    border-radius: 6px;
    text-decoration: none;
}
.pagination .prev,
.pagination .next {
	display: inline-block;
}
.pagination .dots {
	padding-left: 10px;
	padding-right: 10px;
}
.pagination a.page-numbers {
	border: solid 1px var(--color-border);
    background: var(--color-bg-light);
}
.pagination a.page-numbers:hover {
	border-color: var(--color-border-medium);
	color: var(--color-text);
}
.pagination .current {
	background-color: var(--color-border-light);
	border: solid 1px var(--color-border-medium);
	color: var(--color-text);
	font-weight: 700;
}
@media screen and (min-width: 640px) {
	.pagination .page-numbers {
		display: inline-block;
	}
}

/* Page Links */
.page-links {
	color: var(--color-text-caption);
	clear: both;
	font-size: 93.8%;
	margin-bottom: 30px;
	margin-top: 50px;
}
.page-links .page-numbers {
	background-color: var(--color-border-light);
	border: solid 1px var(--color-border-medium);
	color: var(--color-text);
	font-weight: 700;
	padding: 8px 16px;
	margin-left: 4px;
}
.page-links a {
	text-decoration: none;
}
.page-links a .page-numbers {
	background-color: transparent;
	border: solid 1px var(--color-border);
	color: var(--color-text-caption);
	font-weight: normal;
}
.page-links a .page-numbers:hover {
	border: solid 1px var(--color-border-medium);
	color: var(--color-text);
}

/* Post Navigation */
.post-nav-title {
	color: var(--color-text-light);
	font-size: 81.3%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.post-navigation {
	line-height: 1.4;
	margin-bottom: 45px;
}
.post-navigation a:hover {
	color: var(--color-primary-dark);
    background: var(--color-bg-light);
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.post-navigation .nav-previous {
	margin-bottom: 30px;
}
.post-navigation .nav-next {
	justify-content: flex-end;
}
.post-navigation .nav-content {
	flex: 1;
}
.post-navigation .icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	transition: transform 0.3s ease;
    float: left;
    position: relative;
    left: -10px;
}

.post-navigation .nav-previous:hover .icon {
	transform: translateX(-4px);
}
.post-navigation .nav-next .icon {
    float: right;
    left: 10px;
}
.post-navigation .nav-next:hover .icon {
	transform: translateX(4px);
}


@media screen and (min-width: 640px) {
	.post-navigation .nav-previous {
		float: left;
		margin-bottom: 0;
		width: 48%;
	}
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 48%;
	}
}

/* Comment Navigation */
.comment-navigation {
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-top: 10px;
}
.comment-navigation .nav-previous {
	float: left;
	width: 48%;
}
.comment-navigation .nav-next {
	float: right;
	text-align: right;
	width: 48%;
}
.comment-navigation a {
	color: var(--color-text-caption);
	text-decoration: underline;
}
.comment-navigation a:hover {
	color: var(--color-text);
}


/* Comments
------------------------------------------------------------ */

/* Base */
.comments-area {
	font-size: 93.8%;
	margin-bottom: 45px;
	margin-top: 80px;
}

/* Comment error notice (duplicate / flood) */
.comment-error-notice {
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 4px;
	color: #856404;
	margin-bottom: 20px;
	padding: 12px 16px;
}

/* Comment Header */
.comments-title,
.comment-reply-title {
	font-size: 1.5rem;
	margin-bottom: 25px;
	margin-top: 0;
}
.comment-reply-title {
	margin-top: 50px;
}
.comment-respond:only-child .comment-reply-title,
.comment-list .comment-reply-title {
	margin-top: 0;
}

/* Comment Structure */
.comment-list {
	border-bottom: solid 1px var(--color-border-light);
	list-style: none;
	margin: 0 0 20px;
}
.comment-list .children {
	list-style: none;
	margin-left: 25px;
}
.comment-list .comment-body {
	border-top: solid 1px var(--color-border-light);
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative;
}

/* Comment Meta */
.comment-author {
	font-size: 106.7%;
	font-weight: 600;
	margin-bottom: 2px;
}
#main .comment-author a {
    text-decoration: none;
	border-bottom: dotted 1px var(--color-text-light);
	color: var(--color-text);
}
.comment-author a:hover {
	color: var(--color-text-muted);
}
.comment-author .avatar {
	border-radius: 50%;
	height: 60px;
	left: 0;
	position: absolute;
	top: 28px;
	width: 60px;
}

/* SVG Avatar Styling */
.avatar-wrapper {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-bg-light);
    padding: 8px;
    position: absolute;
    left: 5px;
    top: 40px;
    width: 40px;
    height: 40px;
}
.comment-author .avatar.avatar-svg {
	border-radius: 0;
	width: 30px;
	height: 30px;
	color: var(--color-text-muted);
	top: 15px;
	left: 12px;
}

/* Tenčí stroke pro ikony v komentářích */
.comment-author .avatar-svg svg,
.comment-author .avatar-svg {
	stroke-width: 1.5 !important;
}

/* Premium (logged-in) users - special color */
.avatar-premium {
	color: var(--color-primary);
}

.has-avatars .comment .comment-meta {
	margin-left: 75px;
}
.bypostauthor > .comment-body .comment-author::after {
	background-color: var(--color-text);
	border-radius: 50%;
	color: var(--color-bg);
	content: "✓";
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	margin-left: 3px;
	padding: 3px;
}
.comment-author .says {
	display: none;
}
.comment-metadata {
	font-size: 93.3%;
	margin-bottom: 25px;
}
.comment-metadata a,
a.comment-edit-link {
	color: var(--color-text-light);
}
.comment-metadata a:hover,
a.comment-edit-link:hover {
	color: var(--color-text-muted);
}
.comment-edit-link {
	margin-left: 15px;
}

/* Comment Body */
.comment-body .reply a {
	color: var(--color-primary);
}
.comment-body .reply a:hover {
}
.comment-awaiting-moderation {
	color: var(--color-text-muted);
}

/* Pingback */
.pingback a {
	color: var(--color-primary);
	text-decoration: underline;
}
.pingback a:hover {
}

/* Comment Form */
.comment-respond a {
	color: var(--color-primary);
	text-decoration: underline;
}
.comment-respond a:hover {
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
	margin-bottom: 15px;
}
.comment-form-comment label {
	display: none;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	font-size: 87.5%;
	text-transform: uppercase;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	margin-top: 2px;
	width: 100%;
}


.form-submit {
	margin-top: 30px;
	text-align: center;
}
.comment-form input[type="submit"] {
    padding: 0.5rem 3.5rem;
    background: var(--color-bg-light);
    border: 1px solid var(--color-bg-hover);
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text-meta);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus {
    background: var(--color-bg);
    border: 1px solid var(--color-primary); 
    color: var(--color-text-dark);
}
@media screen and (min-width: 540px) {
	.comment-form-author label,
	.comment-form-email label,
	.comment-form-url label {
		float: left;
		line-height: 1;
		margin-top: 1.2em;
		width: 20%;
	}
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		float: right;
		margin-top: 0px;
		width: 80%;
	}
}


/* Widgets
------------------------------------------------------------ */

/* Base */
.widget {
	color: var(--color-text-muted);
	font-size: 87.5%;
	line-height: 1.5;
	margin-bottom: 60px;
}

/* Heading */
.widget-title {
	font-size: 1.063rem;
	letter-spacing: 0.075em;
	margin-bottom: 16px;
	margin-top: 0;
	text-transform: uppercase;
}

/* Link */
.widget a {
	text-decoration: underline;
}
.widget li a {
	text-decoration: none;
    color: var(--color-primary);
}
.widget a:hover {
	color: var(--color-primary-dark);
}

/* List */
.widget ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}
.widget li {
	border-top: solid 1px var(--color-border-light);
	line-height: 1.4;
	padding-bottom: 14px;
	padding-top: 14px;
}
.widget > ul > li:first-child,
.widget > div > ul > li:first-child {

}
.widget ul ul {
	margin-left: 14px;
	margin-top: 14px;
}
.widget ul ul li:last-child {
	padding-bottom: 0;
}

/* Recent Posts */
.widget_recent_entries .post-date {
	color: var(--color-text-light);
	display: block;
	font-size: 86.7%;
	margin-top: 4px;
	text-transform: uppercase;
}


/* Search */
.widget_search input[type="search"] {
	margin-top: 0;
	max-width: 300px;
	width: 100%;
}
.widget_search .search-submit {
	display: none;
}

/* Tag Cloud */
.tagcloud {
	line-height: 1.8;
}
.tagcloud a {
	display: inline-block;
	padding: 8px 7px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	font-size: 13px !important;
	color: var(--color-text-meta);
	text-decoration: none;
	white-space: nowrap;
	margin: 4px 0 0 0;
	transition: all 0.2s ease;
}
.tagcloud a:hover {
	background: var(--color-bg-light);
	border-color: var(--color-border);
	color: var(--color-primary-dark);
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}



/* Calendar */
.widget_calendar table {
	font-size: 93.3%;
	line-height: 35px;
	margin-bottom: 0;
	max-width: 300px;
}
.widget_calendar caption {
	text-transform: uppercase;
}
.widget_calendar td,
.widget_calendar th {
	padding: 0;
	text-align: center;
}
.widget_calendar thead th {
	border-bottom: solid 1px var(--color-border-light);
	padding: 2px 0;
}
.widget_calendar tbody td {
	border-bottom: solid 1px var(--color-border-light);
}
.widget_calendar tbody td a {
	background-color: var(--color-border-light);
	display: block;
	text-decoration: underline;
}
.widget_calendar tbody td a:hover {
	color: var(--color-text-muted);
	background-color: #f0f0f0;
}
.widget_calendar tfoot td {
	border-bottom: none;
	padding-top: 10px;
}
.widget_calendar tfoot td a {
	text-decoration: underline;
	text-transform: uppercase;
}
.widget_calendar tfoot td#prev {
	text-align: left;
}
.widget_calendar tfoot td#next {
	text-align: right;
}

/* RSS */
.widget_rss li {
	line-height: 1.5;
	margin-bottom: 6px;
}
.widget_rss li .rsswidget {
	display: block;
	margin-top: 6px;
}
.widget_rss .rss-date,
.widget_rss .rssSummary,
.widget_rss cite {
	color: var(--color-text-light);
	font-size: 86.7%;
}
.widget_rss .rss-date {
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
	text-transform: uppercase;
}
.widget_rss .rssSummary {
	margin-bottom: 4px;
}

/* Pohadkozeme Recent Posts */
.widget_pohadkozeme_recent_posts img {
	float: left;
	margin-right: 12px;
	width: 80px;
	height: 60px;
}
.recent-posts-text {
	overflow: hidden;
}
.recent-posts-text .post-date {
	color: var(--color-text-light);
	display: block;
	font-size: 86.7%;
	margin-top: 4px;
}

/* Pohadkozeme Profile */
.profilewidget-profile,
.profilewidget-meta {
	margin-bottom: 16px;
	text-align: center;
}
.profilewidget-profile img {
	border-radius: 50%;
	max-width: 200px;
}
.profilewidget-name {
	font-size: 118.8%;
}
.profilewidget-name strong {
	font-weight: 600;
}
.profilewidget-link {
	margin-top: 8px;
}
.profilewidget-link.menu a {
	text-decoration: none;
}


/* Footer
------------------------------------------------------------ */

/* Footer Widget */
.footer-widget-area {
	border-top: solid 1px var(--color-border);
}

/* Footer */
.site-bottom {
	border-top: solid 1px var(--color-border);
	color: var(--color-text-light);
	margin-bottom: 28px;
	margin-top: 30px;
	padding-top: 28px;
}
.site-bottom a {
	color: var(--color-text-muted);
}
.site-bottom a:hover,
.site-bottom .current-menu-item > a {
	color: var(--color-text-dark);
}
.site-copyright,
.site-credit {
	font-size: 87.5%;
	margin-bottom: 6px;
	padding-top: 3px;
}
.site-credit {
	font-size: 81.3%;
}
.site-credit-sep {
	color: var(--color-border-medium);
	position: relative;
	top: -0.15em;
}


/* Plugins
------------------------------------------------------------ */

/* Jetpack Infinite Scroll */
.infinite-scroll .pagination {
	display: none;
}
.infinite-loader {
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	padding: 21px 0;
	width: 25px;
}
#infinite-handle {
	margin-bottom: 60px;
	text-align: center;
}
#infinite-handle span {
	background-color: var(--color-border-light) !important;
	color: var(--color-text-muted) !important;
	display: block;
	font-size: 93.8% !important;
	padding: 20px 0 !important;
	transition: .3s ease-in-out;
}
#infinite-handle span:hover {
	background-color: #e2e2e2 !important;
	color: var(--color-text) !important;
}

/* Jetpack Widgets */
.widget_top-posts ul {
	counter-reset: number;
}
.widget_top-posts li {
	padding-left: 35px;
	position: relative;
}
.widget_top-posts > ul > li:first-child {
	padding-top: 14px;
}
.widget_top-posts li:before {
	background-color: var(--color-text-dark);
	border-radius: 3px;
	color: var(--color-bg);
	content: counter(number) !important;
	counter-increment: number;
	font-weight: 600;
	height: 23px;
	left: 0;
	line-height: 23px;
	position: absolute;
	text-align: center;
	top: 13px;
	width: 23px;
}
.widgets-list-layout li {
	margin-bottom: 0 !important;
}
.widgets-list-layout .widgets-list-layout-blavatar {
	margin-right: 12px;
	width: 40px !important;
}
.widgets-list-layout-links {
	float: none !important;
	overflow: hidden;
	width: auto !important;
}
#subscribe-email input {
	margin-top: 0;
	max-width: 300px;
	padding: 0.6em !important;
	width: 100% !important;
}
.jetpack-display-remote-posts h4,
.jetpack-display-remote-posts p {
	font-size: 100% !important;
}
.jetpack-display-remote-posts h4 {
	margin-top: 25px !important;
}
.widget_jetpack_display_posts_widget img {
	margin: 12px 0;
}
.widget-grofile {
	text-align: center;
}
.widget-grofile p,
.widget-grofile h4,
.widget-grofile ul {
	text-align: left;
}
.widget-grofile h4 {
	font-size: 100%;
	font-weight: 600;
}
.grofile-meta h4 {
	font-size: 118.8%;
	text-align: center;
}
.grofile-thumbnail {
	border-radius: 50%;
	max-width: 200px !important;
}
ul.grofile-urls {
	margin-bottom: 1.6em;
	margin-top: 0;
}

/* Jetpack Sharing */
.sharedaddy {
	margin-bottom: 15px;
	margin-top: 45px;
}

/* Jetpack Related Posts */
#jp-relatedposts {
	margin-bottom: 20px !important;
	margin-top: 0 !important;
	padding-top: 30px !important;
}
#jp-relatedposts .jp-relatedposts-title {
	font-size: 1.25rem;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
	margin-bottom: 30px !important;
	transition: opacity .2s ease-in-out;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
	margin-bottom: 16px;
}
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	font-size: 1.063rem !important;
	line-height: 1.4 !important;
	margin-bottom: 6px !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
	color: var(--color-text-dark);
	text-decoration: none !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
	display: block !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
	display: none;
}
@media only screen and (max-width: 640px) {
	#jp-relatedposts .jp-relatedposts-items-visual {
		margin-right: -20px !important; 
	}
}
@media only screen and (max-width: 400px) {
	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		width: 100% !important;
		clear: both !important;
	}
}

/* Jetpack Comments */
.comment-form {
	margin-bottom: 30px;
}
.comment-subscription-form {
	margin-bottom: 0.6em;
}

/* Jetpack Stats */
#wpstats {
	display: none;
}

/* Contact Form 7 */
.wpcf7-list-item-label {
	font-size: 93.8%;
}
.wpcf7-file {
	border: solid 1px var(--color-border-light);
	padding: 5px;
}

/* Disqus */
#disqus_thread {
	margin-bottom: 60px;
}


/* Print
------------------------------------------------------------ */
/* Print styles moved to print.css for better organization */

/* ============================================================
   POHADKOZEME DEFAULT STYLES (matching child themes layout)
   ============================================================ */

/* Page Container - Creates centered white content area */
#page {
	background: var(--color-bg);
	width: 85%;
	margin: auto;
	padding: 0 25px;
}

/* HR Styling */
hr {
	height: 1px !important;
	background-color: var(--color-border);
}

a:hover {
}

/* Main Content Links - Ensure underlines in content */
#main p a,
#main li a {
	text-decoration: underline;
}
#main p a:hover,
#main li a:hover {
	text-decoration: none;
}

/* Continue Reading Button - Fully rounded style */
#primary a.continue-reading {
	clear: both;
	margin: 0 auto;
	text-decoration: none;
}
#primary a.continue-reading:hover {
    text-decoration: underline;
    color: var(--color-primary-dark);
}

a.edit-link:hover {
	background: #b85051;	
    color: var(--color-bg);
}

a.edit-link {
    padding: 0.5rem 3.5rem;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

/* Post Full Summary Layout */
.post-full-summary .hentry {
	background-position: center bottom;
	margin-bottom: 40px;
}
.single .obsah .hentry,
.page .obsah .hentry {
	margin-bottom: 0;
}

/* Reading Time */
.wtr-time-wrap.block,
.wtr-time-wrap.before-content {
	font-size: 16px;
	margin: -30px 0 35px;
	color: var(--color-text-light);
	text-align: right;
}

/* Backtotop, Changemode, Pro-cleny Buttons */
.backtotop,
.changemode,
.pro-cleny {
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid var(--color-primary);
	border-radius: 5px;
	color: var(--color-primary);
	background: var(--color-bg);
	overflow: hidden;
}
.changemode,
.pro-cleny {
	position: absolute;
	right: 0;
	bottom: inherit;
	left: inherit;
	top: 85px;
}
.backtotop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
}
.backtotop .icon,
.backtotop svg {
	width: 24px;
	height: 24px;
	color: inherit;
}
.backtotop:hover {
    background: var(--color-primary-dark);
    color: var(--color-bg);
}
.pro-cleny {
	right: 66px;
}

/* Pagination Styling */
.pagination {
	margin: 45px auto 25px;
}
.pagination .page-numbers {
	display: inline-block;
	margin-bottom: 6px;
}

/* Navigation Links */
.nav-links a {
	color: var(--color-primary);
	text-decoration: underline;
}

/* Widget Styles */
.widget object {
	height: 300px;
	margin: 15px auto 0;
	border-top: solid 1px var(--color-border-light);
	padding-top: 14px;
}
aside .tagcloud a {
	font-size: inherit;
}

/* Logged-in User Styles - Hide ads */
.logged-in .adsbygoogle,
.logged-in .adFull,
.logged-in #text-11,
.logged-in #menu-item-3652 {
	display: none !important;
}

/* Mobile Ads */
.mobile-ads {
	margin: 0 auto 10px;
	display: none;
}

/* Page Title */
.page-title {
	font-size: 2.5rem;
}

/* Tags Styling - Updated for hashtags in HTML */
.tags-links {
	text-align: left;
}

/* Author Profile */
.author-profile {
	margin-top: 40px;
}
.author-profile-avatar {
	display: none;
}
.author-profile-meta {
	color: var(--color-text-light);
	font-size: 81.3%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 0 8px;
}
.author-profile-meta strong {
	font-weight: normal;
}
.author-profile-description {
	margin-top: 0;
}
.author-profile-description a {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.author-profile-description a:hover {
	text-decoration: underline;
}
.author-profile-description a .icon {
	transition: transform 0.3s ease;
}
.author-profile-description a:hover .icon {
	transform: translateX(4px);
}

/* Caption Alignment */
.aligncenter figcaption {
	text-align: center;
}

/* Image Captions */
.wp-block-image figcaption {
	font-style: italic;
	color: var(--color-text-light);
}

/* Menu Toggle */
.menu-text {
	text-transform: uppercase;
}

/* Site Branding - Description */
.site-description {
	font-style: normal;
}

/* Clearfix Utility */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* Responsive Styles */
@media screen and (max-width: 400px) {
	#page {
		border: 0;
		padding: 0;
		width: auto;
	}
	body {
		background: none;
	}
	.backtotop {
	}
}

@media screen and (min-width: 400px) {
	.archive figure.wp-block-audio,
	.home figure.wp-block-audio {
		width: 50%;
	}
}

@media screen and (min-width: 769px) {
	.main-navigation div.menu > ul,
	.main-navigation ul.menu {
		text-transform: none;
	}
	#site-navigation {
		clear: both;
	}
	.main-navigation ul ul {
		width: 300px;
	}
	.post-full-summary .post-thumbnail {
		width: 220px;
		float: right;
	}
	.main-navigation .search-field {
		top: -60px;
	}
}

@media (min-width: 960px) {
	.home .post-thumbnail,
	.category .post-thumbnail {
		overflow: hidden;
		width: 220px;
		float: right;
		margin: 30px 0 25px 25px;
	}
}

/* Home/Archive Entry Content - Show only 2 lines */
.home .entry-content p,
.archive .entry-content p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Only Member Content */
.only-member {
	padding: 10px;
	background: var(--color-bg-light);
	border: 1px solid #e9e9e9;
}
.home .entry-content p.only-member,
.archive .entry-content p.only-member {
	min-height: 120px;
}


/* ============================================================
   DARK MODE (NIGHT MODE)
   ============================================================ */

body.night {
	color: var(--color-night-text);
	background: #000;
}

/* Base Night Colors */
.night a {
	color: goldenrod;
}
.night a:hover {
	color: white;
}

/* Headings */
.night h1,
.night h2,
.night h3,
.night h4,
.night h5,
.night h6,
.night .site-title,
.night .widget {
	color: var(--color-night-text);
}

/* Layout Elements */
.night #page {
	background: #000;
	border: 0;
}
.night hr {
	height: 1px !important;
	background-color: dimgray;
}

/* Navigation */
.night .main-navigation {
	border-color: dimgray;
}
.night .main-navigation div.menu > ul > li,
.night .main-navigation ul.menu > li {
	background: #000;
}
.night .main-navigation a:hover,
.night .entry-content a:hover,
.night .entry-summary a:hover,
.night .page-content a:hover,
.night .author-profile-description a:hover,
.night .comment-content a:hover {
	color: white;
}
.night .main-navigation ul,
.night .main-navigation ul ul {
	background: #000;
}
.night .main-navigation ul ul li a,
.night .comment-list .comment-body,
.night .footer-widget-area,
.night .site-bottom,
.night .comment-list {
	border-color: dimgray;
}
.night .menu-text {
	background: none;
	font-family: var(--font-heading);
    color: goldenrod;
}
.night .menu-toggle {
	color: goldenrod;
}

/* Night mode - Search Form */
.night .main-navigation .search-form {
	background: var(--color-night-bg);
}
.night .main-navigation .search-field {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-night-text);
}
.night .main-navigation .search-submit {
	background: goldenrod;
	color: #000;
}
.night .main-navigation .search-submit:hover {
	background: darkgoldenrod;
}

/* Content Area */
.night .content-area {
	border-color: dimgray;
}
.night .site-description {
	color: darkgoldenrod;
}

/* Links in Content */
.night .entry-content a,
.night .entry-summary a,
.night .page-content a,
.night .author-profile-description a,
.night .comment-content a,
.night .main-navigation .current_page_item > a,
.night .main-navigation .current-menu-item > a,
.night .nav-links a,
.night .site-title a,
.night .site-title a:hover,
.night .book .link a {
	color: goldenrod;
}

/* Entry Elements */
.night .entry-title a:hover {
	color: white;
}
.night .entry-meta {
	color: var(--color-secondary);
}
.night .entry-meta a {
	color: var(--color-secondary);
	border-bottom: none;
}
.night .entry-meta a:hover {
	color: goldenrod;
}
.night .meta-item {
	color: var(--color-secondary);
}

/* Dark mode - Meta actions */
.night .meta-separator {
	background: var(--color-text-muted);
}

.night .meta-action-btn {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}

.night .meta-action-btn:hover {
	background: var(--color-text);
	border-color: goldenrod;
	color: goldenrod;
}

.night .favorite-button.is-favorite {
	background: #3a2424;
	border-color: var(--color-danger);
	color: #ff8787;
}

.night .favorite-button.is-favorite:hover {
	background: #4a2a2a;
	border-color: #ff5252;
}

/* Buttons and Interactive Elements */
.night .backtotop,
.night .changemode,
.night .pro-cleny {
	color: goldenrod;
	border: 1px solid goldenrod;
	background: #000;
}
.night #primary a.continue-reading {
	color: goldenrod;
}
.night #primary a.continue-reading:hover,
.night a.continue-reading:hover {
	color: var(--color-bg);
}

/* Audio/Video Button - Dark Mode */
.night a.audio-video-button {
	background: #d63638;
	border-color: #d63638;
}

.night a.audio-video-button:hover {
	background: #b32629;
	border-color: #b32629;
}

/* Tagcloud */
.night .tagcloud a {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}
.night .tagcloud a:hover {
	background: var(--color-text);
	border-color: goldenrod;
	color: white;
	box-shadow: 0 2px 4px rgba(201, 169, 112, 0.2);
}

/* Night mode - Tags Links */
.night .tags-links a,
.night .tag-link {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}
.night .tags-links a:hover,
.night .tag-link:hover {
	background: var(--color-text);
	border-color: goldenrod;
	color: white;
	box-shadow: 0 2px 4px rgba(201, 169, 112, 0.2);
}

/* Night mode - Author Profile */
.night .author-profile {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}
.night .author-profile:hover {
	border-color: goldenrod;
	box-shadow: 0 2px 8px rgba(201, 169, 112, 0.2);
}
.night .author-profile-avatar img {
	border-color: var(--color-text-secondary);
}
.night .author-profile-name {
	color: var(--color-night-text);
}
.night .author-profile-description {
	color: #aaa;
}
.night .author-profile-link a {
	background: var(--color-night-bg);
	border-color: var(--color-text-secondary);
	color: goldenrod;
}
.night .author-profile-link a:hover {
	background: goldenrod;
	color: #000;
	border-color: goldenrod;
}

/* Widgets */
.night .widget li {
	color: white;
	border-top: solid 1px dimgray;
}
.night .widget li a {
	color: goldenrod;
}
.night .widget a {
	color: goldenrod;
}
.night .widget li a:hover {
	color: white;
}
.night .widget a:hover {
	color: white;
}

/* Categories */
.night a.category {
	color: goldenrod;
}
.night a.category:hover {
	color: white;
}

/* Forms */
.night input[type="text"],
.night input[type="email"],
.night input[type="url"],
.night input[type="password"],
.night input[type="search"],
.night textarea {
	background: bottom;
	border-color: dimgray;
}

/* Pagination */
.night .pagination a.page-numbers {
	border-color: darkgoldenrod;
	background: none;
	color: goldenrod;
}
.night .pagination a.page-numbers:hover {
	border-color: darkgoldenrod;
	background: none;
	color: white;
}

/* Comments */
.night .comment-body .reply a {
	color: goldenrod;
}
.night .comment-body .reply a:hover {
	color: white;
}

/* SVG Avatars in Dark Mode */
.night .avatar-wrapper {
	background-color: var(--color-night-bg);
}
.night .avatar-svg {
	color: var(--color-text-light);
}
.night .avatar-premium {
	color: #d63638;
}

/* Custom Theme Framework */
.night #ctf .ctf-auhor-name {
	color: goldenrod !important;
}
.night #ctf .ctf-auhor-name:hover {
	color: white !important;
}

/* Site Bottom */
.night .site-bottom a {
	color: goldenrod;
}


/* ============================================================
   FEATURE STYLES (moved from inline in PHP files)
   ============================================================ */

/* Dark Mode Toggle
------------------------------------------------------------ */
.menu-item-dark-mode-toggle {
	cursor: pointer;
}
.menu-item-dark-mode-toggle a {
	font-size: 1.2em;
	line-height: 1;
	padding: 0.5rem 1rem;
}
.dark-mode-icon {
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s ease;
}
.menu-item-dark-mode-toggle a:hover .dark-mode-icon {
	transform: scale(1.2) rotate(20deg);
}
/* Smooth transition for dark mode */
body {
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* Content Restriction
------------------------------------------------------------ */
.content-restricted {
	background: var(--color-bg-light);
	border: 2px solid var(--color-border);
	padding: 2rem;
	margin: 2rem 0;
	text-align: center;
	border-radius: 6px;
}
body.night .content-restricted {
	background: var(--color-night-bg);
	border-color: dimgray;
}
.content-restricted h3 {
	margin-top: 0;
	color: var(--color-primary);
}
body.night .content-restricted h3 {
	color: goldenrod;
}
.content-preview {
	position: relative;
	max-height: 200px;
	overflow: hidden;
}
.content-preview::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	background: linear-gradient(to bottom, transparent, var(--color-bg));
}
body.night .content-preview::after {
	background: linear-gradient(to bottom, transparent, #000);
}
.content-restricted .button {
	display: inline-block;
	padding: 0.75rem 2rem;
	background: var(--color-primary);
	color: var(--color-bg);
	text-decoration: none;
	border-radius: 6px;
	transition: background 0.3s ease;
}
.content-restricted .button:hover {
	background: var(--color-primary-dark);
}
body.night .content-restricted .button {
	background: goldenrod;
	color: #000;
}
body.night .content-restricted .button:hover {
	background: darkgoldenrod;
}

/* Ad Gate Overlay for Planned Posts
------------------------------------------------------------ */
.ad-gate-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ad-gate-content {
	background: var(--color-bg);
	padding: 2rem;
	border-radius: 6px;
	max-width: 600px;
	text-align: center;
}
body.night .ad-gate-content {
	background: var(--color-night-bg);
	color: var(--color-night-text);
}
.ad-placeholder {
	min-height: 250px;
	background: var(--color-bg-light);
	margin: 1.5rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-border);
}
body.night .ad-placeholder {
	background: #000;
	border-color: dimgray;
}
#pohadkozeme-ad-continue:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Banners and Ads
------------------------------------------------------------ */
.ad {
	margin: 2rem auto;
	text-align: center;
	clear: both;
}
.ad-placeholder {
	background: var(--color-bg-light);
	border: 2px dashed var(--color-border);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2rem auto;
	color: var(--color-text-light);
	font-size: 14px;
}
body.night .ad-placeholder {
	background: var(--color-night-bg);
	border-color: dimgray;
	color: var(--color-text-muted);
}
.content-ads {
	margin: 2rem 0;
	padding: 1rem 0;
}
.content-ads .ad {
	margin: 1rem 0;
}

/* Affiliate Links
------------------------------------------------------------ */
.affiliate-link {
	text-decoration: underline;
	color: var(--color-primary);
	font-weight: 600;
}
.affiliate-link:hover {
	color: var(--color-primary-dark);
}
body.night .affiliate-link {
	color: goldenrod;
}
body.night .affiliate-link:hover {
	color: white;
}
.affiliate-box {
	border: 2px solid var(--color-border);
	padding: 1.5rem;
	margin: 2rem 0;
	border-radius: 6px;
	background: var(--color-bg-light);
}
body.night .affiliate-box {
	border-color: dimgray;
	background: var(--color-night-bg);
}
.affiliate-box-image {
	text-align: center;
	margin-bottom: 1rem;
}
.affiliate-box-image img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}
.affiliate-box-title {
	margin-top: 0;
	font-size: 1.5rem;
}
.affiliate-box-description {
	margin: 1rem 0;
}
.affiliate-box-price {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-primary);
	margin: 1rem 0;
}
body.night .affiliate-box-price {
	color: goldenrod;
}
.affiliate-box-button {
	display: inline-block;
	padding: 0.75rem 2rem;
	background: var(--color-primary);
	color: var(--color-bg);
	text-decoration: none;
	border-radius: 6px;
	font-weight: 600;
	transition: background 0.3s ease;
}
.affiliate-box-button:hover {
	background: var(--color-primary-dark);
}
body.night .affiliate-box-button {
	background: goldenrod;
	color: #000;
}
body.night .affiliate-box-button:hover {
	background: darkgoldenrod;
}

/* Page Obsah (Content List)
------------------------------------------------------------ */
.obsah-list {
	margin: 2rem 0;
}
.obsah-category {
	margin-bottom: 3rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid var(--color-border);
}
body.night .obsah-category {
	border-bottom-color: dimgray;
}
.obsah-category:last-child {
	border-bottom: none;
}
.obsah-category-title {
	margin-top: 0;
	font-size: 2rem;
}
.obsah-category-title a {
	text-decoration: none;
}
.obsah-category-title a:hover {
	text-decoration: underline;
}
.category-count {
	font-size: 0.8em;
	color: var(--color-text-light);
	font-weight: normal;
}
.obsah-category-description {
	color: var(--color-text-muted);
	margin-bottom: 1rem;
}
body.night .obsah-category-description {
	color: #aaa;
}
.obsah-posts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.obsah-posts-list li {
	padding: 0.5rem 0;
	border-bottom: 1px dotted var(--color-border);
}
body.night .obsah-posts-list li {
	border-bottom-color: dimgray;
}
.obsah-posts-list li:last-child {
	border-bottom: none;
}
.obsah-post-date {
	color: var(--color-text-light);
	font-size: 0.9em;
}
.obsah-no-posts {
	color: var(--color-text-light);
	font-style: italic;
}

/* Planned Posts Page Template
------------------------------------------------------------ */
/* Override global link styles for planned stories list */
.planned-stories-list a {
	text-decoration: none !important;
}
.planned-stories-list a:hover {
	text-decoration: none !important;
}
.planned-stories-info {
	list-style: none;
	padding: 20px;
	background: #f9f9fa;
	border-radius: 6px;
	margin-bottom: 30px;
    margin-left: 0;
}
body.night .planned-stories-info {
	background: var(--color-night-bg-card);
}
.planned-stories-info li {
	padding-left: 25px;
	position: relative;
	margin-bottom: 15px;
	line-height: 1.6;
}
.planned-stories-info li:before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--color-primary);
	font-weight: bold;
}
body.night .planned-stories-info li:before {
	color: var(--color-secondary);
}
.planned-stories-info a {
	color: var(--color-primary);
	font-weight: bold;
}
body.night .planned-stories-info a {
	color: var(--color-secondary);
}
.planned-stories-note {
	font-style: italic;
	color: var(--color-text-muted);
	margin-bottom: 20px;
}
body.night .planned-stories-note {
	color: var(--color-text-light);
}
.planned-stories-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.planned-stories-list li {
	margin-bottom: 15px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.2s ease;
}
body.night .planned-stories-list li {
	border-color: var(--color-text);
}
.planned-stories-list li:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border-color: var(--color-primary);
}
body.night .planned-stories-list li:hover {
	box-shadow: 0 2px 8px rgba(255,255,255,0.1);
	border-color: var(--color-secondary);
}
.planned-stories-list a {
	display: flex;
	align-items: center;
	padding: 15px;
	text-decoration: none;
	color: inherit;
}
.planned-story-thumbnail {
	flex-shrink: 0;
	margin-right: 15px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 6px;
}
.planned-story-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.planned-story-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.planned-story-title {
	font-weight: bold;
	color: var(--color-text);
	margin-bottom: 5px;
	font-size: 18px;
}
body.night .planned-story-title {
	color: #e0e0e0;
}
.planned-story-date {
	font-size: 14px;
	color: var(--color-primary);
}
body.night .planned-story-date {
	color: var(--color-secondary);
}
.no-planned-stories {
	padding: 40px;
	text-align: center;
	background: #f9f9fa;
	border-radius: 6px;
	color: var(--color-text-muted);
}
body.night .no-planned-stories {
	background: var(--color-night-bg-card);
	color: var(--color-text-light);
}
@media (max-width: 600px) {
	.planned-story-thumbnail {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.planned-story-title {
		font-size: 16px;
	}
	.planned-stories-list a {
		padding: 10px;
	}
}


/* 404 Error Page
------------------------------------------------------------ */

.pohadkozeme-404 {
	text-align: center;
	padding: 40px 20px;
	max-width: 800px;
	margin: 0 auto;
}

.pohadkozeme-404-title {
	font-size: 2em;
	color: #e74c3c;
	margin-bottom: 20px;
	line-height: 1.3;
}

.pohadkozeme-404-description {
	font-size: 1.2em;
	color: var(--color-text-muted);
	margin-bottom: 30px;
	line-height: 1.6;
}

.pohadkozeme-404-emoji {
	font-size: 5em;
	margin: 20px 0;
	animation: pohadkozeme-float 3s ease-in-out infinite;
}

@keyframes pohadkozeme-float {
	0%, 100% { transform: translateY(0px); }
	50% { transform: translateY(-20px); }
}

.pohadkozeme-404-search {
	margin: 30px 0;
	padding: 20px;
	background: var(--color-bg-light);
	border-radius: 6px;
}

.pohadkozeme-404-search h3 {
	margin-bottom: 15px;
	color: var(--color-text);
}

.pohadkozeme-404-suggestions {
	margin: 30px 0;
	text-align: left;
}

.pohadkozeme-404-suggestions h3 {
	text-align: center;
	margin-bottom: 20px;
	color: var(--color-text);
}

.pohadkozeme-404-suggestions ul {
	list-style: none;
	padding: 0;
}

.pohadkozeme-404-suggestions li {
	padding: 10px;
	margin: 5px 0;
	background: var(--color-bg);
	border-left: 4px solid var(--color-accent-blue);
	transition: all 0.3s;
}

.pohadkozeme-404-suggestions li:hover {
	background: #f0f8ff;
	transform: translateX(5px);
}

.pohadkozeme-404-suggestions a {
	text-decoration: none;
	color: #2c3e50;
	font-size: 1.1em;
}

.pohadkozeme-404-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	margin-top: 30px;
}

.pohadkozeme-404-button {
	display: inline-block;
	padding: 12px 25px;
	background: var(--color-accent-blue);
	color: white !important;
	text-decoration: none;
	border-radius: 6px;
	transition: all 0.3s;
	font-weight: bold;
}

.pohadkozeme-404-button:hover {
	background: #2980b9;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.pohadkozeme-404-button.secondary {
	background: #95a5a6;
}

.pohadkozeme-404-button.secondary:hover {
	background: #7f8c8d;
}
/* Scheduled Posts / Future Posts Navigation
------------------------------------------------------------ */

/* Navigation styles - removed problematic display:none rule that was hiding navigation on published posts */

/* Style for publication date in navigation */
.future-post-navigation .post-date {
	display: block;
	font-size: 11px;
	opacity: 0.7;
	margin-top: 3px;
	font-style: italic;
}

/* ==========================================================================
   SVG Icons System
   ========================================================================== */

/* Base icon styles */
.icon {
	/* Základní velikost - dědí z font-size */
	width: 1em;
	height: 1em;

	/* Dědí barvu z textu */
	color: currentColor;

	/* Display & alignment */
	display: inline-block;
	vertical-align: middle;

	/* Vylepšení renderingu */
	shape-rendering: geometricPrecision;

	/* Flexibilní sizing */
	flex-shrink: 0;
}

/* Velikostní varianty */
.icon-small {
	width: 0.875em;
	height: 0.875em;
}

.icon-large {
	width: 1.5em;
	height: 1.5em;
}

.icon-xl {
	width: 2em;
	height: 2em;
}

/* Odstupy v kontextu */
.nav-link .icon,
.btn .icon,
.button .icon {
	margin-right: 0.4em;
}

.meta-time .icon,
.meta-author .icon,
.meta-comments .icon,
.meta-item .icon {
	margin-right: 0.3em;
}

/* Ikona za textem */
.icon-after {
	margin-left: 0.4em;
	margin-right: 0;
}

/* Barevné varianty */
.icon-primary {
	color: var(--color-primary);
}

.icon-accent {
	color: var(--color-primary);
}

.icon-muted {
	color: var(--color-text-muted);
	opacity: 0.7;
}

/* Hover efekty */
.nav-link:hover .icon,
.btn:hover .icon,
.button:hover .icon {
	transform: scale(1.1);
	transition: transform 0.2s ease;
}

/* Specifické ikony */
.nav-link:hover .icon-heart {
	color: #e74c3c;
}

.icon-star {
	color: #f39c12;
}

/* Inline ikona uprostřed textu */
.inline-icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	margin: 0 0.2em;
}

/* Noční režim */
body.night .icon {
	opacity: 0.9;
}

body.night .icon-muted {
	opacity: 0.6;
}

/* Přístupnost */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* Focus states */
.nav-link:focus .icon,
.btn:focus .icon {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

/* Offerwall Overlay */
.offerwall-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.95);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
}

.offerwall-content {
	background: var(--color-bg);
	padding: 40px;
	border-radius: 6px;
	max-width: 700px;
	width: 90%;
	margin: 20px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

body.night .offerwall-content {
	background: var(--color-night-bg);
	color: #e0e0e0;
}

.offerwall-thumbnail {
	text-align: center;
	margin-bottom: 20px;
}

.offerwall-thumbnail img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;

}

body.night .offerwall-thumbnail img {

}

.offerwall-inner h2 {
	margin-top: 0;
	color: var(--color-primary);
	font-size: 24px;
	margin-bottom: 15px;
	text-align: center;
}

body.night .offerwall-inner h2 {
	color: #ba68c8;
}

.offerwall-inner p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px;
}

.offerwall-inner ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.offerwall-inner ul li {
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 25px;
	position: relative;
}

.offerwall-inner ul li:before {
	content: '→';
	position: absolute;
	left: 0;
	color: var(--color-primary);
	font-weight: bold;
}

body.night .offerwall-inner ul li:before {
	color: #ba68c8;
}

.offerwall-inner a {
	color: var(--color-primary);
	text-decoration: underline;
	font-weight: 500;
}

body.night .offerwall-inner a {
	color: #ba68c8;
}

.offerwall-inner a:hover {
	color: #660066;
}

body.night .offerwall-inner a:hover {
	color: #ce93d8;
}

.offerwall-divider {
	text-align: center;
	margin: 30px 0;
	position: relative;
}

.offerwall-divider:before,
.offerwall-divider:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 40%;
	height: 1px;
	background: var(--color-border);
}

body.night .offerwall-divider:before,
body.night .offerwall-divider:after {
	background: var(--color-text-secondary);
}

.offerwall-divider:before {
	left: 0;
}

.offerwall-divider:after {
	right: 0;
}

.offerwall-divider span {
	background: var(--color-bg);
	padding: 0 15px;
	color: var(--color-text-light);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

body.night .offerwall-divider span {
	background: var(--color-night-bg);
	color: var(--color-text-muted);
}

#external-offerwall-container {
	text-align: center;
	margin: 20px 0;
	padding: 20px;
	background: #f8f8f8;
	border-radius: 6px;
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.night #external-offerwall-container {
	background: #0d0d0d;
}

.offerwall-note {
	color: var(--color-text-muted);
	font-size: 15px;
	margin: 0;
}

body.night .offerwall-note {
	color: var(--color-text-light);
}

.offerwall-back {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border-light);
	text-align: center;
}

body.night .offerwall-back {
	border-top-color: var(--color-text);
}

.offerwall-back-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	transition: color 0.2s ease;
}

.offerwall-back-link .icon {
	transition: transform 0.3s ease;
}

.offerwall-back-link:hover .icon {
	transform: translateX(-4px);
}

body.night .offerwall-back-link {
	color: var(--color-text-light) !important;
}

body.night .offerwall-back-link:hover {
	color: #ba68c8 !important;
}

@media (max-width: 600px) {
	.offerwall-content {
		padding: 25px;
	}

	.offerwall-inner h2 {
		font-size: 20px;
	}
}

/* Scheduled post hidden content */
.scheduled-post-hidden {
	display: none;
}

/* Ads note for scheduled posts */
.scheduled-post-ads-note {
	background: var(--color-bg-light);
	padding: 15px;
	margin-top: 20px;
	border-radius: 6px;
	text-align: center;
	font-size: 11px;
	color: var(--color-text-muted);
	opacity: 0.7;
	font-style: italic;
}

body.night .scheduled-post-ads-note {
	background: var(--color-night-bg);
	color: var(--color-text-light);
}

/* Night Mode Notifications
------------------------------------------------------------ */

/* Auto-activation info popup */
.night-reading-auto-info {
	position: fixed;
	top: 100px;
	right: 20px;
	max-width: 350px;
	background: rgba(201, 169, 112, 0.95);
	color: var(--color-night-bg-deep);
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3);
	z-index: 10000;
	font-size: 14px;
	line-height: 1.6;
}

.night-reading-auto-info strong {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}

.night-reading-auto-info p {
	margin: 0 0 10px 0;
}

.night-reading-auto-info button {
	background: var(--color-night-bg-deep);
	color: var(--color-secondary);
	border: none;
	padding: 8px 16px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
}

.night-reading-auto-info button:hover {
	opacity: 0.9;
}

/* Toggle notification */
.night-reading-notification {
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 15px 20px;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 10000;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: opacity 0.3s ease;
}

.night-reading-notification.active {
	background: var(--color-secondary);
	color: var(--color-night-bg-deep);
}

.night-reading-notification.inactive {
	background: #28a745;
	color: var(--color-bg);
}

.night-reading-notification span:first-child {
	font-size: 18px;
}

/* Back to Top Button
------------------------------------------------------------ */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background: var(--color-primary);
	color: var(--color-bg);
	border: none;
	border-radius: 6px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1;
	z-index: 9999;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.back-to-top:hover {
	background: #0056b3;
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.back-to-top.show {
	display: flex;
}

.back-to-top-icon {
	display: block;
}

/* Dark mode */
body.night .back-to-top {
	background: var(--color-secondary);
	color: var(--color-night-bg-deep);
}

body.night .back-to-top:hover {
	background: var(--color-secondary);
}

/* Floating dark mode toggle removed - now in header */

/* Mobile */
@media (max-width: 768px) {
	.back-to-top {
		width: 45px;
		height: 45px;
		bottom: 20px;
		right: 20px;
		font-size: 20px;
	}

	.floating-dark-mode-toggle {
		width: 45px;
		height: 45px;
		bottom: 75px;
		right: 20px;
		font-size: 20px;
	}
}

/* Mobile links improvements */
@media (max-width: 768px) {
	.main-navigation a {
		padding: 12px 20px;
	}

	.night .main-navigation a {
		border-bottom-color: var(--color-text);
	}

	.main-navigation ul ul a {
		padding-left: 30px;
	}

	.main-navigation ul ul ul a {
		padding-left: 45px;
	}
}

/* Post Navigation (Previous/Next) */
.post-navigation {
	margin: 40px 0;
	padding: 30px 0;
	border-top: 1px solid var(--color-bg-hover);
	border-bottom: 1px solid var(--color-bg-hover);
}

.post-navigation .nav-links {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	flex: 1;
	max-width: 48%;
}

.post-navigation .nav-previous {
	text-align: left;
}

.post-navigation .nav-next {
	text-align: right;
}

.post-navigation a {
	display: block;
	padding: 15px 20px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	text-decoration: none;
	color: var(--color-text-meta);
	transition: all 0.2s ease;
}

.post-navigation a:hover {
	box-shadow: 0 2px 8px rgba(166, 36, 37, 0.1);
    
}

.post-navigation .nav-subtitle {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: var(--color-text-meta);
	margin-bottom: 5px;
}

.post-navigation .nav-title {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--color-text-dark);
}

.post-navigation a:hover .nav-title {
	color: var(--color-primary);
}

/* Publication date for future posts */
.post-navigation .post-date {
	display: block;
	font-size: 11px;
	opacity: 0.7;
	margin-top: 5px;
	font-style: italic;
	color: var(--color-text-meta);
}

/* Dark mode */
body.night .post-navigation {
	border-color: var(--color-text-secondary);
}

body.night .post-navigation a {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}

body.night .post-navigation a:hover {
	background: var(--color-text);
	border-color: var(--color-secondary);
}

body.night .post-navigation .nav-subtitle {
	color: var(--color-text-caption);
}

body.night .post-navigation .nav-title {
	color: var(--color-secondary);
}

body.night .post-navigation a:hover .nav-title {
	color: var(--color-secondary);
}

/* Mobile */
@media (max-width: 768px) {
	.post-navigation .nav-links {
		flex-direction: column;
	}

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		max-width: 100%;
		text-align: left;
	}
}

/* ============================================================================
   FEATURES STYLES
   All styles for theme features consolidated in one place
   ============================================================================ */

/* Reading Progress Bar
   ============================================================================ */
#reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 4px;
	background: linear-gradient(90deg, var(--color-danger) 0%, #feca57 50%, #48dbfb 100%);
    background: var(--color-primary);
	z-index: 9999;
	transition: width 0.1s ease-out;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

body.admin-bar #reading-progress {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #reading-progress {
		top: 46px;
	}
}

/* Night mode variant */
body.night #reading-progress {
	background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-secondary) 100%);
	background: var(--color-bg);
    opacity: 0.8;
    
}

/* Reading Time Display
   ============================================================================ */
.reading-time {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--color-text-muted);
	margin-bottom: 20px;
	padding: 8px 14px;
	background: var(--color-bg-light);
	border-radius: 6px;
	border: 1px solid var(--color-bg-hover);
	font-weight: 500;
}

.reading-time-icon {
	font-size: 16px;
	line-height: 1;
}

/* Dark mode variant */
body.night .reading-time {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}

/* Mobile */
@media (max-width: 768px) {
	.reading-time {
		font-size: 13px;
		padding: 6px 12px;
	}
}

/* In post meta (archive, home) */
.entry-meta .reading-time {
	margin: 0 10px 0 0;
	padding: 4px 10px;
	font-size: 13px;
}

/* Swipe Navigation Indicators
   ============================================================================ */
.swipe-indicator {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: var(--color-bg);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 1000;
}

.swipe-indicator.left {
	left: 20px;
}

.swipe-indicator.right {
	right: 20px;
}

.swipe-indicator.active {
	opacity: 1;
	animation: swipePulse 0.6s ease-in-out;
}

@keyframes swipePulse {
	0%, 100% { transform: translateY(-50%) scale(1); }
	50% { transform: translateY(-50%) scale(1.2); }
}

/* Dark mode variant */
body.night .swipe-indicator,
body.night-reading-mode .swipe-indicator {
	background: rgba(201, 169, 112, 0.8);
	color: var(--color-night-bg);
}

/* Swipe hint on first visit */
.swipe-hint {
	position: fixed;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.8);
	color: var(--color-bg);
	padding: 12px 20px;
	border-radius: 25px;
	font-size: 14px;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 1001;
	white-space: nowrap;
}

.swipe-hint.show {
	opacity: 1;
	animation: swipeHintFade 4s ease-in-out;
}

@keyframes swipeHintFade {
	0%, 100% { opacity: 0; }
	10%, 90% { opacity: 1; }
}

/* Hide on desktop */
@media (min-width: 1024px) {
	.swipe-indicator,
	.swipe-hint {
		display: none;
	}
}

/* Mobile optimization */
@media (max-width: 768px) {
	.swipe-indicator {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.swipe-indicator.left {
		left: 10px;
	}

	.swipe-indicator.right {
		right: 10px;
	}
}

/* Night Reading Mode Pro
   ============================================================================ */
/* Rozdíl: Dark Mode = černá+bílá, Night Reading = extra tmavá+teplá béžová */

body.night-reading-mode {
	background: var(--color-night-bg-deep) !important;
	color: var(--color-secondary) !important;
}

/* Content area */
body.night-reading-mode .site-content,
body.night-reading-mode .entry-content,
body.night-reading-mode .post-content,
body.night-reading-mode article {
	background: var(--color-night-bg-deep);
	color: var(--color-secondary);
}

/* Headers - teplá zlatá */
body.night-reading-mode h1,
body.night-reading-mode h2,
body.night-reading-mode h3,
body.night-reading-mode h4,
body.night-reading-mode h5,
body.night-reading-mode h6 {
	color: var(--color-secondary);
}

/* Links - tlumená zlatá */
body.night-reading-mode a {
	color: var(--color-secondary);
}

body.night-reading-mode a:hover {
	color: var(--color-secondary);
}

/* Sidebar, widgets */
body.night-reading-mode .sidebar,
body.night-reading-mode .widget {
	background: var(--color-night-bg);
	border-color: var(--color-night-bg-card);
}

body.night-reading-mode .widget-title {
	color: var(--color-secondary);
}

/* Header & Footer */
body.night-reading-mode .site-header,
body.night-reading-mode .site-footer {
	background: var(--color-night-bg);
	border-color: var(--color-night-bg-card);
}

/* Navigation */
body.night-reading-mode .site-navigation a {
	color: var(--color-secondary);
}

body.night-reading-mode .site-navigation a:hover {
	color: var(--color-secondary);
}

/* Images - snížený jas (méně stimulace před spaním) */
body.night-reading-mode img,
body.night-reading-mode .post-thumbnail img,
body.night-reading-mode .entry-thumbnail img {
	filter: brightness(0.75) !important;
	opacity: 0.85;
}

/* Featured images - ještě méně */
body.night-reading-mode .featured-image,
body.night-reading-mode .hero-image {
	filter: brightness(0.6) !important;
}

/* Borders, dividers */
body.night-reading-mode hr,
body.night-reading-mode .separator {
	border-color: var(--color-night-bg-card);
}

/* Forms, inputs */
body.night-reading-mode input[type="text"],
body.night-reading-mode input[type="email"],
body.night-reading-mode input[type="search"],
body.night-reading-mode textarea,
body.night-reading-mode select {
	background: var(--color-night-bg);
	border-color: var(--color-night-bg-card);
	color: var(--color-secondary);
}

/* Buttons */
body.night-reading-mode button,
body.night-reading-mode .button,
body.night-reading-mode input[type="submit"] {
	background: var(--color-night-bg-card);
	border-color: var(--color-night-bg-card);
	color: var(--color-secondary);
}

body.night-reading-mode button:hover,
body.night-reading-mode .button:hover {
	background: var(--color-night-bg-card);
	color: var(--color-secondary);
}

/* Meta info */
body.night-reading-mode .entry-meta,
body.night-reading-mode .post-meta {
	color: #8a7a5a;
}

/* Comments */
body.night-reading-mode .comment-list .comment {
	background: var(--color-night-bg);
	border-color: var(--color-night-bg-card);
}

/* Blockquotes */
body.night-reading-mode blockquote {
	background: var(--color-night-bg);
	border-left-color: var(--color-secondary);
	color: var(--color-secondary);
}

/* Code blocks */
body.night-reading-mode code,
body.night-reading-mode pre {
	background: var(--color-night-bg);
	color: var(--color-secondary);
	border-color: var(--color-night-bg-card);
}

/* Tables */
body.night-reading-mode table {
	border-color: var(--color-night-bg-card);
}

body.night-reading-mode th,
body.night-reading-mode td {
	border-color: var(--color-night-bg-card);
	color: var(--color-secondary);
}

body.night-reading-mode th {
	background: var(--color-night-bg);
	color: var(--color-secondary);
}

/* Font size adjustment - větší pro unavené oči */
body.night-reading-mode .entry-content,
body.night-reading-mode .post-content {
	font-size: 19.8px;
	line-height: 1.9;
}

/* Wider line height for better readability before sleep */
body.night-reading-mode p {
	line-height: 2.0;
	margin-bottom: 1.5em;
}

/* Night Reading Mode Toggle Button */
.night-reading-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: var(--color-night-bg-card);
	border: 2px solid var(--color-night-bg-card);
	border-radius: 6px;
	color: var(--color-secondary);
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease;
	text-decoration: none;
}

.night-reading-toggle:hover {
	background: var(--color-night-bg-card);
	border-color: var(--color-secondary);
	color: var(--color-secondary);
	transform: translateY(-2px);
}

.night-reading-toggle.active {
	background: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-night-bg-deep);
}

.night-reading-toggle .icon {
	font-size: 18px;
	line-height: 1;
}

/* In navigation menu */
.menu-item-night-reading-toggle {
	list-style: none;
}

.menu-item-night-reading-toggle .night-reading-toggle {
	margin: 5px 10px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.night-reading-toggle .text {
		display: none;
	}

	.night-reading-toggle {
		padding: 8px 12px;
	}

	body.night-reading-mode .entry-content,
	body.night-reading-mode .post-content {
		font-size: 18px;
	}
}

/* Widget for sidebar/footer */
.widget_night_reading_toggle {
	text-align: center;
	padding: 20px;
}

.widget_night_reading_toggle .widget-title {
	margin-bottom: 15px;
}

/* Info box */
.night-reading-info {
	background: rgba(201, 169, 112, 0.1);
	border: 1px solid rgba(201, 169, 112, 0.3);
	border-radius: 6px;
	padding: 15px;
	margin: 20px 0;
	font-size: 14px;
	color: #8a7a5a;
}

body.night-reading-mode .night-reading-info {
	background: rgba(201, 169, 112, 0.05);
	color: #8a7a5a;
}

.night-reading-info strong {
	color: var(--color-secondary);
}

/* Smooth transitions */
body,
.site-content,
.entry-content,
img {
	transition: background-color 0.5s ease, color 0.5s ease, filter 0.5s ease;
}

/* Font Size Control
   ============================================================================ */
.menu-item-font-size-control {
	margin-left: auto;
}

.font-size-controls {
	display: flex;
	gap: 4px;
	align-items: center;
}

.font-size-controls button {
	padding: 6px 12px;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	color: inherit;
	transition: all 0.2s ease;
	font-family: inherit;
	font-size: 14px;
}

.font-size-controls button:hover {
	background: rgba(0, 0, 0, 0.05);
}

.font-size-controls button.active {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-bg);
}

.font-size-controls button:focus {
	outline: 2px solid rgba(166, 36, 37, 0.5);
	outline-offset: 2px;    
}

/* Font sizes for content */
.entry-content,
.entry-summary,
.post-content,
article .content,
.site-main {
	font-size: 18px;
	line-height: 1.8;
}

body.font-small .entry-content,
body.font-small .entry-summary,
body.font-small .post-content,
body.font-small article .content,
body.font-small .site-main {
	font-size: 16px;
	line-height: 1.6;
}

body.font-large .entry-content,
body.font-large .entry-summary,
body.font-large .post-content,
body.font-large article .content,
body.font-large .site-main {
	font-size: 22px;
	line-height: 2.0;
}

/* Headings scale with font size */
body.font-small .entry-content h1,
body.font-small .post-content h1 { font-size: 28px; }
body.font-small .entry-content h2,
body.font-small .post-content h2 { font-size: 24px; }
body.font-small .entry-content h3,
body.font-small .post-content h3 { font-size: 20px; }

body.font-large .entry-content h1,
body.font-large .post-content h1 { font-size: 38px; }
body.font-large .entry-content h2,
body.font-large .post-content h2 { font-size: 32px; }
body.font-large .entry-content h3,
body.font-large .post-content h3 { font-size: 26px; }

/* Dark mode variant */
body.night .font-size-controls {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}

body.night .font-size-controls button {
	background: var(--color-text);
	border-color: var(--color-text-muted);
	color: var(--color-secondary);
}

body.night .font-size-controls button:hover {
	background: var(--color-text-secondary);
	border-color: var(--color-text-muted);
}

body.night .font-size-controls button.active {
	background: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-night-bg);
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.font-size-controls {
		justify-content: center;
	}

	.font-size-controls .label {
		display: none;
	}

	.font-size-controls button {
		padding: 10px 20px;
		font-size: 16px;
	}
}

/* Daily Story Card
   ============================================================================ */
.daily-story-card {
	position: relative;
	border-radius: 6px;
	margin-bottom: 30px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.daily-story-card::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	pointer-events: none;
}

/* Header */
.daily-story-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 20px;
}

.daily-story-badge,
.daily-story-publish-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: 6px;
	font-size: 16px;
}

.daily-story-badge .icon,
.daily-story-publish-date .icon {
	width: 16px;
	height: 16px;
}

/* Thumbnail */
.daily-story-thumbnail {
	margin-bottom: 20px;
	border-radius: 6px;
	overflow: hidden;
}

.daily-story-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.daily-story-thumbnail:hover img {
	transform: scale(1.05);
}

/* Content */
.daily-story-content {
	position: relative;
	z-index: 2;
}

.daily-story-title {
	margin: 0 0 15px 0;
	font-size: 24px;
	line-height: 1.4;
}

.daily-story-title a {
	text-decoration: none;
}

.daily-story-title a:hover {
}

.daily-story-excerpt {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.6;
	opacity: 0.95;
}

/* Meta */
.daily-story-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 20px;
	font-size: 14px;
}

.daily-story-reading-time,
.daily-story-age {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.daily-story-meta .icon {
	width: 16px;
	height: 16px;
	opacity: 0.9;
}

/* Button */
.daily-story-button {}

.daily-story-button:hover {
}

.daily-story-button .icon {
	width: 16px;
	height: 16px;
	transition: transform 0.3s ease;
}

.daily-story-button:hover .icon {
	transform: translateX(4px);
}

/* Countdown */
.daily-story-countdown {
	margin-top: 20px;
	padding-top: 20px;
    background: var(--color-bg-light);
    border: 1px solid var(--color-bg-hover);    
	text-align: center;
	border-radius: 6px;
}

.countdown-timer {
	font-family: 'Courier New', monospace;
}

/* Empty state */
.daily-story-empty {
	padding: 40px 20px;
	text-align: center;
	background: var(--color-bg-light);
	border-radius: 6px;
	color: var(--color-text-meta);
}

/* Animations */
.daily-story-card {
	//opacity: 0;
//	transform: translateY(20px);
}

.daily-story-card.animated {
//	animation: slideUpFade 0.6s ease forwards;
}

@keyframes slideUpFade {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.daily-story-card:hover {
	
}

/* Dark mode compatibility */
body.night .daily-story-card,
body.night-reading-mode .daily-story-card {	
}

/* Responsive */
@media (max-width: 768px) {
	.daily-story-card {
	}

	.daily-story-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.daily-story-title {
		font-size: 20px;
	}

	.daily-story-excerpt {
		font-size: 14px;
	}

	.daily-story-button {

	}
}

/* Scheduled Posts Widget
   ============================================================================ */
.scheduled-posts-wrapper {
	margin-bottom: 20px;
}

.scheduled-posts-title {
	margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.4;
}

.scheduled-posts-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.scheduled-post-item {
	display: flex;
	gap: 15px;
	padding: 15px;
	margin-bottom: 15px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	transition: all 0.3s ease;
}

.scheduled-post-item:hover {
	background: var(--color-bg-light);
}

.scheduled-post-item:last-child {
	margin-bottom: 0;
}

.scheduled-post-thumbnail {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border-radius: 6px;
	overflow: hidden;
}

.scheduled-post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.scheduled-post-item:hover .scheduled-post-thumbnail img {
	transform: scale(1.1);
}

.scheduled-post-content {
	flex: 1;
	min-width: 0;
}

.scheduled-post-title {
	margin: 0 0 8px 0;
	font-size: 16px;
	line-height: 1.4;
}

.scheduled-post-title a {
	text-decoration: none;
	color: inherit;
}

.scheduled-post-title a:hover {
	text-decoration: underline;
    color: var(--color-primary-dark);
}

.scheduled-post-date {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--color-text-meta);
	margin-bottom: 8px;
}

.scheduled-post-date .icon {
	width: 14px;
	height: 14px;
}

.scheduled-post-excerpt {
	font-size: 14px;
	line-height: 1.5;
	color: var(--color-text-meta);
	margin: 0;
}

.scheduled-posts-empty {
	padding: 30px 20px;
	text-align: center;
	background: var(--color-bg-light);
	border-radius: 6px;
	color: var(--color-text-meta);
}

/* Dark mode compatibility */
body.night .scheduled-post-item,
body.night-reading-mode .scheduled-post-item,
body.night .daily-story-countdown, body.night-reading-mode .daily-story-countdown {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
}

body.night .scheduled-post-item:hover,
body.night-reading-mode .scheduled-post-item:hover {
	background: rgba(255, 255, 255, 0.08);
}

body.night .scheduled-post-date,
body.night-reading-mode .scheduled-post-date,
body.night .daily-story-countdown, body.night-reading-mode .daily-story-countdown {
	color: rgba(255, 255, 255, 0.6);
}

body.night .scheduled-post-excerpt,
body.night-reading-mode .scheduled-post-excerpt {
	color: rgba(255, 255, 255, 0.8);
}

body.night .scheduled-posts-empty,
body.night-reading-mode .scheduled-posts-empty {
	background: rgba(255, 255, 255, 0.05);
	color: rgba(255, 255, 255, 0.6);
}

/* Responsive */
@media (max-width: 768px) {
	.scheduled-post-item {
		gap: 12px;
		padding: 12px;
	}

	.scheduled-post-thumbnail {
		width: 60px;
		height: 60px;
	}

	.scheduled-post-title {
		font-size: 15px;
	}

	.scheduled-post-date {
		font-size: 12px;
	}

	.scheduled-post-excerpt {
		font-size: 13px;
	}
}

/* Premium Membership Banner
   ============================================================================ */
.membership-banner {
	position: relative;
	padding: 30px 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

/* Background styles - minimalistic, no gradients, theme-aligned */
.membership-banner {
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 8px;
	color: inherit;
}

/* Minimalistic Dark (default) */
.membership-banner.style-dark {
	background: #1a202c;
	border: 1px solid #2d3748;
	color: #e2e8f0;
}

/* Minimalistic Light */
.membership-banner.style-light {
	background: var(--color-bg);
	border: 1px solid #e2e8f0;
	color: #2d3748;
}

/* Theme Red (matching theme color) */
.membership-banner.style-theme-red {
	background: var(--color-primary-dark);
	border: 1px solid #6d1819;
	color: var(--color-bg);
}

/* Subtle Gray */
.membership-banner.style-gray {
	background: #f7fafc;
	border: 1px solid #cbd5e0;
	color: #2d3748;
}

/* Dark Blue */
.membership-banner.style-blue {
	background: #1e3a5f;
	border: 1px solid #152943;
	color: #e2e8f0;
}

/* Container */
.membership-banner-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	position: relative;
}

/* Content */
.membership-banner-content {
	flex: 1;
	z-index: 2;
}

.membership-banner-title {
	margin: 0 0 10px 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
}

.membership-banner-description {
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;
	opacity: 0.95;
}

/* Button - minimalistic */
.membership-banner-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 6px;
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	transition: all 0.2s ease;
	opacity: 0.9;
}

.membership-banner-button:hover {
	color: currentColor;
	background: var(--banner-btn-hover-color, var(--color-bg));
	transform: translateX(2px);
}

.membership-banner-button .icon {
	width: 16px;
	height: 16px;
	transition: transform 0.3s ease;
}

.membership-banner-button:hover .icon {
	transform: translateX(4px);
}

/* Close button */
.membership-banner-close {
	position: absolute;
	top: -15px;
	right: -5px;
	width: 38px;
	height: 38px;
    padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 6px;
	color: inherit;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 3;
	opacity: 0.7;
}

.membership-banner-close .icon {
	width: 16px;
	height: 16px;
}

.membership-banner-close:hover {
    color: currentColor;
	background: var(--banner-btn-hover-color, var(--color-bg));
}

/* Style-specific button hover colors */
.membership-banner.style-dark {
	--banner-btn-hover-color: #1a202c;
	--banner-close-hover-color: #1a202c;
}

.membership-banner.style-light {
	--banner-btn-hover-color: var(--color-bg);
	--banner-close-hover-color: var(--color-bg);
}

.membership-banner.style-theme-red {
	--banner-btn-hover-color: var(--color-primary-dark);
	--banner-close-hover-color: var(--color-primary-dark);
}

.membership-banner.style-gray {
	--banner-btn-hover-color: #f7fafc;
	--banner-close-hover-color: #f7fafc;
}

.membership-banner.style-blue {
	--banner-btn-hover-color: #1e3a5f;
	--banner-close-hover-color: #1e3a5f;
}

/* Dark mode compatibility */
body.night .membership-banner,
body.night-reading-mode .membership-banner {
	opacity: 0.95;
}

/* Responsive */
@media (max-width: 768px) {
	.membership-banner {
		padding: 25px 15px;
	}

	.membership-banner-container {
		flex-direction: column;
		text-align: center;
	}

	.membership-banner-title {
		font-size: 22px;
	}

	.membership-banner-description {
		font-size: 14px;
	}

	.membership-banner-button {
		padding: 12px 24px;
		font-size: 14px;
	}

	.membership-banner-close {
		top: 10px;
		right: 10px;
	}
}

/* Animation – CSS-driven, no JS dependency */
.membership-banner {
	animation: membershipSlideDown 0.5s ease both;
}

.membership-banner.animated {
	/* .animated class retained for JS backwards compatibility – animation is now CSS-driven */
}

@keyframes membershipSlideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Dismissing animation */
.membership-banner.dismissing {
	animation: slideUp 0.3s ease forwards;
}

@keyframes slideUp {
	to {
		opacity: 0;
		transform: translateY(-20px);
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* Promo Inline Banner (Special Button)
   ============================================================================ */
.promo-inline-banner {
	position: relative;
	padding: 20px;
	margin: 20px 0;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 8px;
	opacity: 0;
	transform: translateY(-10px);
	transition: all 0.3s ease;
}

.promo-inline-banner.visible {
	opacity: 1;
	transform: translateY(0);
}

.promo-banner-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.promo-banner-content {
	flex: 1;
}

.promo-banner-title {
	margin: 0 0 8px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.promo-banner-message {
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.9;
}

.promo-banner-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 6px;
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.2s ease;
	opacity: 0.9;
}

.promo-banner-button:hover {
	background: currentColor;
	color: var(--promo-btn-hover-color, var(--color-bg));
	opacity: 1;
	transform: translateX(2px);
}

.promo-banner-button .icon {
	width: 14px;
	height: 14px;
	transition: transform 0.2s ease;
}

.promo-banner-button:hover .icon {
	transform: translateX(3px);
}

.promo-banner-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 4px;
	color: inherit;
	cursor: pointer;
	transition: all 0.2s ease;
	opacity: 0.7;
}

.promo-banner-close .icon {
	width: 14px;
	height: 14px;
}

.promo-banner-close:hover {
	background: currentColor;
	color: var(--promo-close-hover-color, var(--color-bg));
}

/* Mobile */
@media (max-width: 768px) {
	.promo-inline-banner {
		padding: 15px;
		margin: 15px 0;
	}

	.promo-banner-container {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.promo-banner-title {
		font-size: 18px;
	}

	.promo-banner-message {
		font-size: 13px;
	}

	.promo-banner-button {
		padding: 8px 16px;
		font-size: 13px;
	}

	.promo-banner-close {
		top: 8px;
		right: 8px;
	}
}

/* Daily Story Card
   ============================================================================ */
.daily-story-card {
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.daily-story-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
}

.daily-story-header {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.daily-story-badge {
	font-size: 18px;
}

.daily-story-publish-date {
	font-size: 13px;
	background: var(--color-accent-blue);
    color: var(--color-bg);
	padding: 4px 10px;
	border-radius: 6px;
}

.daily-story-thumbnail {
	position: relative;
	overflow: hidden;
}

.daily-story-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

.daily-story-card:hover .daily-story-thumbnail img {
}

.daily-story-content {
}

.daily-story-title {
	margin: 0 0 15px 0;
	font-size: 22px;
	line-height: 1.4;
}

.daily-story-title a {
	color: var(--color-text-dark);
	text-decoration: none;
	transition: color 0.3s ease;
}

.daily-story-title a:hover {
}

.daily-story-excerpt {
	color: var(--color-text-meta);
	line-height: 1.6;
	margin-bottom: 15px;
}

.daily-story-meta {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-bottom: 20px;
	font-size: 14px;
	color: var(--color-text-muted);
}

.daily-story-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.widget a.daily-story-button {
	display: inline-block;
    text-decoration: none;
    color: var(--color-primary);	
}

.widget a.daily-story-button:hover {	
 text-decoration: underline;
}
body.night .widget a.daily-story-button {
    color: goldenrod;
}

.daily-story-countdown {
	padding: 12px;
	background: var(--color-bg-light);
	border-top: 1px solid var(--color-bg-hover);
	text-align: center;
}

.daily-story-countdown small {
}

.countdown-timer {
	font-weight: 700;
	color: var(--color-accent-blue);
}

/* Dark mode */
body.night .daily-story-card,
body.night-reading-mode .daily-story-card {
}

body.night .daily-story-title a,
body.night-reading-mode .daily-story-title a {

}

body.night .daily-story-excerpt,
body.night-reading-mode .daily-story-excerpt {
   color: var(--color-night-text); 
}

body.night .daily-story-countdown,
body.night-reading-mode .daily-story-countdown {

}
body.night .site-description {
    color: rgba(255, 255, 255, 0.5);
}
/* Empty state */
.daily-story-empty {
	padding: 40px;
	text-align: center;
	background: var(--color-bg-light);
	border-radius: 6px;
	color: var(--color-text-muted);
}

/* Widget styling */
.widget_daily_story .daily-story-card {
	margin-bottom: 0;
}

/* Mobile */
@media (max-width: 768px) {
	.daily-story-header {
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
	}

	.daily-story-title {
		font-size: 18px;
	}

	.daily-story-content {

	}
}

/* Favorites Button
   ============================================================================ */
.favorite-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-meta);
	transition: all 0.2s ease;
	text-decoration: none;
	font-family: inherit;
}

.favorite-button:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-border);
	color: var(--color-text-dark);
}

.favorite-button.is-favorite {
	background: #ffe5e5;
	border-color: var(--color-danger);
	color: #c92a2a;
}

.favorite-button.is-favorite:hover {
	background: #ffd1d1;
	border-color: #ee5a6f;
}

.favorite-button .favorite-icon {
	font-size: 16px;
	line-height: 1;
	animation: heartBeat 0.3s ease;
}

@keyframes heartBeat {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.3); }
}

/* Dark mode */
body.night .favorite-button,
body.night .post-action-btn {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}

body.night .favorite-button:hover,
body.night .post-action-btn:hover {
	background: var(--color-text);
	border-color: var(--color-danger);
}

/* In post meta (archive) */
.entry-meta .favorite-button {
	padding: 6px 10px;
	font-size: 13px;
}

.entry-meta .favorite-button .favorite-icon {
	font-size: 14px;
}

.entry-meta .favorite-button .favorite-text {
	display: none;
}

/* Favorites page - empty state */
/* Toast notification */
.pkz-toast {
	position: fixed;
	top: 20px;
	right: 20px;
	background: var(--color-primary);
	color: #fff;
	padding: 12px 18px;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.18);
	z-index: 10000;
	font-size: 15px;
	font-weight: 600;
	max-width: 280px;
	display: none;
}

.pkz-toast--in {
	animation: pkzToastIn 0.3s ease forwards;
}

.pkz-toast--out {
	animation: pkzToastOut 0.3s ease forwards;
}

.pkz-toast-link {
	display: block;
	margin-top: 6px;
	color: #fff;
	text-decoration: underline;
	font-size: 13px;
	font-weight: 400;
}

@keyframes pkzToastIn {
	from { transform: translateX(320px); opacity: 0; }
	to   { transform: translateX(0);     opacity: 1; }
}

@keyframes pkzToastOut {
	from { transform: translateX(0);     opacity: 1; }
	to   { transform: translateX(320px); opacity: 0; }
}

@keyframes fadeOut {
	from { opacity: 1; transform: scale(1);   }
	to   { opacity: 0; transform: scale(0.9); }
}

/* Favorites page – card wrapper + remove button */
.favorites-card-wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Remove button on favorites page uses standard .favorite-button styles */
.favorites-page-remove {
	align-self: flex-start;
}

/* Favorites page – empty state uses error-404 classes, no extra styles needed */
.favorites-empty-section {
	padding: 20px 0;
}


/* Age Category Badge
   ============================================================================ */
.age-category-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--color-bg);
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 8px 14px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	margin-bottom: 20px;
	margin-right: 10px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);
}

.age-category-badge:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
	color: var(--color-bg);
}

.age-category-badge .icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* Different colors for different ages */
a[href*="3-5-let"].age-category-badge {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

a[href*="6-8-let"].age-category-badge {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

a[href*="9-12-let"].age-category-badge {
	background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

a[href*="13-plus"].age-category-badge {
	background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* Dark mode variant */
body.night .age-category-badge {
	opacity: 0.9;
}

/* In archive/home page meta */
.entry-meta .age-category-badge {
	font-size: 12px;
	padding: 4px 10px;
	margin: 0 10px 0 0;
}


/* Admin Styles
   ============================================================================ */
.pohadkozeme-admin-category-list {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid var(--color-border);
	padding: 10px;
	background: var(--color-bg);
}

.pohadkozeme-admin-category-item {
	display: block;
	margin-bottom: 5px;
}

.pohadkozeme-admin-category-count {
	color: var(--color-text-light);
}

/* Ad Placeholder
   ============================================================================ */
.ad-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f0f0;
	border: 2px dashed var(--color-border-medium);
	color: var(--color-text-light);
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}
/* ============================================================================
   SEARCH MODAL
   Modern search overlay with live results and recommendations
   ============================================================================ */

/* Search Trigger Button (replaces inline search) */
.search-trigger-btn {
	width: 38px;
	height: 38px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	transition: all 0.3s ease;
	padding: 0;
}

.search-trigger-btn:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-primary);
	transform: scale(1.1);
}

.search-icon {
	transition: transform 0.3s ease;
	color: var(--color-text-meta);
}

.night .search-icon {
	color: goldenrod;
}

.search-trigger-btn:hover .search-icon {
	transform: scale(1.1);
}

.night .search-trigger-btn {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}

.night .search-trigger-btn:hover {
	background: var(--color-text);
	border-color: goldenrod;
}

/* Modal Overlay */
.search-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
	align-items: flex-start;
	justify-content: center;
	padding: 60px 20px 20px;
	overflow-y: auto;
}

.search-modal.active {
	display: flex;
	animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.search-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(4px);
	animation: fadeIn 0.2s ease;
}

/* Modal Container */
.search-modal-container {
	position: relative;
	background: var(--color-bg);
	border-radius: 6px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	max-width: 800px;
	width: 100%;
	max-height: calc(100vh - 120px);
	display: flex;
	flex-direction: column;
	animation: slideDown 0.3s ease;
	z-index: 1;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Modal Header */
.search-modal-header {
	padding: 20px;
	border-bottom: 1px solid var(--color-bg-hover);
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: nowrap;
}

@media screen and (max-width: 600px) {
	.search-modal-header {
		gap: 8px;
		padding: 16px;
	}
}

.search-modal-input-wrapper {
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	display: flex;
	align-items: center;
	background: var(--color-bg-light);
	border-radius: 6px;
	border: 1px solid var(--color-bg-hover);
	transition: all 0.2s ease;
	height: 48px;
}

.search-modal-input-wrapper:focus-within {
	background: var(--color-bg);
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(166, 36, 37, 0.1);
}

.search-modal-icon,
.search-modal-input-wrapper > .icon {
	margin-left: 14px;
	width: 20px;
	height: 20px;
	color: var(--color-text-meta);
	flex-shrink: 0;
}

input[type="search"].search-modal-input {
	flex: 1;
	border: none;
	background: transparent;
	padding: 12px;
	font-size: 16px;
	outline: none;
	color: var(--color-text-dark);
	height: 100%;
}
body.night input[type="search"].search-modal-input {color: var(--color-bg);}

/* Hide native search clear button in browsers */
.search-modal-input::-webkit-search-cancel-button,
.search-modal-input::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.search-modal-input::-ms-clear {
	display: none;
}

.search-modal-input::placeholder {
	color: #adb5bd;
}

.search-modal-clear {
	margin-right: 8px;
	width: 28px;
	height: 28px;
	background: none;
	border: none;
	color: var(--color-text-meta);
	cursor: pointer;
	transition: all 0.2s ease;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.search-modal-clear .icon {
	width: 16px;
	height: 16px;
}

.search-modal-clear:hover {
	color: var(--color-primary);
	background: rgba(166, 36, 37, 0.1);
}

.search-modal-submit {
	padding: 0 15px;
	height: 48px;
	background: var(--color-primary);
	color: var(--color-bg);
	border: none;
	border-radius: 6px;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 600px) {
	.search-modal-submit {
		padding: 0 16px;
		font-size: 14px;
	}
}

.search-modal-submit:hover {
	background: var(--color-primary-dark);
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(166, 36, 37, 0.3);
}

.search-modal-submit:active {
	transform: translateY(0);
}

.search-modal-submit:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(166, 36, 37, 0.3);
}

.search-modal-close {
	width: 50px;
	height: 50px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text-meta);
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.search-modal-close .icon {
	width: 25px;
	height: 25px;
}

.search-modal-close:hover {
	background: var(--color-bg-hover);
	border-color: var(--color-border);
	color: var(--color-text-dark);
}

.search-modal-close:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(166, 36, 37, 0.1);
}

/* Modal Body */
.search-modal-body {
	flex: 1;
	overflow-y: auto;
	padding: 24px;
}

/* Search Sections */
.search-section {
	margin-bottom: 32px;
}

.search-section:last-child {
	margin-bottom: 0;
}

.search-section-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-meta);
	margin: 0 0 16px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Stories Grid */
.search-stories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 16px;
}

.search-story-card {
	display: block;
	background: var(--color-bg);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.3s ease;
}

.search-story-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	border-color: var(--color-primary);
}

.search-story-thumb {
	width: 100%;
	height: 120px;
	background-size: cover;
	background-position: center;
	background-color: var(--color-bg-light);
}

.search-story-thumb-square {
	height: 0;
	padding-bottom: 100%; /* Aspect ratio 1:1 for square */
	position: relative;
	background-size: cover;
	background-position: center;
}

.search-story-thumb-placeholder {
	background: linear-gradient(135deg, var(--color-bg-light) 0%, var(--color-bg-hover) 100%);
}

.search-story-info {
	padding: 12px;
}

.search-story-title {
	margin: 0 0 6px 0;
	font-size: 16px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.search-story-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	font-size: 12px;
	color: var(--color-text-meta);
}

.search-story-meta .meta-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.search-story-meta .meta-item .icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* Categories */
.search-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.search-category-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-meta);
	text-decoration: none;
	transition: all 0.2s ease;
}

.search-category-tag:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-bg);
	transform: translateY(-2px);
}

.search-category-count {
	font-size: 12px;
	opacity: 0.7;
}

/* Tags */
.search-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.search-tag-link {
	padding: 6px 12px;
	background: var(--color-bg);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	font-size: 13px;
	color: var(--color-text-meta);
	text-decoration: none;
	transition: all 0.2s ease;
}

.search-tag-link:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-bg);
	transform: translateY(-2px);
}

/* Banner */
.search-banner {
	display: block;
	padding: 20px;
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
	color: var(--color-bg);
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.search-banner:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 24px rgba(166, 36, 37, 0.3);
}

.search-section-ad {
	margin-top: 24px;
}

/* Search Results */
.search-results-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.search-result-item {
	display: flex;
	gap: 16px;
	padding: 16px;
    margin-bottom: 5px;
	background: var(--color-bg);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.search-result-item:hover {
	border-color: var(--color-primary);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.search-result-thumb {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	background-color: var(--color-bg-light);
	flex-shrink: 0;
}

.search-result-content {
	flex: 1;
	min-width: 0;
}

.search-result-title {
	margin: 0 0 8px 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-dark);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.search-result-excerpt {
	margin: 0 0 8px 0;
	font-size: 14px;
	color: var(--color-text-meta);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.search-result-meta {
	font-size: 12px;
	color: #adb5bd;
}

/* Empty State */
.search-no-results {
	text-align: center;
	padding: 60px 20px;
	color: var(--color-text-meta);
}

.search-no-results-icon {
	font-size: 48px;
	margin-bottom: 16px;
}

.search-no-results-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-meta);
	margin: 0 0 8px 0;
}

.search-no-results-text {
	font-size: 16px;
	margin: 0;
}

/* Modal Footer */
.search-modal-footer {
	padding: 16px 24px;
	border-top: 1px solid var(--color-bg-hover);
	background: var(--color-bg-light);
	border-radius: 0 0 6px 6px;
}

.search-modal-shortcuts {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.search-shortcut {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	color: var(--color-text-meta);
}

.search-shortcut kbd {
	display: inline-block;
	padding: 4px 8px;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	font-size: 16px;
	font-family: monospace;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Dark Mode */
.night .search-modal-container {
	background: var(--color-night-bg);
	border: 1px solid var(--color-text);
}

.night .search-modal-header {
	border-bottom-color: var(--color-text);
}

.night .search-modal-input-wrapper {
	background: var(--color-night-bg-card);
	border-color: var(--color-text);
}

.night .search-modal-input-wrapper:focus-within {
	background: var(--color-night-bg-card);
	border-color: goldenrod;
	box-shadow: 0 0 0 3px rgba(218, 165, 32, 0.1);
}

.night .search-modal-input {
	color: var(--color-night-text);
}

.night .search-modal-input::placeholder {
	color: var(--color-text-meta);
}

.night .search-modal-close {
	background: var(--color-night-bg-card);
	border-color: var(--color-text);
	color: var(--color-secondary);
}

.night .search-modal-close:hover {
	background: var(--color-text);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}

.night .search-modal-close:focus {
	border-color: goldenrod;
	box-shadow: 0 0 0 3px rgba(218, 165, 32, 0.1);
}

.night .search-modal-submit:focus {
	box-shadow: 0 0 0 3px rgba(218, 165, 32, 0.3);
}

.night .search-section-title {
	color: var(--color-secondary);
}

.night .search-story-card,
.night .search-result-item {
	background: var(--color-night-bg-card);
	border-color: var(--color-text);
}

.night .search-story-card:hover,
.night .search-result-item:hover {
	border-color: goldenrod;
}

.night .search-story-title,
.night .search-result-title {
	color: var(--color-secondary);
}

.night .search-story-meta,
.night .search-result-excerpt {
	color: var(--color-text-caption);
}

.night .search-category-tag,
.night .search-tag-link {
	background: var(--color-night-bg-card);
	border-color: var(--color-text);
	color: var(--color-secondary);
}

.night .search-category-tag:hover,
.night .search-tag-link:hover {
	background: goldenrod;
	border-color: goldenrod;
	color: var(--color-night-bg);
}

.night .search-modal-footer {
	background: var(--color-night-bg-card);
	border-top-color: var(--color-text);
}

.night .search-shortcut kbd {
	background: var(--color-text);
	border-color: var(--color-text-secondary);
	color: var(--color-secondary);
}


/* ============================================================================
   KK STAR RATINGS PLUGIN
   Modern styling for voting/rating functionality
   ============================================================================ */

/* Main rating container */
.kk-star-ratings {
	text-align: center;
	padding: 30px 20px;
	background: var(--color-bg-light);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	margin: 30px 0;
	transition: all 0.3s ease;
}

.kk-star-ratings:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Dark mode support */
body.night .kk-star-ratings {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}

body.night .kk-star-ratings:hover {
	border-color: var(--color-secondary);
	box-shadow: 0 4px 12px rgba(201, 169, 112, 0.1);
}

body.night .kk-star-ratings .kksr-legend {
	color: var(--color-secondary);
}

body.night .kksr-legend-text,
body.night .kksr-metas {
	color: var(--color-text-light);
}

body.night .kksr-star,
body.night .kksr-star-inactive {
	color: var(--color-text-muted) !important;
}

body.night .kksr-star.kksr-star-active,
body.night .kksr-star.kksr-star-hover {
	color: #ffc107 !important;
}

body.night .kksr-message {
	background: #1a4d2e;
	color: #a8e6cf;
	border-color: #2d5f42;
}

body.night .kksr-badge {
	background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary) 100%);
	box-shadow: 0 2px 8px rgba(201, 169, 112, 0.3);
}

/* ========================================
   404 Error Page
   ======================================== */

/* Main 404 container */
.error-404 {
	padding: 60px 20px;
	text-align: center;
}

.error-404-inner {
	max-width: 800px;
	margin: 0 auto;
    text-align: center;
}

/* 404 header section */
.error-404-header {
	margin-bottom: 50px;
}

.error-404-code {
	font-size: 120px;
	font-weight: 900;
	color: var(--color-primary);
	line-height: 1;
	margin-bottom: 20px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.error-404-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--color-text);
	margin-bottom: 15px;
	line-height: 1.3;
}

.error-404-description {
	font-size: 18px;
	color: var(--color-text-muted);
	line-height: 1.6;
	max-width: 600px;
	margin: 0 auto;
}

/* Search section */
.error-404-search {
	margin: 40px 0;
	padding: 30px;
	background: var(--color-bg-light);
	border-radius: 6px;
}

.error-404-search h3 {
	font-size: 20px;
	color: var(--color-text);
	margin-bottom: 20px;
	font-weight: 600;
}

.error-404-search-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	background: var(--color-primary);
	color: var(--color-bg);
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(166, 36, 37, 0.2);
}

.error-404-search-btn:hover {
	background: var(--color-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(166, 36, 37, 0.3);
}

.error-404-search-btn .search-icon {
	font-size: 20px;
}

/* Suggestions section */
.error-404-suggestions {
	margin: 50px 0;
}

.error-404-suggestions h3 {
	font-size: 24px;
	color: var(--color-text);
	margin-bottom: 30px;
	font-weight: 600;
}

/* Posts grid */
.error-404-posts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
	margin-bottom: 40px;
}

.error-404-post {
	background: var(--color-bg);
	border: 1px solid var(--color-bg-hover);
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.3s ease;
	text-align: left;
}

.error-404-post:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	border-color: var(--color-primary);
}

.error-404-post-thumbnail {
	width: 100%;
	height: 180px;
	overflow: hidden;
	background: var(--color-bg-light);
}

.error-404-post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.error-404-post:hover .error-404-post-thumbnail img {
	transform: scale(1.05);
}

.error-404-post-content {
	padding: 20px;
}

.error-404-post-content h4 {
	font-size: 18px;
	margin: 0 0 10px 0;
	line-height: 1.4;
}

.error-404-post-content h4 a {
	color: var(--color-text);
	text-decoration: none;
	transition: color 0.2s ease;
}

.error-404-post-content h4 a:hover {
	color: var(--color-primary);
}

.error-404-post-content p {
	font-size: 14px;
	color: var(--color-text-muted);
	line-height: 1.6;
	margin: 0;
}

/* Action buttons */
.error-404-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	margin-top: 40px;
}

.error-404-button {
	display: inline-block;
	padding: 14px 32px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.error-404-button.primary {
	background: var(--color-primary);
	color: var(--color-bg);
	box-shadow: 0 4px 12px rgba(166, 36, 37, 0.2);
}

.error-404-button.primary:hover {
	background: var(--color-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(166, 36, 37, 0.3);
}

.error-404-button.secondary {
	background: transparent;
	color: var(--color-primary);
	border-color: var(--color-primary);
}

.error-404-button.secondary:hover {
	background: var(--color-primary);
	color: var(--color-bg);
	transform: translateY(-2px);
}



@media (max-width: 480px) {
	.error-404-code {
		font-size: 60px;
	}

	.error-404-title {
		font-size: 20px;
	}

	.error-404-search-btn {
		width: 100%;
		justify-content: center;
	}
}


#main .taxonomy-description p a,
.widget_recent_comments li a {
    color: var(--color-primary);
    text-decoration: none;
}
#main .taxonomy-description a:hover,
.widget_recent_comments li a:hover {
    text-decoration: underline;
}

/* Dark mode support */
body.night .error-404-title,
body.night .error-404-search h3,
body.night .error-404-suggestions h3 {
	color: var(--color-secondary);
}

body.night .error-404-code {
	color: var(--color-secondary);
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

body.night .error-404-description {
	color: var(--color-text-light);
}

body.night .error-404-search {
	background: var(--color-night-bg-card);
}

body.night .error-404-search-btn {
	background: var(--color-secondary);
	color: var(--color-night-bg);
}

body.night .error-404-search-btn:hover {
	background: var(--color-secondary);
}

body.night .error-404-post {
	background: var(--color-night-bg-card);
	border-color: var(--color-text-secondary);
}

body.night .error-404-post:hover {
	border-color: var(--color-secondary);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

body.night .error-404-post-thumbnail {
	background: var(--color-night-bg);
}

body.night .error-404-post-content h4 a {
	color: var(--color-secondary);
}

body.night .error-404-post-content h4 a:hover {
	color: var(--color-secondary);
}

body.night .error-404-post-content p {
	color: var(--color-text-light);
}

body.night .error-404-button.primary {
	background: var(--color-secondary);
	color: var(--color-night-bg);
}

body.night .error-404-button.primary:hover {
	background: var(--color-secondary);
}

body.night .error-404-button.secondary {
	color: var(--color-secondary);
	border-color: var(--color-secondary);
}

body.night .error-404-button.secondary:hover {
	background: var(--color-secondary);
	color: var(--color-night-bg);
}

h2.planned-posts-header, h2.daily-story-header {margin-top: 0;}

/* ==========================================================================
   Print elements - hidden on screen
   ========================================================================== */
.print-header,
.print-footer {
	display: none;
} 






/* Term Images (PUE Taxonomy Images plugin)
------------------------------------------------------------ */
.term-image-wrapper {
    margin-bottom: 1rem;
    text-align: center;
}

.term-image-wrapper .term-image {
    max-width: 200px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.page-header .term-image-wrapper {
    margin-bottom: 1.5rem;
}

h2 .category-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    object-fit: cover;
}

.tags-list .tag-image {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    object-fit: cover;
}

.obsah-nav .category-image {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
    object-fit: cover;
}


/* Sound Format
------------------------------------------------------------ */

.pkz-sound {
    cursor: pointer;
    text-underline-offset: 3px;
    transition: color 0.15s;
    white-space: nowrap;
    border-bottom: 1px var(--color-primary) dotted;
    padding: 0px 21px 0px 10px;
    color: var(--color-primary);
    position: relative;
    background: var(--color-bg-light);
}

.pkz-sound::after {
    content: '';
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    vertical-align: middle;
    opacity: 0.75;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a62425'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM16.5 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.15s;
    position: absolute;
    right: 2px;
    top: 4px;
}

.pkz-sound:hover::after {
    opacity: 1;
}

.pkz-sound.is-playing {
    background: var(--color-primary);
    color: #fff;
    border-bottom-color: transparent;
}

.pkz-sound.is-playing::after {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E");
}
/**
 * Mobile Styles
 *
 * All mobile-specific styles consolidated in one file
 * for better organization and maintainability
 *
 * @package Pohadkozeme
 * @version 3.2.0
 */

/* ============================================================================
   MOBILE: Max-width 768px
   ============================================================================ */
@media (max-width: 768px) {

	/* Header & Branding */
	.site-header {
		margin-bottom: 25px;
	}

	.site-branding {
		padding: 20px 15px 25px;
	}

	.site-branding-inner {
		gap: 10px;
	}

	.site-logo img {
		max-height: 40px;
	}

	.site-title {
		font-size: 26px;
	}

	/* Navigation */
	.main-navigation {
		position: relative;
	}

	.main-navigation a {
		padding: 0 15px;
		display: block;

	}

	.main-navigation ul ul a {
		padding-left: 30px;
		font-size: 15px;
	}

	.main-navigation ul ul ul a {
		padding-left: 45px;
	}

	.night .main-navigation a {
		border-bottom-color: #333;
	}

	/* Header Actions - Inline with menu toggle */
	.header-actions {
		position: absolute;
		right: 0;
		top: 8px;
		flex-direction: row;
		gap: 8px;
		height: auto;
	}

	.main-navigation .search-field {
		width: 1px;
		height: 36px;
		font-size: 14px;
	}

	.main-navigation .search-field:focus {
		width: 150px;
	}

	.dark-mode-toggle-btn,
	.font-size-toggle-btn,
	.search-trigger-btn,
    .member-access-btn {
		width: 36px;
		height: 36px;
		font-size: 18px;
	}

	/* Icon styles for mobile - ensure emoji display correctly */
	.dark-mode-icon,
	.font-size-icon,
	.search-icon,
    .member-access-icon {
		font-size: 18px;
		line-height: 1;
	}
    
    
	/* Search Modal on Mobile */
	.search-modal {
		padding: 20px 10px;
	}

	.search-modal-container {
		width: 100%;
		max-height: calc(100vh - 40px);
		border-radius: 6px;
	}

	.search-modal-header {
		padding: 16px;
		flex-wrap: nowrap;
	}

	.search-modal-input-wrapper {
		flex: 1 1 auto;
        overflow: hidden;
	}

	.search-modal-submit {
		flex: 0 0 auto;
	}

	.search-modal-input {
		font-size: 16px;
		padding: 12px 12px 12px 0;
	}

	.search-modal-body {
		padding: 16px;
	}

	/* List layout for better mobile UX */
	.search-stories-grid {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.search-story-card {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}

	.search-story-thumb,
	.search-story-thumb-square {
		width: 80px;
		min-width: 80px;
		height: 80px;
		padding-bottom: 0;
		flex-shrink: 0;
	}

	.search-story-info {
		flex: 1;
		padding: 8px 12px;
	}

	.search-story-title {
		font-size: 15px;
		margin-bottom: 4px;
		-webkit-line-clamp: 2;
	}

	.search-story-meta {
		font-size: 13px;
		gap: 10px;
	}

	.search-story-meta .meta-item {
		gap: 1px;
	}

	.search-story-meta .meta-item .icon {
		width: 12px;
		height: 12px;
	}

	.search-result-item {
		flex-direction: column;
	}

	.search-result-thumb {
		width: 100%;
		height: 150px;
	}

	.search-modal-shortcuts {
		flex-direction: column;
		gap: 8px;
	}

	.search-modal-footer {
		padding: 12px 16px;
	}

	/* Back to Top Button */
	.back-to-top {
		width: 45px;
		height: 45px;
		bottom: 20px;
		right: 20px;
		font-size: 20px;
	}

	/* Font Size Controls */
	.font-size-controls {
		justify-content: center;
	}

	.font-size-controls .label {
		display: none;
	}

	.font-size-controls button {
		padding: 10px 20px;
		font-size: 16px;
	}

	/* Reading Time */
	.reading-time {
		font-size: 13px;
		padding: 6px 12px;
	}

	/* Swipe Navigation */
	.swipe-indicator {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.swipe-indicator.left {
		left: 10px;
	}

	.swipe-indicator.right {
		right: 10px;
	}

	/* Night Reading Mode */
	.night-reading-toggle .text {
		display: none;
	}

	.night-reading-toggle {
		padding: 8px 12px;
	}

	body.night-reading-mode .entry-content,
	body.night-reading-mode .post-content {
		font-size: 18px;
	}

	/* Membership Banner */
	.membership-banner {
		padding: 25px 15px;
	}

	.membership-banner-container {
		flex-direction: column;
		text-align: center;
	}

	.membership-banner-title {
		font-size: 22px;
	}

	.membership-banner-description {
		font-size: 14px;
	}

	.membership-banner-button {
		padding: 12px 24px;
		font-size: 14px;
	}

	.membership-banner-close {
		top: -10px;
		right: 0px;
	}

	/* Daily Story Card */
	.daily-story-header {
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
	}

	.daily-story-title {
		font-size: 18px;
	}

	.daily-story-content {
		padding: 15px;
	}

	/* Favorites */
	.favorites-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.favorite-button .favorite-text {
		display: none;
	}

	/* Age Category Badge */
	.age-category-badge {
		font-size: 13px;
		padding: 6px 12px;
	}

	/* Post Navigation */
	.post-navigation .nav-links {
		flex-direction: column;
	}

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		max-width: 100%;
		text-align: left;
	}
}

/* ============================================================================
   MOBILE: Max-width 600px
   ============================================================================ */
@media (max-width: 600px) {

	.site-logo img {
		max-height: 35px;
	}


	.main-navigation a {
		padding: 7px 12px;
		line-height: 38px;
	}

	.main-navigation .search-field:focus {
		width: 120px;
	}

	/* Search Modal - hide footer on very small screens */
	.search-modal-footer {
		display: none;
	}
    .member-access-btn .icon {
        left: -5px
    }
}

/* ============================================================================
   MOBILE: Max-width 400px
   ============================================================================ */
@media (max-width: 400px) {

	.site-branding {
		padding: 8px 10px 25px;
	}

	.site-logo img {
		max-height: 30px;
	}
    
	.main-navigation a {
		padding: 7px 10px;
		line-height: 36px;
	}

	.dark-mode-toggle-btn,
	.font-size-toggle-btn,
	.search-trigger-btn,
    .member-access-btn {
		width: 34px;
		height: 34px;
		font-size: 16px;
	}
    
    .member-access-btn .icon {
        left: -2px
    }
    

	/* Icon styles for very small mobiles */
	.dark-mode-icon,
	.font-size-icon,
	.search-icon,
    .member-access-icon {
		font-size: 16px;
	}
    
    .main-navigation.member-access-btn {}

	.main-navigation .search-field {
		height: 34px;
	}

	.main-navigation .search-field:focus {
		width: 100px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.favorites-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.favorite-button .favorite-text {
		display: none;
	}

	.age-category-badge {
		font-size: 13px;
		padding: 6px 12px;
	}
    
    	.search-modal {
		padding: 20px 10px;
	}

	.search-modal-container {
		max-height: calc(100vh - 40px);
		border-radius: 6px;
	}

	.search-modal-header {
		padding: 16px;
	}

	.search-modal-input {
		font-size: 16px;
		padding: 12px 12px 12px 0;
	}

	.search-modal-body {
		padding: 16px;
	}

	.search-result-item {
		flex-direction: column;
	}

	.search-result-thumb {
		width: 100%;
		height: 150px;
	}

	.search-modal-shortcuts {
		flex-direction: column;
		gap: 8px;
	}


    	.error-404 {
		padding: 40px 15px;
	}

	.error-404-code {
		font-size: 80px;
	}

	.error-404-title {
		font-size: 24px;
	}

	.error-404-description {
		font-size: 16px;
	}

	.error-404-search {
		padding: 20px;
	}

	.error-404-search h3 {
		font-size: 18px;
	}

	.error-404-suggestions h3 {
		font-size: 20px;
	}

	.error-404-posts {
		grid-template-columns: 1fr;
		gap: 20px;
	}


	.error-404-button {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.search-modal-footer {
		display: none;
	}
}

@media screen and (max-width: 768px) {
    .member-access-icon {
    position: relative;
        left: -10px;
        top -3px;
    }
}
@media print{/**
 * Print Styles for Pohadkozeme
 *
 * Optimized for printing fairy tales - presentable layout with branding
 *
 * @package Pohadkozeme
 * @version 3.3.0
 */

@media print {
	/* ==========================================================================
	   Base styles
	   ========================================================================== */
	html, body {
		background: none !important;
		color: #000 !important;
		font-size: 12pt !important;
		line-height: 1.6 !important;
	}

	* {
		box-shadow: none !important;
		text-shadow: none !important;
		border: none !important;
		border-top: none !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
		outline: none !important;
	}

	/* Reset all pseudo-elements that might cause lines */
	*::before,
	*::after {
		display: none !important;
		border: none !important;
		background: none !important;
	}

	/* ==========================================================================
	   Hide unnecessary elements
	   ========================================================================== */
	.main-navigation,
	.site-footer,
	.header-social-link,
	.widget,
	.sidebar,
	.sidebar-area,
	.footer-widget-wrapper,
	.comments-area,
	.comment-respond,
	.navigation,
	.post-navigation,
	#infinite-handle,
	.entry-meta,
	.cat-links,
	.tags-links,
	.author-profile,
	.post-thumbnail,
	.meta-actions,
	.meta-separator,
	.backtotop,
	#search-modal,
	.site-bottom,
	.reading-progress-bar,
	.pohadkozeme-poll-container,
	.pohadko-poll-container,
	.kk-star-ratings,
	.post-actions,
	.header-actions,
	.menu-toggle,
	#header-image,
	.skip-link,
	.site-header {
		display: none !important;
	}

	/* ==========================================================================
	   Print header - simple text format (only on first page)
	   ========================================================================== */
	.print-header {
		display: block !important;
		margin-bottom: 12pt !important;
		padding-bottom: 8pt !important;
		border: none !important;
		//border-bottom: 1pt solid #ddd !important;
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
	}

	.print-header-title {
		font-size: 11pt !important;
		font-weight: normal !important;
		color: #000 !important;
		margin: 0 0 2pt 0 !important;
	}

	.print-header-url {
		font-size: 9pt !important;
		color: #666 !important;
		margin: 0 !important;
		font-family: monospace !important;
	}

	/* ==========================================================================
	   Article title
	   ========================================================================== */
	.entry-header {
		margin-bottom: 14pt !important;
		padding: 0 !important;
	}

	.entry-title {
		font-size: 18pt !important;
		font-weight: bold !important;
		margin: 0 !important;
		color: #000 !important;
		line-height: 1.3 !important;
	}

	/* ==========================================================================
	   Content area
	   ========================================================================== */
	.entry-content {
		font-size: 11pt !important;
		line-height: 1.7 !important;
		color: #000 !important;
		text-align: justify !important;
	}

	.entry-content p {
		margin: 0 0 10pt 0 !important;
		orphans: 4 !important;
		widows: 4 !important;
	}

	/* ==========================================================================
	   Images - float for text wrapping
	   ========================================================================== */
	.entry-content img {
		max-width: 40% !important;
		height: auto !important;
		float: right !important;
		margin: 0 0 10pt 14pt !important;
		//border: 1pt solid #ddd !important;
		padding: 3pt !important;
	}

	/* First image floats left for variety */
	.entry-content p:first-of-type img,
	.entry-content > img:first-of-type {
		float: left !important;
		margin: 0 14pt 10pt 0 !important;
	}

	.entry-content figure,
	.entry-content .wp-block-image {
		max-width: 40% !important;
		float: right !important;
		margin: 0 0 8pt 14pt !important;
		padding: 0 !important;
	}

	.entry-content figure img,
	.entry-content .wp-block-image img {
		float: none !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Hide image captions */
	.entry-content figcaption,
	.entry-content .wp-caption-text,
	.entry-content .wp-element-caption {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Clear floats after content - exception from global ::after reset */
	.entry-content::after {
		content: "" !important;
		display: table !important;
		clear: both !important;
	}

	/* ==========================================================================
	   Links - no special styling for print
	   ========================================================================== */
	a,
	a:link,
	a:visited,
	a:hover,
	a:active {
		color: #000 !important;
		text-decoration: none !important;
	}

	/* ==========================================================================
	   Layout
	   ========================================================================== */
	.site-content {
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#page {
		width: 100% !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	article {
		margin: 0 !important;
		padding: 0 !important;
	}

	.post-full,
	.post-full-summary {
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* ==========================================================================
	   Print footer - citation and copyright
	   ========================================================================== */
	.print-footer {
		display: block !important;
		margin-top: 20pt !important;
		padding-top: 10pt !important;
		border: none !important;
		//border-top: 1pt solid #ddd !important;
		font-size: 9pt !important;
		color: #555 !important;
		clear: both !important;
	}

	.print-footer p {
		margin: 0 0 4pt 0 !important;
		text-align: left !important;
	}

	.print-footer .print-citation {
		font-style: italic !important;
	}

	/* ==========================================================================
	   Page breaks - prevent cut lines
	   ========================================================================== */
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
		break-after: avoid !important;
		break-inside: avoid !important;
	}

	img, figure {
		page-break-inside: avoid !important;
		break-inside: avoid !important;
	}

	p {
		orphans: 4 !important;
		widows: 4 !important;
		page-break-inside: avoid !important;
		break-inside: avoid !important;
	}

	/* Avoid breaking inside paragraphs with images */
	p:has(img) {
		page-break-inside: avoid !important;
		break-inside: avoid !important;
	}

	/* Keep entry content together where possible */
	.entry-content {
		page-break-before: avoid !important;
	}

	/* ==========================================================================
	   Page margins and running headers/footers
	   ========================================================================== */
	@page {
		margin: 2cm;
	}

	@page :first {
		margin-top: 1.5cm;
	}

	/* Explicitly disable any running headers/footers */
	@page :left {
		margin: 2cm;
	}

	@page :right {
		margin: 2cm;
	}
}

}
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://www.hadalandia.com/wp-includes/blocks/paragraph/style.min.css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

.logged-in .my-reusable-block.readmio,
.my-reusable-block.readmio {
display: block !important;
}

/* ── OUTER WRAPPER ── */
.readmio#ab-banner {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 40px rgba(0,0,0,0.3);
}

.readmio .cta-wrapper-stories {
  width: 100%;
}

/* ── STORY PANEL ── */
.readmio .cta-story {
  position: relative;
  background-color: #0d1a3e;
  background-image: url("https://cdn.prod.website-files.com/618a73d25bc6efa14d184abc/65ca81ff78712455e7ba4377_2d53a300f3ac0bcf4d0c472be5144d75_nightskypng2.avif");
  background-size: cover;
  background-position: center top;
  text-align: center;
  padding: 44px 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.readmio .cta-story::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 200px;
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(40,80,200,0.3) 0%, transparent 100%);
  pointer-events: none;
}

/* ── TITLE ── */
.readmio .title-category.story-cta {

  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}


/* ── PARAGRAPH ── */
.readmio .cta-paragrah {
  font-size: 15px;
  line-height: 1.65;
  max-width: 400px;
  margin: 0 auto 28px;
  position: relative;
  z-index: 1;
  color: #fff;
}

/* ── BUTTON BLOCK ── */
.readmio .button-block.story-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.readmio .button-primary.large.gold {

  display: inline-block;
  background: linear-gradient(180deg, #f7c200 0%, #e09400 100%);
  color: #1a0e00;
  font-size: 18px;
  font-weight: 800;
  padding: 14px 60px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 0.2px;
  box-shadow: 0 4px 22px rgba(220,150,0,0.5);
  transition: filter 0.15s ease, transform 0.15s ease;
}
.readmio .button-primary.large.gold:hover {
  filter: brightness(1.07);
  transform: translateY(-2px);
}

.readmio .paragraph-6 {
  color: #fff;
  margin: 0;
}

/* ── STORE BUTTONS ── */
.readmio ._2-buttons.home-hero.story-detail {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.readmio ._2-buttons .link-block,
.readmio ._2-buttons .afsmartlinkandroid {
  display: inline-block;
  line-height: 0;
}

.readmio .download-button {
  height: 44px;
  width: auto;
  display: block;
}

/* ── STARS ── */
.readmio .star.story-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

.readmio .star-image {
  width: 22px;
  height: 22px;
}

.readmio .rating {

  font-size: 15px;
  font-weight: 800;
  color: #ffffff;
  margin: 6px;
}

/* ── HERO IMAGE ── */
.readmio .cta-story-image {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}

.readmio .cta-story-image.b-variant {
  display: block !important;
}