/*
 Theme Name: Material Dark
 Description: Ciemna wersja motywu Material dla michalgellert.pl - wizytówka z archiwum bloga.
 Author: Michał Gellert
 Template: material
 Version: 1.0.0
 Text Domain: material-dark
*/

:root {
	--md-bg: #121212;
	--md-surface: #1e1e1e;
	--md-surface-2: #262626;
	--md-border: #333;
	--md-text: #e3e3e3;
	--md-text-2: #a8a8a8;
	--md-primary: #64b5f6;
	--md-primary-hover: #90caf9;
	--md-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .4);
	color-scheme: dark;
}

/* --- Dawny "Dodatkowy CSS" z Customizera --- */
.grecaptcha-badge { visibility: hidden; }
.author-url { visibility: hidden; }
.site-menu { margin-top: 10px; font-size: 16px; }
.col-md-9, .col-md-3 { width: 100%; }
body { font-size: 16px; }
.big-font { font-size: 96px; }

/* --- Podstawa --- */
body {
	background: var(--md-bg) !important;
	color: var(--md-text);
	-webkit-font-smoothing: antialiased;
}
a { color: var(--md-primary); }
a:hover, a:focus { color: var(--md-primary-hover); }
h1, h2, h3, h4, h5, h6 { color: #f2f2f2; }
hr { border-color: var(--md-border); }
::selection { background: rgba(100, 181, 246, .35); }

/* --- Nagłówek --- */
.banner { background: var(--md-bg); }
.site-banner { filter: brightness(.6) saturate(.9); }
.site-logo a, .site-logo a:hover { color: #fff; }
.tagline { color: rgba(255, 255, 255, .78); font-size: 18px; }

.site-navigation.navbar-default {
	background: var(--md-surface);
	border-color: transparent;
	box-shadow: var(--md-shadow);
}
.navbar-default .navbar-nav > li > a,
.site-menu a { color: var(--md-text-2); }
.site-menu a:hover, .site-menu a:focus,
.site-menu .current-menu-item > a,
.site-menu .current_page_item > a { color: #fff; }
.site-menu .current-menu-item > a,
.site-menu .current_page_item > a { box-shadow: inset 0 -2px 0 var(--md-primary); }
.navbar-default .navbar-toggle { border-color: var(--md-border); }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: var(--md-surface-2); }
.navbar-default .navbar-toggle .icon-bar { background: var(--md-text-2); }
.navbar-default .navbar-collapse,
.site-navigation .navbar-collapse,
.site-navigation .navbar-collapse.in,
.site-navigation .navbar-collapse.collapsing {
	background: var(--md-surface) !important;
	border-color: var(--md-border);
	box-shadow: none;
}

/* --- Karty (wpisy, strony, widgety, stopka) --- */
article, .hentry,
.widget, .copyright, .comments-area, #comments,
.navigation, .pagination, .nav-links, .no-results {
	background-color: var(--md-surface) !important;
	color: var(--md-text);
	box-shadow: var(--md-shadow) !important;
}
.entry-title, .entry-title a, .page-title { color: #f2f2f2; }
.entry-title a:hover { color: var(--md-primary-hover); }
.entry-meta, .entry-meta a, .posted-on, .byline, .entry-footer,
.entry-footer a, .cat-links, .tags-links, .comment-metadata, .comment-metadata a {
	color: var(--md-text-2);
}

/* Strona główna (wizytówka) - bez tytułu "Main" */
.home .entry-header, .home .entry-title { display: none; }

/* --- Treść --- */
.entry-content img { max-width: 100%; height: auto; }
blockquote, .wp-block-quote {
	border-left: 4px solid var(--md-primary);
	background: var(--md-surface-2);
	color: var(--md-text);
}
blockquote footer, blockquote small, blockquote cite { color: var(--md-text-2); }
code, kbd {
	background: var(--md-surface-2);
	color: #f48fb1;
	border-radius: 3px;
}
pre, .wp-block-code {
	background: #0d1117 !important;
	color: #e6edf3;
	border: 1px solid var(--md-border) !important;
	border-radius: 4px;
	padding: 0;
	white-space: pre;
	word-break: normal;
	word-wrap: normal;
	overflow-x: auto;
}
pre code, pre code.hljs {
	display: block;
	padding: 14px 16px;
	background: transparent !important;
	color: inherit;
	white-space: pre;
	font-size: 13.5px;
	line-height: 1.55;
}
table, th, td, .wp-block-table td, .wp-block-table th { border-color: var(--md-border) !important; }
th { background: var(--md-surface-2); }
.wp-caption, .wp-caption-text, figcaption, .wp-element-caption { color: var(--md-text-2); background: transparent; }
.video-embed iframe, .entry-content iframe { max-width: 100%; }
.video-embed { margin: 1em 0; }

/* Bloki z kolorem "contrast" z dawnego motywu blokowego - na ciemnym tle muszą być jasne */
.has-contrast-color, .has-contrast-color a,
.wp-block-post-title a, .wp-block-post-date, .wp-block-post-date a,
.wp-block-query-pagination a { color: var(--md-text) !important; }
.wp-block-post-title a:hover, .wp-block-query-pagination a:hover { color: var(--md-primary-hover) !important; }
.wp-block-post-date { color: var(--md-text-2) !important; }

/* --- Archiwum bloga (strona "Blog") --- */
.blog-archive .wp-block-post {
	background: transparent !important;
	box-shadow: none !important;
	padding: 18px 0;
	border-bottom: 1px solid var(--md-border);
}
.blog-archive .wp-block-post:last-child { border-bottom: 0; }
.blog-archive .wp-block-post-title { margin: 4px 0 8px; font-size: 22px; line-height: 1.3; font-weight: 500; }
.blog-archive .wp-block-post-excerpt { color: var(--md-text-2); margin: 0; }
.blog-archive .wp-block-post-excerpt__more-text { margin-top: 6px; }
.blog-archive .wp-block-query-pagination { margin-top: 24px; gap: 18px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.blog-archive .page-numbers { padding: 0 4px; }
.blog-archive .page-numbers.current { color: var(--md-primary); font-weight: 600; }
.blog-archive .wp-block-post-date { font-size: 13px; letter-spacing: .5px; }
.blog-archive-intro { color: var(--md-text-2); }

/* Telefon: nagłówek nie nachodzi na menu */
@media (max-width: 767px) {
	.site-logo a { font-size: 30px; }
	.tagline { font-size: 14px; line-height: 1.3; }
	.sitelogo { width: 100%; }
	.site-menu .current-menu-item > a,
	.site-menu .current_page_item > a {
		box-shadow: inset 3px 0 0 var(--md-primary);
		padding-left: 10px;
		color: #fff;
	}
	.site-menu a { display: block; padding: 6px 0; }
	.site-navigation.navbar { margin-top: 0; }
	.blog-archive .wp-block-post-title { font-size: 19px; }
}

/* --- Formularze (Contact Form 7, wyszukiwarka, komentarze) --- */
input[type="text"], input[type="email"], input[type="url"], input[type="tel"],
input[type="search"], input[type="password"], input[type="number"], textarea, select, .form-control {
	background: var(--md-surface-2);
	color: var(--md-text);
	border: 1px solid #444;
	border-radius: 4px;
	padding: 8px 10px;
	max-width: 100%;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: var(--md-primary);
	box-shadow: 0 0 0 2px rgba(100, 181, 246, .25);
}
input[type="submit"], button, .btn, .wpcf7-submit, .more-link {
	background: var(--md-primary);
	color: #0b1a26;
	border: 0;
	border-radius: 4px;
	padding: 8px 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .5px;
	cursor: pointer;
}
input[type="submit"]:hover, button:hover, .btn:hover, .wpcf7-submit:hover, .more-link:hover {
	background: var(--md-primary-hover);
	color: #0b1a26;
}
.navbar-toggle { background: transparent; padding: 9px 10px; }
.wpcf7 form .wpcf7-response-output { border-color: var(--md-border); }
.wpcf7-not-valid-tip { color: #ef9a9a; }

/* --- Stopka: ta sama treść i układ, tylko ciemne kolory --- */
.site-footer .copyright, .site-footer .copyright p { color: var(--md-text-2); }
.site-footer .copyright a { color: var(--md-text); }
.site-footer .copyright a:hover { color: var(--md-primary-hover); }
.site-footer .wp-block-social-links.is-style-logos-only .wp-social-link-x,
.site-footer .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { color: #fff; }

/* --- Komentarze (archiwalne) --- */
.comment-body, .comment-list .comment { border-color: var(--md-border); }
.bypostauthor > .comment-body { border-left: 3px solid var(--md-primary); padding-left: 10px; }

/* --- Okno thickbox / modal --- */
.modal-content, #TB_window { background: var(--md-surface); color: var(--md-text); }

/* --- Strona "O mnie" (wizytówka) --- */
.about-card { padding: 16px 0 8px; }
.about-photo { margin: 0 auto 18px !important; }
.about-photo img {
	width: 180px;
	height: 180px;
	object-fit: cover;
	object-position: 50% 42%;
	border-radius: 50%;
	border: 3px solid var(--md-primary);
	filter: brightness(.92);
}
.about-name { margin: 0 0 6px; font-size: 34px; font-weight: 500; }
.about-role { margin: 0 0 26px; color: var(--md-text-2); font-size: 17px; letter-spacing: .3px; }
.about-card p { font-size: 17px; line-height: 1.7; }
.about-card .wp-block-buttons { margin-top: 28px; gap: 12px; }
.about-card .wp-block-button__link {
	border-radius: 4px;
	padding: 10px 22px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 14px;
	text-decoration: none;
}
.about-card .is-primary .wp-block-button__link { background: var(--md-primary); color: #0b1a26; }
.about-card .is-primary .wp-block-button__link:hover { background: var(--md-primary-hover); }
.about-card .is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--md-text);
	border: 1px solid #555;
}
.about-card .is-style-outline .wp-block-button__link:hover { border-color: var(--md-primary); color: #fff; }
.tagline:empty { display: none; }
@media (max-width: 767px) {
	.about-photo img { width: 140px; height: 140px; }
	.about-name { font-size: 28px; }
	.about-card p { font-size: 16px; }
}