/*
Theme Name:   Wspólny Język
Theme URI:    https://wspolnyjezyk.org
Description:  Child theme motywu Rufous. Paleta, typografia i stopka Fundacji Wspólny Język.
Author:       Fundacja Wspólny Język
Template:     rufous
Version:      1.5.0
Text Domain:  wspolnyjezyk
*/

/* -------------------------------------------------------------------------
   Niramit — podzbiór latin-ext (polskie znaki).
   Motyw dołącza tylko "latin", przez co ą/ć/ę/ł/ń/ś/ź/ż wypadały do Ariala.
   ------------------------------------------------------------------------- */
@font-face {
  font-family: "Niramit";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-400i-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Niramit";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-700i-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Niramit";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-300n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Niramit";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-400n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Niramit";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-500n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Niramit";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-600n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Niramit";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/niramit/niramit-700n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* -------------------------------------------------------------------------
   Roboto — druga czcionka motywu (opisy, linki Kubio). Też tylko latin
   w oryginale, więc polskie znaki wypadały. Podzbiór latin-ext.
   ------------------------------------------------------------------------- */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-400i-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-700i-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-300n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-400n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-600n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-700n-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* -------------------------------------------------------------------------
   Logo graficzne
   ------------------------------------------------------------------------- */
#kubio .wp-block-kubio-logo__container img {
	max-height: 46px;
	width: auto;
	display: block;
}

#kubio .wp-block-kubio-logo__container {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

/* Tekst marki obok znaku — dwie linie. */
#kubio .wp-block-kubio-logo__container::after {
	content: "Wspólny\A Język";
	white-space: pre;
	color: #fff;
	font-family: "Niramit", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.02em;
}

#kubio .wp-block-kubio-logo__container img[src=""] {
	display: none;
}

/* Motyw renderuje dwa logo (zwykłe i alternatywne) z tym samym adresem.
   Zostawiamy tylko jedno. */
#kubio .wp-block-kubio-logo__alternateImage,
#kubio .kubio-alternate-logo-image {
	display: none !important;
}

/* Sticky navbar: granat, żeby białe logo i tekst były widoczne. */
.h-navigation_sticky.wp-block-kubio-navigation-section__nav {
	background-color: #0e2640 !important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18) !important;
}

.h-navigation_sticky .kubio-menu > ul > li > a {
	color: #f9f3eb !important;
}

.h-navigation_sticky .kubio-menu .current-menu-item > a,
.h-navigation_sticky .kubio-menu .current-menu-ancestor > a {
	color: #c87a4a !important;
}

/* -------------------------------------------------------------------------
   Stopka
   ------------------------------------------------------------------------- */
.wj-footer {
	background: #0e2640;
	color: #f9f3eb;
	padding: 56px 24px 28px;
	font-size: 15px;
	line-height: 1.7;
}

.wj-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: 40px;
}

.wj-footer__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.wj-footer__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f9f3eb;
	border-radius: 12px;
	padding: 6px 10px;
}

.wj-footer__logo img {
	display: block;
	max-height: 30px;
	width: auto;
}

.wj-footer__name {
	font-size: 19px;
	font-weight: 600;
	color: #f9f3eb;
}

.wj-footer__desc {
	margin: 0 0 16px;
	color: rgba(249, 243, 235, 0.85);
	font-size: 15px;
}

.wj-footer__meta {
	font-size: 13px;
	color: rgba(249, 243, 235, 0.65);
}

.wj-footer__head {
	margin: 0 0 12px;
	color: #c87a4a;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.wj-footer__col p {
	margin: 0 0 8px;
}

.wj-footer a {
	color: #f9f3eb;
	text-decoration: none;
}

.wj-footer a:hover {
	color: #c87a4a;
}

.wj-footer__bottom {
	max-width: 1200px;
	margin: 40px auto 0;
	padding-top: 20px;
	border-top: 1px solid rgba(249, 243, 235, 0.18);
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	font-size: 13px;
	color: rgba(249, 243, 235, 0.7);
}

.wj-footer__bottom p {
	margin: 0;
}

.wj-footer__socials {
	display: flex;
	gap: 18px;
}

.wj-footer__socials a {
	color: #f9f3eb;
}

.wj-footer__socials a:hover {
	color: #c87a4a;
}

@media (max-width: 900px) {
	.wj-footer__inner {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.wj-footer__inner {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------------------------------
   Menu: aktywna pozycja, CTA, wysokość navbara
   ------------------------------------------------------------------------- */
.kubio-menu .menu-item.current-menu-item > a,
.kubio-menu .menu-item.current_page_item > a,
.kubio-menu .menu-item.current-menu-ancestor > a,
.kubio-menu .menu-item.current-menu-parent > a,
.kubio-menu .menu-item.current_page_parent > a,
.kubio-menu .menu-item.current_page_ancestor > a {
	color: #c87a4a !important;
}

.h-navigation.wp-block-kubio-navigation-section__nav {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* CTA „Darowizny” — 1:1 z głównym przyciskiem mastheada:
   tło #f17e18, padding 15px 40px, font 16/400, promień 30px, hover #9b510f,
   bez transition (masthead też nie ma). */
#kubio .kubio-menu .menu-item.wj-cta > a,
.kubio-menu .menu-item.wj-cta > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center !important;
	flex-grow: 0 !important;
	background-color: #f17e18 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 30px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: normal !important;
	padding: 15px 40px !important;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

#kubio .kubio-menu .menu-item.wj-cta > a:hover,
#kubio .kubio-menu .menu-item.wj-cta.current-menu-item > a,
.kubio-menu .menu-item.wj-cta > a:hover,
.kubio-menu .menu-item.wj-cta.current-menu-item > a {
	background-color: #9b510f !important;
	color: #fff !important;
}

/* Secondary button w mastheadzie: grubszy border + białe tło 25%. */
#hero .rufous-front-header__k__OcIljpMOK-outer a.rufous-front-header__k__OcIljpMOK-link {
	border: 2px solid #fff !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	color: #fff !important;
}

#hero .rufous-front-header__k__OcIljpMOK-outer a.rufous-front-header__k__OcIljpMOK-link:hover {
	background-color: #fff !important;
	color: #0e2640 !important;
}

@media (min-width: 1200px) {
	.h-navigation .h-section-boxed-container {
		position: relative;
	}

	.kubio-menu .menu-item.wj-cta {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
	}
}

/* -------------------------------------------------------------------------
   Hero / masthead: tło z mostem + mieści się w 1080p
   ------------------------------------------------------------------------- */
#hero {
	padding-top: 48px !important;
	padding-bottom: 64px !important;
	min-height: auto !important;
	background-image: url("https://wspolnyjezyk.org/wp-content/uploads/2026/10/wspolny-jezyk.png") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

#hero h1,
#hero .wp-block-kubio-heading {
	font-size: clamp(30px, 3.2vw, 48px) !important;
	line-height: 1.12 !important;
	max-width: 820px;
}

#hero .wp-block-kubio-heading__text,
#hero [data-kubio-partial-refresh="title"] {
	max-width: 820px;
}

#hero .wp-block-kubio-text,
#hero .wp-block-kubio-text__text {
	font-size: 17px !important;
	line-height: 1.55 !important;
	max-width: 680px;
}

#hero .wp-block-buttons,
#hero [data-kubio-partial-refresh="buttons"] {
	margin-top: 24px !important;
}