/* Reefline Pro: styles for Pro patterns and block styles. Colors come from the active Reefline style. */

.is-style-reefline-pro-badge {
	background: var(--wp--preset--color--accent-soft);
	border-radius: 999px;
	color: var(--wp--preset--color--contrast);
	display: inline-block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	padding: 0.3em 0.85em;
}

ul.is-style-reefline-pro-checklist {
	list-style: none;
	padding-left: 0;
}

ul.is-style-reefline-pro-checklist li {
	padding-left: 1.75em;
	position: relative;
}

ul.is-style-reefline-pro-checklist li::before {
	border-bottom: 2.5px solid var(--wp--preset--color--accent);
	border-right: 2.5px solid var(--wp--preset--color--accent);
	content: "";
	height: 0.8em;
	left: 0.35em;
	position: absolute;
	top: 0.3em;
	transform: rotate(45deg);
	width: 0.45em;
}

.is-style-reefline-pro-note {
	background: var(--wp--preset--color--accent-soft);
	border-left: 4px solid var(--wp--preset--color--accent);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

/* Itinerary: day number column. */
.reefline-pro-itinerary .wp-block-columns {
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding-block: var(--wp--preset--spacing--30);
}

/* Team and site cards: square photos. */
.reefline-pro-square img {
	aspect-ratio: 1;
	border-radius: 8px;
	object-fit: cover;
	width: 100%;
}

.reefline-pro-wide img {
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	object-fit: cover;
	width: 100%;
}

/* Gear catalog: in-store price note under WooCommerce prices. */
.reefline-pro-map-note {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}