/*
Theme Name:  Cenote Ewa
Theme URI:   https://ewasulek.com/
Description: Motyw potomny Cenote z odświeżonym wyglądem strony (2026): jasne tło, Literata i Onest hostowane lokalnie, cienki różowy pasek u góry. Powrót do starego wyglądu: aktywuj z powrotem motyw Cenote.
Author:      szydlo.it
Template:    cenote
Version:     1.0.0
Text Domain: cenote-ewa
*/

/* Kolory. Akcent to brudny róż z dotychczasowej strony. */
:root {
	--ewa-fg: #1c1b1a;
	--ewa-dim: #77716b;
	--ewa-line: #e3dfda;
	--ewa-bg: #fbfaf8;
	--ewa-accent: #de7b85;
	--ewa-sans: "Onest", "Helvetica Neue", Arial, sans-serif;
	--ewa-serif: "Literata", Georgia, "Times New Roman", serif;
}

/* "html body" przebija style z Customizera (Kirki), które motyw wstawia po tym pliku */

/* ---------- reguły przeniesione z dotychczasowego Dodatkowego CSS ---------- */
table { border: none; }
.page-template-default .entry-header .entry-title { font-size: 1.5rem; }
figure { margin: 0.5em 0; }
.wp-caption .wp-caption-text { margin: 0.01em 0; }
.wp-caption-text { text-align: left; font-size: x-small; }
.mejs-container { width: 860px !important; }
.entry-content ul li { list-style-type: none; }
.entry-content ul li:before { content: "✽"; padding-right: 5px; }
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 862px; height: 100%; }
@media screen and (max-width: 992px) {
	.video-container iframe { width: 100%; }
}

/* ---------- podstawa ---------- */
html body {
	font-family: var(--ewa-sans);
	color: var(--ewa-fg);
	background: var(--ewa-bg);
	border-top: 4px solid var(--ewa-accent);
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
	font-family: inherit;
	font-weight: 400;
}
p { text-align: left; }

/* bez pudełka z cieniem */
.layout-site--boxed #page {
	max-width: 1160px;
	margin: 0 auto;
	background: transparent;
	box-shadow: none;
}
#page, .site-header, .tg-site-header, .site-content, .site-footer,
.tg-site-footer, .tg-footer-top, .tg-footer-bottom {
	background: transparent !important;
}

/* ---------- nagłówek: nazwisko i menu w jednym wierszu ---------- */
.tg-site-header { border-bottom: 1px solid var(--ewa-line); }
.tg-site-header .tg-header-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 40px;
	width: 95%;
	margin: 0 auto;
	padding: 30px 0 22px;
}
/* ta sama szerokość co treść (.tg-container motywu) */
@media (min-width: 768px) { .tg-site-header .tg-header-bottom { max-width: 720px; } }
@media (min-width: 992px) { .tg-site-header .tg-header-bottom { max-width: 940px; } }
@media (min-width: 1200px) { .tg-site-header .tg-header-bottom { max-width: 1160px; } }
.tg-site-header .tg-header-bottom .header-bottom-top { padding: 0; }
.tg-site-header .tg-header-bottom .header-bottom-bottom { flex: 1; }
.tg-site-header .tg-header-bottom .tg-container { width: auto; max-width: none; padding: 0; margin: 0; }
.tg-site-header.tg-site-header--bordered .tg-header-bottom .header-bottom-bottom .tg-container {
	border-top: 0;
	padding: 0;
	justify-content: flex-end;
}
.tg-site-header .tg-header-bottom .tg-social-menu-navigation { display: none; }
.tg-site-header .tg-header-bottom .main-navigation { flex: 0 1 auto; }
.tg-site-header .tg-header-bottom .tg-header-action-navigation { flex: 0 0 auto; }
.tg-site-menu--default ul { justify-content: flex-end; }

html body .site-branding .site-title {
	font-family: var(--ewa-serif);
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: -0.01em;
	margin: 0;
}
html body .site-title a { color: var(--ewa-fg) !important; }

/* pasek przyklejony po przewinięciu: pełne tło, żeby nic pod nim nie prześwitywało */
html body .cenote-header-sticky {
	background: var(--ewa-bg) !important;
	border-top: 4px solid var(--ewa-accent);
	border-bottom: 1px solid var(--ewa-line);
	box-shadow: none !important;
}

/* ---------- menu ---------- */
html body .main-navigation a {
	font-family: inherit;
	font-size: .95rem;
	font-weight: 400;
	margin-left: 11px;
	margin-right: 11px;
	color: var(--ewa-fg) !important;
	border-bottom: 1px solid transparent !important;
}
html body .main-navigation li:hover > a { border-bottom-color: currentColor !important; }
html body .main-navigation ul.sub-menu {
	background: #fff !important;
	border: 1px solid var(--ewa-line);
	box-shadow: 0 10px 30px -12px rgba(0,0,0,.18) !important;
}
html body .main-navigation ul ul a { font-size: .88rem; padding: 11px 18px; margin: 0; color: var(--ewa-dim) !important; border-bottom-color: #f1efec !important; }
html body .main-navigation ul ul li:hover > a { border-bottom-color: #f1efec !important; }
/* bez strzałek przy pozycjach z podmenu (na telefonie strzałki rozwijania zostają) */
html body .tg-site-menu--default li.menu-item-has-children > a::after,
html body .tg-site-menu--default li.page_item_has_children > a::after { display: none; }
/* pozycja bez własnej strony (link "#"), np. Writer */
html body .main-navigation a[href="#"] { cursor: default; }

/* przełącznik języka jako "EN / PL" (w Menu: Języki bez listy rozwijanej i bez flag) */
.pll-switcher-flag { display: none !important; }
html body .main-navigation li.lang-item { display: flex; align-items: center; }
html body .main-navigation li.lang-item > a { font-size: 0 !important; margin: 0 4px; }
html body .main-navigation li.lang-item > a::after { font-size: .82rem; letter-spacing: .06em; color: var(--ewa-dim); }
html body .main-navigation li.lang-item-en > a::after { content: "EN"; }
html body .main-navigation li.lang-item-pl > a::after { content: "PL"; }
html body .main-navigation li.lang-item.current-lang > a::after { color: var(--ewa-fg); font-weight: 500; }
html body .main-navigation li.lang-item + li.lang-item::before { content: "/"; font-size: .82rem; color: var(--ewa-dim); }
html body .main-navigation li.lang-item:first-of-type { margin-left: 14px; }

/* ---------- treść ---------- */
.site-content { margin-top: 64px; }
html body .entry-content,
html body .entry-title,
html body .entry-content h1, html body .entry-content h2, html body .entry-content h3, html body .entry-content h4 {
	font-family: var(--ewa-serif);
}
.entry-content { font-size: 1.05rem; line-height: 1.55; }
html body .entry-content a { color: var(--ewa-fg) !important; text-decoration: none; }
html body .entry-content a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.entry-content img.alignleft { margin: 0 2.5rem 1.5rem 0; }

/* ---------- strona główna ----------
   Ewa wpisuje aktualności jak dotąd: <a>Tytuł</a> @<a>Miejsce</a>, <a>Miejsce 2</a>.
   Znak @ i przecinki są ukrywane, miejsca idą do drugiej, mniejszej linii (muszą być linkami).
   Pierwszy akapit (okładka z podpisem) trafia do lewej kolumny. */
.home .entry-content::before {
	content: "News";
	display: block;
	font-family: var(--ewa-sans);
	font-size: .72rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ewa-dim);
	padding-bottom: 14px;
	border-bottom: 1px solid var(--ewa-line);
}
html[lang^="pl"] .home .entry-content::before { content: "Aktualności"; }

.home .entry-content > p {
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid var(--ewa-line);
	line-height: 1.45;
}
.home .entry-content > p:has(> a) { font-size: 0; }
.home .entry-content > p > a:first-child { display: block; font-size: 1.05rem; }
.home .entry-content > p > a:not(:first-child) {
	font-family: var(--ewa-sans);
	font-size: .8rem;
	color: var(--ewa-dim) !important;
}
.home .entry-content > p > a + a + a::before { content: ", "; }

/* okładka z podpisem */
.home .entry-content > p:first-child { border: 0; padding: 0; }
.home .entry-content > p:first-child > a {
	display: block;
	font-family: var(--ewa-sans);
	font-size: .8rem;
	line-height: 1.5;
	color: var(--ewa-dim) !important;
}
.home .entry-content > p:first-child img {
	float: none;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 12px;
}

@media (min-width: 769px) {
	.home .entry-content {
		display: grid;
		grid-template-columns: 220px minmax(0, 560px);
		column-gap: 48px;
		align-items: start;
	}
	.home .entry-content::before { grid-column: 2; grid-row: 1; }
	.home .entry-content > p { grid-column: 2; }
	.home .entry-content > p:first-child { grid-column: 1; grid-row: 1 / span 40; }
}

/* ---------- kontakt ---------- */
.ewa-kontakt { display: grid; gap: 28px; max-width: 560px; }
.ewa-kontakt .ewa-email { font-size: 1.35rem; margin: 0; }
.ewa-kontakt ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ewa-line); }
html body .ewa-kontakt ul li { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--ewa-line); line-height: 1.45; }
html body .ewa-kontakt ul li::before { content: none; }
.ewa-kontakt ul li a { display: block; }
.ewa-kontakt ul li span { font-family: var(--ewa-sans); font-size: .8rem; color: var(--ewa-dim); }

/* ---------- stopka ---------- */
.tg-site-footer, .tg-site-footer .tg-footer-bottom, .tg-site-footer .tg-footer-top,
.tg-site-footer .tg-footer-bottom .tg-container, .tg-site-footer .tg-footer-bottom .tg-footer-bottom-container,
.tg-site-footer .tg-footer-top .tg-container { border-color: transparent !important; }
html body .site-info, html body .site-info a { font-size: .8rem; color: var(--ewa-dim) !important; }

/* ---------- odrobina koloru: róż po najechaniu ---------- */
html body .main-navigation li:hover > a,
html body .main-navigation a:hover,
html body .main-navigation a:focus,
html body .main-navigation ul.sub-menu li:hover > a,
html body .entry-content a:hover,
html body .home .entry-content > p > a:hover,
html body .site-info a:hover { color: var(--ewa-accent) !important; }
html body .main-navigation li.lang-item > a:hover::after { color: var(--ewa-accent); }

/* ---------- telefon ---------- */
@media (max-width: 768px) {
	.tg-site-header .tg-header-bottom { padding-top: 18px; }
	.site-content { margin-top: 32px; }
	.home .entry-content { display: flex; flex-direction: column; }
	.home .entry-content > p:first-child { order: -2; margin-bottom: 32px; }
	.home .entry-content::before { order: -1; }
	.home .entry-content > p:first-child > a { display: grid; grid-template-columns: 110px 1fr; gap: 16px; align-items: end; }
	.home .entry-content > p:first-child img { margin: 0; }
	html body .cenote-mobile-navigation { background: var(--ewa-bg); }
}