/* =========================================================
   RON Listing Property — Classifieds (Add Listing) styles
   ========================================================= */

/* ---------- Add page tabs: Add Property | Add Listing ---------- */
.ron-lp-add-tabs {
	display: flex; gap: 0.5rem; margin: 0 auto 1.5rem; max-width: 1200px;
	border-bottom: 2px solid var(--ron-border, #d8dde3);
}
.ron-lp-add-tab {
	display: inline-block; padding: 0.7rem 1.6rem; margin-bottom: -2px; font-weight: 700; text-decoration: none;
	color: var(--ron-text, #2b2f33); background: #f3f5f7; border: 1px solid var(--ron-border, #d8dde3);
	border-bottom: 2px solid var(--ron-border, #d8dde3); border-radius: 8px 8px 0 0;
}
.ron-lp-add-tab:hover { color: var(--ron-primary, #2e7d32); }
.ron-lp-add-tab.active {
	background: #fff; color: var(--ron-primary, #2e7d32); border-bottom-color: #fff;
}

/* ---------- Archive wrapper (same box model as .ron-lp-archive-wrap) ---------- */
.ron-lp-cl-archive-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1rem 3rem; }
.ron-lp-cl-load-more-btn.is-loading { opacity: 0.6; pointer-events: none; }

/* ---------- Classified media: slider when there are photos/videos, placeholder otherwise ---------- */
.ron-lp-cl-card-media.ron-lp-card-media.ron-lp-cl-no-media { background: #eef3ef !important; }
.ron-lp-cl-media { position: relative; overflow: hidden; }
.ron-lp-cl-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }
.ron-lp-cl-slides { position: relative; width: 100%; height: 100%; }
.ron-lp-cl-slide { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #000; }
.ron-lp-cl-slide img, .ron-lp-cl-slide video { width: 100%; height: 100% !important; object-fit: contain !important; background: #000 !important; }
.ron-lp-cl-embed-placeholder { position: relative; width: 100%; height: 100%; cursor: pointer; }
.ron-lp-cl-embed-placeholder img { width: 100%; height: 100%; object-fit: cover !important; }
.ron-lp-cl-embed { width: 100%; height: 100%; border: 0; display: block; background: #000; }
.ron-lp-cl-play-btn {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,0.9);
	color: #d32f2f; display: flex; align-items: center; justify-content: center; font-size: 2rem;
}
.ron-lp-cl-arrow {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
	background: rgba(0,0,0,0.45); color: #fff; border: none; width: 34px; height: 34px;
	border-radius: 50%; font-size: 1.3rem; line-height: 1; cursor: pointer;
}
.ron-lp-cl-prev { left: 10px; }
.ron-lp-cl-next { right: 10px; }
.ron-lp-cl-dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 0.4rem; z-index: 5; }
.ron-lp-cl-dot { width: 8px; height: 8px; border-radius: 50%; border: none; background: rgba(255,255,255,0.5); cursor: pointer; padding: 0; }
.ron-lp-cl-dot.active { background: #fff; }
.ron-lp-cl-gallery { width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; margin-bottom: 1.25rem; background: #000; }
.ron-lp-cl-gallery.ron-lp-cl-no-media { background: #eef3ef; }
.ron-lp-cl-badge {
	position: absolute; top: 10px; left: 10px; z-index: 6; background: var(--ron-primary, #2e7d32); color: #fff;
	font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
	padding: 0.2rem 0.6rem; border-radius: 999px;
}
.ron-lp-cl-badge-inline { position: static; display: inline-block; margin-bottom: 0.5rem; }

/* ---------- Admin Dashboard: Classifieds expiry input (same look as the Properties one) ---------- */
.ron-lp-cl-expiry-input { padding: 0.4rem 0.5rem; border: 1px solid var(--ron-border, #d8dde3); border-radius: 6px; width: 100%; }

/* ---------- My Listings block on My Submissions ---------- */
.ron-lp-cl-my-section { margin-top: 2.5rem; }

/* ---------- My Submissions: section titles (My Properties / My Listings) ---------- */
.ron-lp-my-block-title { font-size: 1.4rem; font-weight: 700; margin: 1.5rem 0 0.9rem; padding-left: 0.7rem; border-left: 4px solid var(--ron-primary, #2e7d32); line-height: 1.2; }

/* ---------- Hero placeholder (no photos/videos) ---------- */
.ron-lp-hero.ron-lp-hero-placeholder, .ron-lp-hero-placeholder .ron-lp-hero-slides, .ron-lp-hero-placeholder .ron-lp-hero-slide { background: #eef3ef !important; }
.ron-lp-hero-placeholder .ron-lp-hero-slide img { object-fit: contain !important; }

/* Empty featured-image wrapper left by the theme on single classified/property pages */
.ron-post-featured-image:empty { display: none; }