/**
 * Charte globale des boutons editoriaux.
 *
 * Les liens texte ordinaires ne sont jamais cibles. Seuls les liens deja
 * presentes comme boutons par Gutenberg ou par les composants Oasis le sont.
 */

:root {
	--oasis-button-ink: #273039;
	--oasis-button-ink-hover: #1f2326;
	--oasis-button-gold: #e8c547;
	--oasis-button-gold-deep: #c59a32;
	--oasis-button-surface: #fffdf8;
	--oasis-button-surface-hover: #f8f1dc;
}

/* Boutons qui conduisent au moteur de reservation : modele de l'accueil. */
body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
)[href*="//reservation.riad-essaouira-oasis.com"],
body #primary .oasis-room-extras a[href*="//reservation.riad-essaouira-oasis.com"] {
	display: inline-flex !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 13px 26px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	color: #fff !important;
	background: var(--oasis-button-ink) !important;
	border: 2px solid var(--oasis-button-gold) !important;
	border-radius: 8px !important;
	box-shadow: 0 3px 10px rgba(39, 48, 57, 0.12) !important;
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: normal !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
)[href*="//reservation.riad-essaouira-oasis.com"]:hover,
body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
)[href*="//reservation.riad-essaouira-oasis.com"]:focus-visible,
body #primary .oasis-room-extras a[href*="//reservation.riad-essaouira-oasis.com"]:hover,
body #primary .oasis-room-extras a[href*="//reservation.riad-essaouira-oasis.com"]:focus-visible {
	color: var(--oasis-button-gold) !important;
	background: var(--oasis-button-ink-hover) !important;
	border-color: var(--oasis-button-gold) !important;
	box-shadow: 0 8px 18px rgba(39, 48, 57, 0.28) !important;
	transform: translateY(-2px) scale(1.015) !important;
}

/* Boutons vers les pages internes ou externes : modele services complementaires. */
body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
):not([href*="//reservation.riad-essaouira-oasis.com"]),
body #primary .oasis-room-extras a:not([href*="//reservation.riad-essaouira-oasis.com"]),
.home #post-11394 .componentz-content-boxes .card-footer a.read-more.btn:not([href*="//reservation.riad-essaouira-oasis.com"]) {
	display: inline-flex !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 10px 18px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	color: var(--oasis-button-ink) !important;
	background: var(--oasis-button-surface) !important;
	border: 1px solid var(--oasis-button-gold) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: normal !important;
	transition: background-color 0.2s ease !important;
	transform: none !important;
}

body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
):not([href*="//reservation.riad-essaouira-oasis.com"]):hover,
body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
):not([href*="//reservation.riad-essaouira-oasis.com"]):focus-visible,
body #primary .oasis-room-extras a:not([href*="//reservation.riad-essaouira-oasis.com"]):hover,
body #primary .oasis-room-extras a:not([href*="//reservation.riad-essaouira-oasis.com"]):focus-visible,
.home #post-11394 .componentz-content-boxes .card-footer a.read-more.btn:not([href*="//reservation.riad-essaouira-oasis.com"]):hover,
.home #post-11394 .componentz-content-boxes .card-footer a.read-more.btn:not([href*="//reservation.riad-essaouira-oasis.com"]):focus-visible {
	color: var(--oasis-button-ink) !important;
	background: var(--oasis-button-surface-hover) !important;
	border-color: var(--oasis-button-gold) !important;
	box-shadow: none !important;
	transform: none !important;
}

body #primary a:is(
	.wp-block-button__link,
	.wp-element-button,
	.oasis-room-rate__action,
	.oasis-hub-booking,
	.read-more.btn
):focus-visible,
body #primary .oasis-room-extras a:focus-visible,
.home #post-11394 .componentz-content-boxes .card-footer a.read-more.btn:focus-visible {
	outline: 3px solid var(--oasis-button-gold-deep) !important;
	outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
	body #primary a:is(
		.wp-block-button__link,
		.wp-element-button,
		.oasis-room-rate__action,
		.oasis-hub-booking,
		.read-more.btn
	),
	body #primary .oasis-room-extras a {
		transition: none !important;
	}

	body #primary a:is(
		.wp-block-button__link,
		.wp-element-button,
		.oasis-room-rate__action,
		.oasis-hub-booking,
		.read-more.btn
	):hover,
	body #primary a:is(
		.wp-block-button__link,
		.wp-element-button,
		.oasis-room-rate__action,
		.oasis-hub-booking,
		.read-more.btn
	):focus-visible {
		transform: none !important;
	}
}