/*
Theme Name: RCM Audio
Theme URI: https://rcmaudio.pl/
Author: Kodzimir
Author URI: https://kodzimir.pl/
Description: Dedykowany motyw WordPress dla dwujęzycznej strony RCM Audio — katalogu marek i produktów audio premium.
Version: 0.1.6
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rcm-audio
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/

/* Premium social links */
.rcm-social-link {
	align-items: center;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.075), hsla(0, 0%, 100%, 0.022));
	border: 1px solid hsla(0, 0%, 100%, 0.18);
	color: var(--rcm-white, #fff);
	display: inline-flex;
	gap: 0.55rem;
	min-height: 2.55rem;
	padding: 0.52rem 0.78rem;
	position: relative;
	text-decoration: none;
}

.rcm-social-link::before {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.18));
	content: "";
	inset: 0 auto 0 0;
	opacity: 0;
	position: absolute;
	transition: opacity 0.18s ease;
	width: 0.14rem;
}

.rcm-social-link:hover,
.rcm-social-link:focus-visible {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.04));
	border-color: hsla(0, 0%, 100%, 0.34);
	color: var(--rcm-white, #fff);
	transform: translateY(-1px);
}

.rcm-social-link:hover::before,
.rcm-social-link:focus-visible::before {
	opacity: 1;
}

.rcm-social-link__icon {
	align-items: center;
	border: 1px solid hsla(0, 0%, 100%, 0.22);
	border-radius: 999px;
	color: hsla(0, 0%, 100%, 0.9);
	display: inline-flex;
	font-size: 0.82rem;
	font-weight: 860;
	height: 1.35rem;
	justify-content: center;
	line-height: 1;
	width: 1.35rem;
}

.rcm-social-link__label {
	font-size: 0.78rem;
	font-weight: 820;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.rcm-social-link__svg {
	display: block;
	fill: currentColor;
	height: 1em;
	width: 1em;
}

.site-footer__meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	justify-content: space-between;
}

.site-footer__meta .site-footer__copy {
	margin: 0;
}

.rcm-social-link--footer {
	min-height: 2.35rem;
	padding: 0.48rem 0.72rem;
}

@media (max-width: 75.9375em) {
	.rcm-social-link--header .rcm-social-link__label {
		border: 0;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}

@media (max-width: 63.9375em) {
	.rcm-social-link--header {
		display: none;
	}
}

/* Header social link layout refinement */
@media (min-width: 64em) {
	.site-header__inner {
		grid-template-columns: auto auto minmax(14rem, 1fr) auto auto;
	}

	.rcm-social-link--header {
		align-self: center;
		background: radial-gradient(circle at 74% 22%, rgba(24, 119, 242, 0.12), transparent 1.45rem), linear-gradient(180deg, hsla(0, 0%, 100%, 0.045), hsla(0, 0%, 100%, 0.014));
		border-color: hsla(0, 0%, 100%, 0.14);
		box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.02);
		gap: 0;
		justify-content: center;
		justify-self: start;
		min-height: 2.34rem;
		min-width: 2.38rem;
		overflow: hidden;
		padding: 0;
		width: 2.38rem;
	}

	.rcm-social-link--header::before {
		background: linear-gradient(180deg, rgba(24, 119, 242, 0.72), rgba(24, 119, 242, 0.08));
		opacity: 0;
		width: 1px;
	}

	.rcm-social-link--header:hover,
	.rcm-social-link--header:focus-visible {
		background: radial-gradient(circle at 74% 22%, rgba(24, 119, 242, 0.22), transparent 1.65rem), linear-gradient(180deg, hsla(0, 0%, 100%, 0.08), hsla(0, 0%, 100%, 0.026));
		border-color: hsla(0, 0%, 100%, 0.28);
	}

	.rcm-social-link--header:hover::before,
	.rcm-social-link--header:focus-visible::before {
		opacity: 1;
	}

	.rcm-social-link--header .rcm-social-link__icon {
		border: 0;
		color: hsla(0, 0%, 100%, 0.86);
		font-size: 0.92rem;
		height: auto;
		position: relative;
		width: auto;
		z-index: 1;
	}

	.rcm-social-link--header:hover .rcm-social-link__icon,
	.rcm-social-link--header:focus-visible .rcm-social-link__icon {
		color: var(--rcm-white, #fff);
	}

	.rcm-social-link--header .rcm-social-link__label {
		border: 0;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}



/* Compact, accessible header language switcher. */
.site-header__language {
	align-items: center;
	display: flex;
	justify-self: end;
	white-space: nowrap;
}

.site-header__language-switcher .jezyker-language-switcher__list {
	align-items: center;
	border: 1px solid hsla(0, 0%, 100%, 0.18);
	display: inline-flex;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0.125rem;
}

.site-header__language-switcher .jezyker-language-switcher__item + .jezyker-language-switcher__item {
	border-left: 1px solid hsla(0, 0%, 100%, 0.14);
}

.site-header__language-switcher .jezyker-language-switcher__link,
.site-header__language-switcher .jezyker-language-switcher__text,
.site-header__language-switcher .jezyker-language-switcher__current {
	align-items: center;
	border: 0;
	color: hsla(0, 0%, 100%, 0.72);
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	justify-content: center;
	letter-spacing: 0.1em;
	line-height: 1;
	min-height: 2.75rem;
	min-width: 2.75rem;
	padding: 0.45rem;
	text-decoration: none;
	text-transform: uppercase;
}

.site-header__language-switcher .jezyker-language-switcher__link:hover,
.site-header__language-switcher .jezyker-language-switcher__link:focus-visible {
	background: hsla(0, 0%, 100%, 0.08);
	color: var(--rcm-white, #fff);
}

.site-header__language-switcher .jezyker-language-switcher__link:focus-visible {
	outline: 2px solid var(--rcm-white, #fff);
	outline-offset: 2px;
}

.site-header__language-switcher .is-current .jezyker-language-switcher__text,
.site-header__language-switcher .jezyker-language-switcher__current {
	background: hsla(0, 0%, 100%, 0.12);
	color: var(--rcm-white, #fff);
}

@media (min-width: 64em) {
	.site-header__inner {
		column-gap: clamp(0.55rem, 0.9vw, 1rem);
		grid-template-columns: auto auto minmax(10rem, 1fr) auto auto;
		row-gap: 0;
	}

	.site-header__inner > * {
		min-width: 0;
	}

	.site-navigation--global .site-navigation__menu {
		column-gap: clamp(0.75rem, 1.4vw, 1.8rem);
		flex-wrap: nowrap;
	}

	.site-navigation--global a {
		white-space: nowrap;
	}

	.site-header__trust {
		display: none;
	}

	.site-header__consultation {
		min-width: clamp(10rem, 12vw, 12.5rem);
	}
}

@media (min-width: 64em) and (max-width: 87.5em) {
	.site-navigation--global .site-navigation__menu {
		column-gap: 0.65rem;
	}

	.site-navigation--global a {
		font-size: 0.84rem;
		padding-inline: 0.45rem;
	}
}

@media (max-width: 63.9375em) {
	.site-header__language {
		grid-column: 1 / 2;
		grid-row: 2;
		justify-self: start;
	}

	.site-header__consultation {
		grid-column: 2 / 3;
		grid-row: 2;
		justify-self: end;
		width: auto;
	}
}



/* Listening-session landing: compact introduction followed directly by the form. */
.listening-hero--simple {
	display: grid;
	gap: clamp(0.65rem, 1.5vw, 1rem);
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

.listening-hero--simple .listening-hero__title,
.listening-hero--simple .listening-hero__text {
	margin: 0;
}

.listening-hero--simple .listening-hero__title {
	max-width: 15ch;
}

.listening-hero--simple .listening-hero__text {
	max-width: 48rem;
}

.listening-panel--direct {
	margin-top: clamp(1rem, 2vw, 1.5rem);
}

.listening-hero__cta,
.listening-room-card--single .listening-room-card__cta {
	align-items: center;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.14), hsla(0, 0%, 100%, 0.045));
	border: 1px solid hsla(0, 0%, 100%, 0.34);
	color: var(--rcm-white, #fff);
	display: inline-flex;
	font-size: 0.9rem;
	font-weight: 800;
	justify-content: center;
	min-height: 2.9rem;
	padding: 0.7rem 1rem;
	text-decoration: none;
	width: fit-content;
}

.listening-hero__cta:hover,
.listening-hero__cta:focus-visible,
.listening-room-card--single .listening-room-card__cta:hover,
.listening-room-card--single .listening-room-card__cta:focus-visible {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.21), hsla(0, 0%, 100%, 0.07));
	border-color: hsla(0, 0%, 100%, 0.62);
	color: var(--rcm-white, #fff);
}

.listening-hero__note {
	color: var(--rcm-muted, hsla(0, 0%, 100%, 0.66));
	font-size: 0.82rem;
	margin: -0.15rem 0 0;
}

.listening-rooms__grid--single {
	grid-template-columns: minmax(0, 1fr);
}

.listening-room-card--single {
	max-width: 54rem;
}

.listening-room-card--single .listening-room-card__button {
	cursor: default;
}

.listening-room-card--single .listening-room-card__cta {
	margin-top: 0.25rem;
}

#listening-form {
	scroll-margin-top: calc(var(--rcm-header, 5rem) + 1rem);
}

@media (max-width: 47.9375em) {
	.listening-hero__cta,
	.listening-room-card--single .listening-room-card__cta {
		width: 100%;
	}
}