/* Shared block styles: buttons and block headings
 * Registered in functions.php as "jet-agent-block-common" and pulled in by each block's block.json,
 * so it loads on the front end and inside the block editor.
 * Rules mirror style.css (which the editor does not load) and are scoped to the custom block roots.
--------------------------------------------- */

/* Block titles that sit outside their block container (Services, Aircraft Selection) */
.services-title,
.aircraft-selection-title,
:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container) h2 {
	font-family: 'Racing Sans One', sans-serif;
	font-weight: 200;
	font-size: 2.2em;
	line-height: 1.1;
	margin: 0 0 20px;
	color: #B58E59;
	padding: 0px 15px;
	text-align: center;
	letter-spacing: -1px;
}

/* Buttons
--------------------------------------------- */

:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) :is(.ja-gold-button, .ja-black-button) {
	position: relative !important;
	width: 85% !important;
	max-width: 300px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background: #B58E59 !important;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 5px !important;
	padding: 5px !important;
	letter-spacing: 0px !important;
	text-decoration: none !important;
	overflow: hidden !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	transition: 0.5s !important;
	text-align: center !important;
	line-height: 30px !important;
	z-index: 1 !important;
	margin: 5px !important;
	font-size: 0.9em !important;
}

:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) .ja-black-button {
	max-height: 35px !important;
	background: #37393b !important;
}

/* <button class="ja-black-button"> (e.g. View Gallery) also needs the base button reset */
:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) button:is(.ja-gold-button, .ja-black-button) {
	border-left: 0;
	border-right: 0;
	cursor: pointer;
	font-family: inherit;
	white-space: normal;
}

:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) :is(.ja-gold-button, .ja-black-button):hover {
	letter-spacing: 2px !important;
	color: #ffffff !important;
}

:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) :is(.ja-gold-button, .ja-black-button)::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 50% !important;
	height: 100% !important;
	background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent) !important;
	transform: skewX(45deg) translate(0) !important;
	transition: 0.5s !important;
	filter: blur(0px) !important;
}

:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) .ja-black-button::before {
	width: 110% !important;
	height: 100% !important;
	transform: none !important;
}

:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container, .services-container, .aircraft-selection-container) :is(.ja-gold-button, .ja-black-button):hover::before {
	transform: skewX(45deg) translate(200px) !important;
}

@media only screen and (min-width: 960px) {

	.services-title,
	.aircraft-selection-title,
	:is(.aircraft-sales-container, .featured-aircrafts-container, .featured-articles-container) h2 {
		font-size: 3em;
	}

}