/*
Theme Name: Wellington Child
Theme URI: https://kozossegikalandozasok.hu/
Template: wellington
Author: Liftup Kft.
Description: Közösségi kalandozások – Wellington child theme. Kiváltja a Wellington Pro bővítményt (színek, betűk, fejléc-kereső, lábléc, kiemelt cikkek), magyar feliratok, cikk végi Marketing Hub CTA.
Version: 1.0.1
Text Domain: wellington-child
*/

/* ---------- Színek és betűk (a korábbi Pro-beállítások, akadálymentes kontraszttal) ---------- */
:root {
	--kk-brand: #f04a24;          /* fejléc narancs */
	--kk-brand-dark: #c93a17;     /* linkek, gombok – 5:1 kontraszt fehéren */
	--kk-gray: #595959;           /* navigáció, címek, lábléc */
	--kk-text: #303030;

	--primary-color: var(--kk-brand-dark);
	--link-color: var(--kk-brand-dark);
	--link-hover-color: var(--kk-text);
	--button-color: var(--kk-brand-dark);
	--button-hover-color: var(--kk-gray);
	--navi-background-color: var(--kk-gray);
	--title-color: var(--kk-text);
	--title-hover-color: var(--kk-brand-dark);
	--site-title-hover-color: var(--kk-brand-dark);
	--widget-title-color: var(--kk-gray);
	--footer-background-color: var(--kk-gray);
	--light-text-color: #666;

	--text-font: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--title-font: "Oswald", Impact, "Arial Narrow", sans-serif;
	--navi-font: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--widget-title-font: "Oswald", Impact, "Arial Narrow", sans-serif;
	--title-font-weight: 600;
	--widget-title-font-weight: 500;
	--text-line-height: 1.7;
	--title-line-height: 1.3;
}

a:link,
a:visited,
.has-primary-color { color: var(--kk-brand-dark); }
a:hover,
a:focus,
a:active { color: var(--kk-text); }

.entry-title,
.page-title,
.archive-title { letter-spacing: 0.01em; }

/* ---------- Korábbi Egyéni CSS (Customizer) ---------- */
.header-main {
	padding: 0;
	background: var(--kk-brand);
}
.site-branding .custom-logo { margin: 0; }

/* Sorkizárt helyett balra zárt szöveg – mobilon jobban olvasható */
.entry-content { text-align: left; }

/* ---------- Olvashatóság ---------- */
.entry-content {
	font-size: 17px;
	font-size: 1.0625rem;
}
.entry-content h2,
.entry-content h3 { margin-top: 1.6em; }
.entry-content img { border-radius: 4px; }

.entry-meta,
.entry-meta a:link,
.entry-meta a:visited,
.entry-meta span::after { color: #666; }

:focus-visible {
	outline: 2px solid var(--kk-brand-dark);
	outline-offset: 2px;
}

/* ---------- Fejléc-kereső (Pro kiváltása) ---------- */
.primary-navigation-wrap { position: relative; }
.header-search .header-search-icon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 1em;
	border: 0;
	border-radius: 0;
	color: #fff;
	background: rgba(255, 255, 255, 0.075);
	line-height: 1;
}
.header-search .header-search-icon .icon {
	width: 24px;
	height: 24px;
	fill: currentColor;
	vertical-align: middle;
}
.header-search .header-search-icon:hover,
.header-search .header-search-icon.active {
	cursor: pointer;
	color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.15);
}
.header-search .header-search-form {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 99;
	margin: 0;
	padding: 1em;
	background: var(--kk-gray);
}
.header-search .header-search-form[hidden] { display: none; }
.header-search .header-search-form .search-form { min-width: 300px; }

@media only screen and (max-width: 60em) {
	.header-search .header-search-icon { background: none; }
	.header-search .header-search-form { width: 100%; }
	.header-search .header-search-form .search-form { min-width: 0; }
}

/* ---------- Főoldal: kiemelt cikkek (Pro „Magazine Vertical Box” helyett) ---------- */
.kk-featured {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25em 2em;
	margin: 0 0 2.5em;
	padding: 0 0 2em;
	border-bottom: 1px solid #ddd;
}
.kk-featured::before,
.kk-featured::after { display: none; }
.kk-featured-large { grid-row: 1 / span 4; }
.kk-featured-large .kk-featured-thumb img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0.75em;
}
.kk-featured-large .entry-title { font-size: 26px; font-size: 1.625rem; margin: 0.2em 0 0.4em; }
.kk-featured-excerpt { margin: 0; }

.kk-featured-small {
	display: flex;
	gap: 1em;
	align-items: flex-start;
}
.kk-featured-small .kk-featured-thumb { flex: 0 0 120px; }
.kk-featured-small .kk-featured-thumb img { display: block; width: 120px; height: auto; }
.kk-featured-small .entry-title { font-size: 16px; font-size: 1rem; margin: 0.2em 0 0; }
.kk-featured .entry-meta { margin: 0; }

@media only screen and (max-width: 40em) {
	.kk-featured { grid-template-columns: 1fr; }
	.kk-featured-large { grid-row: auto; }
}

/* ---------- Cikk végi CTA – Liftup Akadémia Marketing Hub ---------- */
.kk-cta {
	margin: 2.5em 0 1em;
	padding: 1.5em 1.75em;
	border-left: 5px solid var(--kk-brand);
	border-radius: 4px;
	background: #fff4f0;
	text-align: left;
}
.kk-cta p { margin: 0 0 0.6em; }
.kk-cta-kicker {
	color: var(--kk-brand-dark);
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.kk-cta-title {
	color: var(--kk-text);
	font-family: var(--title-font);
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.3;
}
.kk-cta-text { color: var(--kk-text); }
.entry-content .kk-cta-button,
.kk-cta-button:link,
.kk-cta-button:visited {
	display: inline-block;
	margin-top: 0.4em;
	padding: 0.7em 1.3em;
	border-radius: 4px;
	color: #fff;
	background: var(--kk-brand-dark);
	font-weight: 700;
	text-decoration: none;
}
.kk-cta-button:hover,
.kk-cta-button:focus {
	color: #fff;
	background: var(--kk-text);
}

/* ---------- Lábléc ---------- */
.footer-wrap,
.footer-widgets-background { background: var(--kk-gray); }
.site-info a:link,
.site-info a:visited { color: #fff; text-decoration: underline; }