/*
Theme Name: Real Estate Salient Child
Template: real-estate-salient
Description: Child téma pre Real Estate Salient napojená na plugin ZR Reality Sync.
Version: 1.2.0
Text Domain: real-estate-salient-child
*/

/* ===== Spoločné ===== */
:root {
	--resc-accent: #79B430;
	--resc-accent-dark: #5f8f22;
	--resc-ink: #222;
}
body { color: var(--resc-ink); }
a { color: var(--resc-accent-dark); }
.site-title a { color: var(--resc-accent); }
.logo .custom-logo { max-height: 44px; width: auto; max-width: 100%; margin: 10px 0; }
.logo-area { padding: 12px 0; }
/* Logo už obsahuje názov – textový názov ponecháme len pre čítačky a SEO */
.wp-custom-logo .logo .site-title,
.wp-custom-logo .logo .site-description {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* ===== Slider (úvod) ===== */
.resc-hero .flexslider { margin: 0; border: 0; border-radius: 0; background: transparent; }
.resc-hero .slides > li { height: 600px; overflow: hidden; }
.resc-hero .flexslider .slides img.resc-slide-img { width: 100%; height: 600px; object-fit: cover; display: block; }
.resc-hero .custom-navigation { top: 50%; bottom: auto; transform: translateY(-50%); pointer-events: none; z-index: 1000; }
.resc-hero .custom-navigation a { pointer-events: auto; }
.resc-hero .custom-controls-container .flex-control-nav { display: none; }
.resc-hero .slider-content { top: 0; min-height: 600px; pointer-events: none; }
.resc-hero .slider-text { pointer-events: auto; max-width: 420px; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.resc-hero .slider-text-inner h3 { font-size: 22px; line-height: 1.3; margin: 0 0 10px; }
.resc-hero .slider-text-inner h3 a { color: var(--resc-ink); text-decoration: none; }
.resc-hero .resc-slide-eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #888; margin: 0 0 6px; }
.resc-hero .slider-buy-button { margin-top: 14px; }
.resc-hero .slider-buy-button a { display: inline-block; text-decoration: none; border-radius: 3px; }
.resc-hero .slider-buy-button a:hover { background: var(--resc-accent-dark); }

/* Prvý slide viditeľný ešte pred spustením slidera (čaká na window.load) */
.resc-hero .slides > li:first-child { display: block; }

/* ===== Vyhľadávanie ===== */
.resc-search { position: relative; z-index: 5; margin-top: -48px; }
.resc-search__form {
	display: grid; grid-template-columns: repeat(3, minmax(0,1fr)) minmax(0,1.5fr) auto; gap: 14px; align-items: end;
	background: #fff; padding: 22px; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.12);
	font-family: 'Bitter', serif;
}
.resc-search__field { display: flex; flex-direction: column; gap: 6px; margin: 0; font-weight: 400; }
.resc-search__field span { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #777; }
.resc-search__field select, .resc-search__field input {
	height: 44px; padding: 0 12px; border: 1px solid #ddd; border-radius: 4px; background: #fff; font-size: 15px; width: 100%;
}
.resc-search__submit {
	height: 44px; padding: 0 26px; border: 0; border-radius: 4px; background: var(--resc-accent); color: #fff; font-weight: 700; cursor: pointer;
}
.resc-search__submit:hover { background: var(--resc-accent-dark); }

/* ===== Najnovšie ponuky ===== */
.home-recent-properties { padding: 70px 15px; }
.home-recent-title h2 { font-weight: 700; }
.resc-home-cards { width: 100%; padding-block: 0; }
.resc-home-cards .zrrs-property-card__title { font-size: 1.05rem; }
.resc-home-cards .zrrs-property-card__location i { color: var(--resc-accent); margin-right: 4px; }
.home-recent-more { text-align: center; margin-top: 40px; }
.home-recent-more a {
	display: inline-block; background: var(--resc-accent); color: #fff; padding: 12px 28px; border-radius: 3px; text-decoration: none; font-weight: 700;
}
.home-recent-more a:hover { background: var(--resc-accent-dark); color: #fff; }

/* Zladenie kariet a tlačidiel pluginu so šablónou */
.zrrs-property-card__price { color: var(--resc-accent-dark); }
.zrrs-property-card:hover .zrrs-property-card__cta { background: var(--resc-accent); border-color: var(--resc-accent); color: #fff; }

/* ===== Makléri ===== */
.resc-brokers { background: #fafafa; padding: 70px 0; }
.resc-brokers__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 1199px) { .resc-brokers__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575px) { .resc-brokers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
.resc-broker {
	display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 16px; background: #fff;
	border: 1px solid #eee; border-radius: 6px; text-decoration: none; color: var(--resc-ink); transition: box-shadow .2s, transform .2s;
}
.resc-broker:hover { box-shadow: 0 10px 25px rgba(0,0,0,.08); transform: translateY(-2px); text-decoration: none; color: var(--resc-ink); }
/* Parent theme colours every visited link green (a:visited); keep cards consistent. */
.resc-broker:visited, .resc-broker:focus { color: var(--resc-ink); }
.resc-broker__name { color: var(--resc-ink); transition: color .2s; }
.resc-broker:hover .resc-broker__name, .resc-broker:focus .resc-broker__name { color: var(--resc-accent-dark); }

/* Same issue for links inside the plugin pages (property titles, broker links …). */
.zrrs-archive a:visited, .zrrs-property-detail a:visited, .zrrs-broker-directory a:visited,
.zrrs-broker-profile a:visited, .zrrs-favorites a:visited { color: inherit; }
.resc-broker__photo { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: #eee; margin-bottom: 14px; border: 3px solid var(--resc-accent); }
.resc-broker__photo img { width: 100%; height: 100%; object-fit: cover; }
.resc-broker__name { font-family: 'Bitter', serif; font-weight: 700; font-size: 17px; }
.resc-broker__position { color: #888; font-size: 14px; margin-top: 2px; }
.resc-broker__count { margin-top: 10px; color: var(--resc-accent-dark); font-weight: 700; font-size: 14px; }

/* ===== Pätička ===== */
.footer { background: #222; color: #bbb; padding: 50px 0 30px; }
.footer h4 { color: #fff; font-family: 'Bitter', serif; font-weight: 700; margin-bottom: 14px; }
.footer h4::after { content: ""; display: block; width: 40px; height: 2px; background: var(--resc-accent); margin-top: 10px; }
.footer a { color: #ddd; }
.footer a:hover { color: var(--resc-accent); }
.footer ul { list-style: none; padding: 0; margin: 0; }
.footer li { padding: 3px 0; }
.footer-copyright p { margin: 0; }

/* ===== Kontakt ===== */
.resc-lead { font-size: 18px; color: #555; margin-bottom: 30px; }
.resc-contact h3 { font-family: 'Bitter', serif; font-weight: 700; font-size: 20px; }
.resc-contact h3::after { content: ""; display: block; width: 40px; height: 2px; background: var(--resc-accent); margin-top: 8px; }
.resc-contact .wp-block-column { background: #fafafa; border: 1px solid #eee; border-radius: 6px; padding: 22px; }
.resc-map { margin-top: 30px; border-radius: 6px; overflow: hidden; border: 1px solid #eee; }
@media (min-width: 782px) { .resc-contact { display: flex; gap: 24px; } .resc-contact .wp-block-column { flex: 1; } }

/* ===== Mobil ===== */
@media (max-width: 991px) {
	.resc-search__form { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.resc-search__field--wide, .resc-search__submit { grid-column: span 2; }
}
@media (max-width: 767px) {
	.resc-hero .flexslider .slides img.resc-slide-img { height: 280px; }
	.resc-hero .custom-navigation { top: 140px; }
	.resc-hero .slider-content { position: static; min-height: 0; }
	.resc-hero .slider-text { position: static; max-width: none; margin: 0 -15px; border-radius: 0; box-shadow: none; }
	.resc-hero .slides > li { height: auto; }
	.resc-search { margin-top: 20px; }
	.resc-search__form { grid-template-columns: 1fr; }
	.resc-search__field--wide, .resc-search__submit { grid-column: auto; }
}