/*
Theme Name: Evercare Dental
Theme URI: https://evercare.dental
Author: Evercare Dental Clinic
Description: Custom block theme for Evercare Dental Clinic (เอเวอร์แคร์ เดนทัล คลินิค) — a bilingual Thai/English dental clinic website. Built on the official brand guideline: Comfortaa display type, Prompt body type, and the Evercare teal palette. Your Smile, Our Care.
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evercare-dental
Tags: block-theme, full-site-editing, custom-colors, custom-logo
*/

/* ------------------------------------------------------------------
   Brand polish that goes beyond theme.json
   ------------------------------------------------------------------ */

/* Soft, rounded "professional friendliness" — cards */
.evercare-card {
	border-radius: 24px;
	box-shadow: 0 6px 24px rgba(26, 70, 72, 0.08);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.evercare-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(26, 70, 72, 0.14);
}

/* Pill buttons everywhere */
.wp-block-button__link {
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(27, 118, 119, 0.3);
}

/* Rounded images */
.evercare-rounded img {
	border-radius: 24px;
}

/* Header shadow */
.evercare-header {
	box-shadow: 0 2px 12px rgba(26, 70, 72, 0.06);
}

/* Service icon bubble */
.evercare-icon-bubble {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	line-height: 1;
}

/* Subtle English subtitle under Thai headings */
.evercare-en {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Language switcher (ไทย · EN) in the header — rendered only when Polylang is active */
.evercare-lang-switcher {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.8125rem;
	font-weight: 500;
	white-space: nowrap;
}

.evercare-lang-switcher a {
	color: var(--wp--preset--color--primary, #1b7677);
	text-decoration: none;
}

.evercare-lang-switcher a:hover {
	text-decoration: underline;
}

.evercare-lang-switcher .is-current-lang {
	color: var(--wp--preset--color--secondary, #1a4648);
	font-weight: 700;
}

.evercare-lang-switcher .evercare-lang-sep {
	opacity: 0.4;
}