/**
 * RB Listings — design tokens matching new.riesimebyvanie.sk (skelementor)
 * Farby a fonty stiahnuté priamo z Elementor Global Kit.
 */

/* Fonty self-hosted z new.riesimebyvanie.sk (neskôr presunieme na vlastný server) */
@import url('https://new.riesimebyvanie.sk/wp-content/uploads/elementor/google-fonts/css/redhatdisplay.css');
@import url('https://new.riesimebyvanie.sk/wp-content/uploads/elementor/google-fonts/css/redhattext.css');

:root {
	--rb-primary: #192243;      /* navy — hlavná značková */
	--rb-primary-hover: #0f1730;
	--rb-accent: #fb8e28;       /* oranžová — recenzie, CTA highlight */
	--rb-lime: #E0FF4F;         /* limetková — button hover */
	--rb-teal: #75DBCD;         /* tyrkys — doplnkový */
	--rb-dark: #222220;         /* charcoal */
	--rb-bg: #F7F7F5;           /* krémová pozadie */
	--rb-bg-alt: #FCFCFA;
	--rb-text: #222220;
	--rb-muted: #54595F;
	--rb-border: #E5E5E0;
	--rb-radius: 12px;
	--rb-radius-btn: 40px;
	--rb-font-display: 'Red Hat Display', system-ui, sans-serif;
	--rb-font-text: 'Red Hat Text', system-ui, sans-serif;
}

/* Typografia — override inline font-family cez vyššiu špecifickosť */
main.rb-listing,
main.rb-archive,
main.rb-brokers,
main.rb-landing, section.rb-lost {
	font-family: var(--rb-font-text) !important;
	color: var(--rb-text);
	background: var(--rb-bg-alt);
}

main.rb-listing h1, main.rb-listing h2, main.rb-listing h3,
main.rb-archive h1, main.rb-archive h2, main.rb-archive h3,
main.rb-brokers h1, main.rb-brokers h2, main.rb-brokers h3,
main.rb-landing, section.rb-lost h1, main.rb-landing, section.rb-lost h2, main.rb-landing, section.rb-lost h3 {
	font-family: var(--rb-font-display) !important;
	color: var(--rb-primary);
	font-weight: 800;
	letter-spacing: -0.01em;
}

main.rb-listing h1, main.rb-archive h1, main.rb-brokers h1, main.rb-landing, section.rb-lost h1 {
	font-size: clamp(32px, 5vw, 56px) !important;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

main.rb-listing h2, main.rb-archive h2, main.rb-brokers h2 {
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 22px !important;
	margin-top: 32px;
}

/* Ceny — pôvodne červené #d10023 → navy */
main.rb-listing [style*="color:#d10023"],
main.rb-archive [style*="color:#d10023"],
main.rb-brokers [style*="color:#d10023"] {
	color: var(--rb-primary) !important;
}

/* Karty inzerátov */
main.rb-archive a[href*="/inzerat/"],
main.rb-brokers a[href*="/makleri/"] {
	border: 1px solid var(--rb-border) !important;
	border-radius: var(--rb-radius) !important;
	transition: transform .2s, box-shadow .2s !important;
	background: #fff !important;
}
main.rb-archive a[href*="/inzerat/"]:hover,
main.rb-brokers a[href*="/makleri/"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(25, 34, 67, 0.12) !important;
}

/* Sidebar parametrov v detail — krémová namiesto sivej */
main.rb-listing aside > div[style*="background:#f6f6f6"] {
	background: var(--rb-bg) !important;
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius) !important;
}

/* Drobky */
main.rb-listing nav[aria-label="Drobky"] a,
main.rb-archive nav[aria-label="Drobky"] a,
main.rb-brokers nav[aria-label="Drobky"] a {
	color: var(--rb-primary) !important;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 12px !important;
}

/* Linky v obsahu */
main.rb-archive aside a,
main.rb-brokers aside a {
	color: var(--rb-primary) !important;
	text-decoration: none;
}
main.rb-archive aside a:hover,
main.rb-brokers aside a:hover {
	color: var(--rb-accent) !important;
}

/* Top bar — navy namiesto black */
nav.rb-topbar {
	background: var(--rb-primary) !important;
	font-family: var(--rb-font-text) !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 13px !important;
}
nav.rb-topbar a,
nav.rb-topbar span {
	color: #fff !important;
}
nav.rb-topbar .rb-sub {
	background: var(--rb-primary) !important;
	border-top: 2px solid var(--rb-accent);
}
nav.rb-topbar .rb-sub a:hover {
	background: var(--rb-primary-hover);
	color: var(--rb-lime) !important;
}

/* CTA tlačidlá ak budú */
.rb-btn,
main.rb-listing .rb-btn,
main.rb-landing, section.rb-lost .rb-btn {
	display: inline-block;
	background: var(--rb-primary);
	color: #fff;
	padding: 16px 32px;
	border-radius: var(--rb-radius-btn);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	transition: background .2s, color .2s;
	border: none;
	cursor: pointer;
}
.rb-btn:hover {
	background: var(--rb-lime);
	color: var(--rb-primary);
}

/* Gallery prvá foto hero — skrúžkovanie */
main.rb-listing .rb-gallery img {
	border-radius: var(--rb-radius) !important;
}