/* 
Theme Name: miniBits 
Theme URI: http://www.creativebits.it/go/minibits 
Version: 0.8 
Author: Raffaele Rasini 
Author URI: http://creativebits.it/ 
*/ 

* { padding:0; margin:0; }
body { padding:0px; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; color: #222222; line-height: 150%; /*background: #4A525A ;*/ background-color: #EFEFEF;  }
hr { display: none; margin: 0; }
a { color: #6B8D20; text-decoration: underline; }
a:hover { background-color: #6B8D20; color: White; text-decoration: none; }
a img, .post a img, img { border: 0; text-decoration: none; border-color: white; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; }
span.highlight { background-color: #FFFFDB; }

/* ---[ Elementi ]------------------------------- */
blockquote { margin: 1em 0 1em 0; padding: 0; color: #777; background: White url(img/quote.gif) no-repeat top left; padding-top: 10px; padding-left: 35px; }
code { color: #6B8D20; font-family: Monaco, monospace; text-align: left; }
code strong { color: #4E6200; }
abbr, acronym, .popup { font-style: normal; border-bottom: 1px dotted #999; cursor: help; }
em { font-style: italic; }
strong { font-weight: bold; }
strike, del { text-decoration: line-through; }
ins { text-decoration: none; }
address { margin: 0; padding: 0; font-style: normal; }

#wrapper_pozadi { margin: 0 auto; width: 984px; height: auto; background: url(img/pozadi_2.gif);  }

#wrapper_velky { margin: 0 auto; text-align: left; width: 984px;  background: url(img/pozadi_3.gif) no-repeat top left; background-repeat: no-repeat; padding-top: 150px; }



/* ---[ Container ]------------------------------- */ 
#wrapper { margin: 0px 0 0 160px; text-align: left; width: 760px; background: #FFFFFF ; font-size: 0.9em; line-height: 1.6em; padding: 0px; /*border-right: 2px solid #424A51; border-left: 2px solid #424A51;*/ }
#wrapper .container { float: left; width: 520px; }
.clear { clear: both; }

/* ---[ Header ]------------------------------- */ #header { padding: 10px 0 30px 0; }
#header h1 { font-weight: lighter; font-size: 4em; margin-bottom: 10px; }
#header h1 a { color: #4A525A; text-decoration: none; }
#header h1 a:hover { color: #9D4134; background-color: transparent; }
#header span.desc { color: #7B8691; text-transform: uppercase; font-size: 0.9em; }

/* ---[ Pagine ]------------------------------- */ 
.post { margin-bottom: 25px; }
.post .titolo { border-bottom: 1px solid #E1E1D3; padding-bottom: 3px; }
* html .post .titolo { padding-bottom: 6px; }
.post h2, .post h2 a { color: #ea2b2b; font-size: 22.8px; font-weight: lighter; display: inline; }
.post h2 a { border: 0; text-decoration: none; }
.post h2 a:hover { background-color: transparent; color: #a60000; }
.post h3 { margin-bottom: 4px; padding-bottom: 3px; font-size: 1.2em; color: #278BD8; font-weight: bold; border-bottom: 1px solid #D8D3C1; }
.post span.edit { float: right; margin-top: -20px; }
.post span.edit a { border: 0; font-size: 0.9em; }
.post small { color: #878787; font-size: 0.9em; padding-left: 1px; }
* html .post small { padding-left: 5px; }

.post div.corpo ul.more_info a { color: #D87431; }
.post div.corpo ul.more_info a:hover { background-color: #D87431; color: White; }
.post div.corpo ul.more_info { list-style-type: none; margin: 0; padding: 3px 8px 3px 8px; width: 145px; float: right; margin-bottom: 10px; margin-left: 10px; background-color: #F8F8F6; border: 1px solid #E2E2DA; }
.post div.corpo ul.more_info li { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #E2E2DA; }
.post div.corpo ul.more_info li.first { border: 0; }
.post div.corpo ul.more_info span { display: block; }
.post div.corpo { padding-top: 6px; }
.post div.corpo a.more-link { color: #9D4134; }
.post div.corpo a.more-link:hover { color: White; background-color: #9D4134; }
.post div.corpo ul, .post div.corpo ol{ margin: 15px 0 15px 35px; }
.post div.corpo p { margin-bottom: 10px; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
img.alignright, img[align="right"] { padding: 4px 0 0 0; margin: 0 0 5px 5px; display: inline; }
img.alignleft, img[align="left"] { padding: 4px 0 0 0; margin: 0 5px 5px 0; display: inline; }
.post div.corpo h4 { font-size: 1.1em; margin-top: 10px; margin-bottom: 0; }

/* ---[ Commenti ]------------------------------- */ 
#commenti { margin-top: 15px; }
#commenti h4 { margin-bottom: 15px; font-size: 1.05em; color: #626C76; font-weight: bold; border-bottom: 1px solid #E1E1D3; }
#commenti a.rss_commenti { border: 0; float: right; margin-top: 1px; }
#commenti ol#commentlist { list-style-type: none; }
#commenti ol#commentlist li { margin-bottom: 15px; }
#commenti ol#commentlist li span { display: block; }
#commenti ol#commentlist li div.messaggio { background: #F4FAE2; padding: 10px; }
#commenti ol#commentlist li span.autore { padding: 5px 10px 5px 0; background: url(img/comment-from.gif) no-repeat 20px 0px; }
#commenti ol#commentlist li span.autore a.count{ color: #999999; margin-right: 45px; font-weight: normal; }
#commenti ol#commentlist li span.autore a.count:hover{ color: #666666; background-color: White; }

/* Stile link per commentatore normale */ 
#commenti ol#commentlist li span.autore a { font-weight: bold; color: #96B236; border-color: #CFE7F7; }
#commenti ol#commentlist li span.autore a:hover { background-color: White; }
.nocomment { padding: 0 0 10px 0; margin: 0; }
#commenti ol#commentlist li span.edit_comment { float: right; margin: -16px 0 0 0; }

/* Modulo inserimento commenti */ 
#commenti .form_commenti { }
#commenti .form_commenti form { color: #595750; padding: 0; margin-top: -4px; }
form label { display: block; }

/* link e maggiori info sui commenti */ 
#commenti .form_commenti .more_info { background-color: #FFF0F5; float: right; }
#commenti .form_commenti form br { display: none; }

/* ---[ Sidebar ]------------------- */ 
#sidebar { width: 220px; background-color: #F0F3F4; float: right; color: #727267; }
#sidebar .main_sidebar { padding: 5px 10px 5px 10px; }
#sidebar h3, #sidebar h2 { font-size: 1.2em; padding-bottom: 2px; color: #3C4848; border-bottom: 1px solid #CCD6D6; font-weight: lighter; margin-bottom: 4px; }
#sidebar a { color: #4170BE; text-decoration: underline; }
#sidebar a:hover { background-color: #4170BE; color: White; text-decoration: none; }
#sidebar .top { background: url(img/sidebar_top.gif) no-repeat top center; height: 5px; }
#sidebar .bottom { background: url(img/sidebar_bottom.gif) no-repeat bottom center; height: 5px; }
#sidebar ul, #sidebar ol, #sidebar li { list-style-type: none; }
#sidebar .block, #sidebar .linkcat { margin-bottom: 15px; }
.cerca_modulo { width: 130px; }
.cerca_invio { width: 60px; }

/* ---[ Widget]------------- */ 
#wp-calendar { width: 180px; }

/* ---[ Footer ]------------------------------- */ 
#footer { padding: 8px 0 8px 0; border-top: 1px solid #EEEEEE; margin: 0px; font-size: 0.9em; color: #999999; margin-top: 15px; }
#footer img { float: left; margin-top: 5px; margin-bottom: -5px; margin-right: 5px; }
#footer img a { border: 0; }
#footer span{ display: block; margin-left: 60px; }
#footer a { color: #333; border-color: #D8F18C; }
#footer a:hover { background-color: White; color: #333; text-decoration: none; }


.widerbar {background-color: #F0F3F4; margin: 0px 5px 0px 0px; padding: 5px 0px 0px 20px;}


#twitter ul {border:0px; padding:0px;}
#twitter ul li {margin:0;
padding: 0px 5px 10px 0px; line-height:20px; font-size: 0.9em; background-color: #F0F3F4;}


#directo a:hover { background-color: #6B8D20; color: White; text-decoration: none; }
#directo a { color: #333; border-color: #D8F18C; }

/* ---[ Doplňky 2026 ]------------------------------- */
/* tučné odkazy v kategoriích (dříve řešeno nevalidním <b><ul>) */
#sidebar .cesty a { font-weight: bold; }

/* obrázky zarovnané na střed z editoru */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* související články pod článkem */
.related_posts { clear: both; padding-top: 15px; }
.related_posts ul { margin: 5px 0 0 20px; }

/* formulář komentářů generovaný WordPressem */
#commentform p { margin-bottom: 8px; }
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] { width: 300px; max-width: 100%; }
#commentform textarea { width: 100%; box-sizing: border-box; }
#commentform .comment-form-cookies-consent label { display: inline; }
#commenti .comment-reply-link { font-size: 0.9em; }
#commenti ol#commentlist ol.children { list-style-type: none; margin: 10px 0 0 25px; }

/* =====================================================================
   RESPONZIVNÍ ÚPRAVY (2026)
   Desktop (nad 1000 px) zůstává beze změny.
   ===================================================================== */

/* obrázky a vložený obsah se nikdy nevylijí z obsahu */
.post img, #commenti img, #sidebar img { max-width: 100%; height: auto; }
.post iframe, .post video, .post embed, .post object { max-width: 100%; }
.post div.corpo, #sidebar, #commenti { overflow-wrap: break-word; word-wrap: break-word; }

/* ---- Tablet a menší notebook: pryč s papírovým pozadím, obsah na střed ---- */
@media (max-width: 1000px) {
	#wrapper_pozadi, #wrapper_velky { width: auto; background: none; padding-top: 0; }
	#wrapper {
		width: auto; max-width: 760px;
		margin: 20px auto; padding: 10px 20px 0 20px;
		box-sizing: border-box;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
	#wrapper .container { width: 68%; }
	#sidebar { width: 29%; }
	#sidebar .cerca_modulo { width: 60%; }
	#sidebar .cerca_invio { width: 35%; }
}

/* ---- Mobil: jeden sloupec, sidebar pod obsahem ---- */
@media (max-width: 720px) {
	body { font-size: 15px; }
	#wrapper { margin: 0; padding: 10px 15px 0 15px; font-size: 1em; box-shadow: none; }
	#wrapper .container, #sidebar { float: none; width: auto; }

	#header { padding: 10px 0 20px 0; }
	#header h1 { font-size: 2.2em; line-height: 1.2em; }
	.post h2, .post h2 a { font-size: 1.4em; line-height: 1.3em; }

	/* box s datem/komentáři/kategorií: místo plovoucího sloupce řádek nad textem */
	.post div.corpo ul.more_info { float: none; width: auto; margin: 0 0 12px 0; display: flex; flex-wrap: wrap; gap: 0 15px; }
	.post div.corpo ul.more_info li, .post div.corpo ul.more_info li.first { border: 0; padding: 4px 0; }
	.post div.corpo ul.more_info span { display: inline; margin-left: 3px; }

	/* obrázky zarovnané vpravo/vlevo přes celou šířku */
	img.alignright, img[align="right"], img.alignleft, img[align="left"] { display: block; float: none; margin: 5px auto; }
	.post div.corpo ul, .post div.corpo ol { margin-left: 20px; }

	/* sidebar jako samostatný blok pod články */
	#sidebar { margin-top: 25px; border-radius: 5px; }
	#sidebar .top, #sidebar .bottom { display: none; }
	#sidebar .main_sidebar { padding: 10px 15px; }
	#sidebar li { padding: 3px 0; }               /* větší plocha pro prst */
	#sidebar .cerca_modulo { width: 65%; }
	#sidebar .cerca_invio { width: 30%; }

	/* stránkování a patička */
	.wp-pagenavi { display: flex; flex-wrap: wrap; gap: 4px; }
	#footer span { margin-left: 0; }

	/* formulář komentářů */
	#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] { width: 100%; box-sizing: border-box; }
	#commenti ol#commentlist li span.autore a.count { margin-right: 10px; }
	input, textarea { font-size: 16px; }         /* iPhone pak při psaní nezoomuje */
}

/* ---[ Galerie (shortcode [gallery]) ]------------------------------- */
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 10px 0 15px 0; clear: both; }
.gallery-columns-1 { grid-template-columns: 1fr; }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.gallery .gallery-item { margin: 0; }
.gallery .gallery-icon a { display: block; }
.gallery .gallery-icon a:hover { background: none; }
.gallery img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border: 0; }
.gallery .gallery-caption { font-size: 0.85em; color: #777; line-height: 1.3em; padding-top: 3px; }
@media (max-width: 720px) {
	.post .gallery[class*="gallery-columns-"] { grid-template-columns: repeat(2, 1fr); gap: 6px; }
	.post .gallery.gallery-columns-1 { grid-template-columns: 1fr; }
}

/* ---[ Mobilní menu (hamburger) ]------------------------------- */
.menu-toggle, .menu-close, .menu-overlay { display: none; }

@media (max-width: 720px) {
	#header { position: relative; }
	#header h1 { padding-right: 50px; }

	.menu-toggle {
		display: block; position: absolute; top: 12px; right: -6px;
		width: 44px; height: 44px; padding: 11px 9px; margin: 0;
		border: 0; background: transparent; cursor: pointer;
	}
	.menu-toggle span { display: block; height: 3px; margin: 0 0 6px 0; background: #4A525A; border-radius: 2px; }
	.menu-toggle span:last-child { margin-bottom: 0; }

	/* sidebar jako výsuvný panel zprava (jen když běží JavaScript, jinak zůstane pod články) */
	body.has-drawer #sidebar {
		position: fixed; top: 0; right: 0; bottom: 0; z-index: 1001;
		width: 85%; max-width: 340px; margin: 0; border-radius: 0;
		overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
		box-shadow: -2px 0 12px rgba(0, 0, 0, 0.25);
		transform: translateX(100%); visibility: hidden;
	}
	body.has-drawer.menu-open #sidebar { transform: none; visibility: visible; }
	/* animace až po načtení stránky (třída menu-ready), aby při startu nebylo vidět zavírání */
	body.menu-ready #sidebar { transition: transform 0.25s ease, visibility 0s linear 0.25s; }
	body.menu-ready.menu-open #sidebar { transition: transform 0.25s ease, visibility 0s; }
	body.admin-bar.has-drawer #sidebar { top: 46px; }
	body.menu-open { overflow: hidden; }

	body.menu-open .menu-overlay { display: block; position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0.4); }

	body.has-drawer .menu-close {
		display: block; float: right; width: 44px; height: 44px; margin: 4px 4px 0 0;
		border: 0; background: transparent; cursor: pointer;
		font-size: 32px; line-height: 44px; color: #3C4848;
	}
	body.has-drawer #sidebar .main_sidebar { clear: both; padding-top: 0; }
}

/* ---[ Ručně vložené náhledy (filtr minigalerie ve functions.php) ]------------------------------- */
.minigalerie { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 10px 0 15px 0; clear: both; }
.minigalerie a { display: block; border: 0; }
.minigalerie a:hover { background: none; }
.minigalerie img { display: block; width: 100%; height: auto; }
.minigalerie--ctverce img { aspect-ratio: 1 / 1; object-fit: cover; }
@media (max-width: 720px) {
	.post .minigalerie { grid-template-columns: repeat(2, 1fr); gap: 6px; }
}