/**
 * Architerra Customizations — Theme Card Buttons
 *
 * Visual styling for the buttons injected by theme-card-buttons.js into
 * the theme's grid card variation one. Mirrors the visual look of the
 * other primary-color elements in this plugin (search map toggle, etc.)
 * so all custom controls feel like one family.
 *
 * Class naming intentionally reuses .tour-home and .property-fp from
 * the Elementor card override so the existing card-as-link z-index
 * lifts in property-cards.css apply automatically. The .architerra-rhc-cta
 * sub-class is added by the JS to scope the visual rules below ONLY to
 * buttons we created — leaving the Elementor card buttons (which already
 * get their styling from the addon and the user's child theme) untouched.
 */

/* ==========================================================================
   Floor Plan link
   --------------------------------------------------------------------------
   Small text-style link under the title. Matches the Elementor card's
   .property-fp visual pattern.
   ========================================================================== */

.rh_prop_card--listing .property-fp {
	margin: 0.4rem 0 0.8rem;
	font-size: 1.4rem;
	line-height: 1.4;
	color: var( --rh-global-color-secondary, #666 );
}

.rh_prop_card--listing .property-fp a {
	color: var( --rh-global-color-primary, #1f7da3 );
	text-decoration: underline;
}

.rh_prop_card--listing .property-fp a:hover,
.rh_prop_card--listing .property-fp a:focus {
	color: var( --rh-global-color-primary-dark, #155a76 );
}

/* ==========================================================================
   CTA buttons (See Home Details / Contact Us / Schedule Tour)
   --------------------------------------------------------------------------
   Block-level, full-width-of-priceLabel buttons stacked vertically
   beneath the price. Primary-color background, white text, rounded
   corners.
   ========================================================================== */

.rh_prop_card--listing .rh_prop_card__priceLabel .tour-home.architerra-rhc-cta {
	margin-top: 0.8rem;
}

.rh_prop_card--listing .rh_prop_card__priceLabel .tour-home.architerra-rhc-cta a {
	display: block;
	width: 100%;
	padding: 1rem 1.4rem;
	background: var( --rh-global-color-primary, #1f7da3 );
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	transition: background 0.2s ease, transform 0.1s ease;
	box-sizing: border-box;
}

.rh_prop_card--listing .rh_prop_card__priceLabel .tour-home.architerra-rhc-cta a:hover,
.rh_prop_card--listing .rh_prop_card__priceLabel .tour-home.architerra-rhc-cta a:focus {
	background: var( --rh-global-color-primary-dark, #155a76 );
	color: #fff;
	transform: translateY( 1px );
}

.rh_prop_card--listing .rh_prop_card__priceLabel .tour-home.architerra-rhc-cta a:focus-visible {
	outline: 2px solid var( --rh-global-color-secondary, #ea723d );
	outline-offset: 2px;
}