/*
Theme Name: Scentla Travel
Theme URI: https://scentlatravel.com/
Description: Child theme for Scentla Travel, built on Kadence.
Author: Scentla Travel
Author URI: https://scentlatravel.com/
Template: kadence
Version: 0.2.0
Text Domain: scentla-travel
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
 * Keep site presentation here. Destination data, recommendation rules,
 * affiliate links, and provider integrations belong in the companion plugin.
 */

:root {
	--scentla-ink: #17212b;
	--scentla-muted: #5d6872;
	--scentla-surface: #ffffff;
	--scentla-surface-soft: #f6f8fa;
	--scentla-border: #dce2e7;
	--scentla-blue: #1a73e8;
	--scentla-green: #188038;
	--scentla-red: #d93025;
	--scentla-yellow: #f9ab00;
	--scentla-radius: 6px;
}

body {
	color: var(--scentla-ink);
	background: var(--scentla-surface);
}

a {
	text-underline-offset: 0.16em;
}

.site-header,
.site-footer {
	border-color: var(--scentla-border);
}

.site-header {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.site-footer {
	border-top-style: solid;
	border-top-width: 1px;
}

button,
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: var(--scentla-radius);
}

:where(input, select, textarea) {
	border-color: var(--scentla-border);
	border-radius: var(--scentla-radius);
}

:where(input, select, textarea):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--scentla-blue) 28%, transparent);
	outline-offset: 1px;
}

.scentla-section {
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

.scentla-section--soft {
	background: var(--scentla-surface-soft);
}

.scentla-divider {
	border: 0;
	border-top: 1px solid var(--scentla-border);
}

.scentla-eyebrow {
	color: var(--scentla-blue);
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.scentla-card {
	background: var(--scentla-surface);
	border: 1px solid var(--scentla-border);
	border-radius: var(--scentla-radius);
	padding: clamp(1rem, 2.5vw, 1.5rem);
}

.scentla-disclosure {
	color: var(--scentla-muted);
	font-size: 0.875rem;
	line-height: 1.6;
}

.scentla-price-note {
	color: var(--scentla-muted);
	font-size: 0.8125rem;
}

@media (max-width: 767px) {
	.scentla-section {
		padding-block: 2.5rem;
	}
}