/*
Theme Name: Golden Goose
Theme URI: https://goldengooserealestate.com
Author: Golden Goose Co., Ltd.
Author URI: https://goldengooserealestate.com
Description: ธีม WordPress Full Site Editing (Block Theme) สำหรับ Golden Goose Co., Ltd. — Real Estate | Investment | Transformation ออกแบบโทนดำ-ทอง หรูหรา แก้ไขเนื้อหาได้ทั้งหมดผ่าน Site Editor โดยไม่ต้องใช้ปลั๊กอินสร้างหน้าเว็บเพิ่มเติม
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: goldengoose
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, featured-images, translation-ready, one-page
*/

/* -------------------------------------------------------------
   Base utility styles that complement theme.json global styles.
   Most styling lives in theme.json; this file covers small
   details that are easier to express as plain CSS.
------------------------------------------------------------- */

.gg-eyebrow {
	font-family: "Jost", sans-serif;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: var(--wp--preset--color--gold);
}

.gg-divider {
	width: 60px;
	height: 2px;
	background: var(--wp--preset--color--gold);
	margin: 1.25rem auto;
}

.gg-divider.is-style-left {
	margin: 1.25rem 0;
}

.gg-card {
	border: 1px solid var(--wp--preset--color--gold-muted);
	transition: border-color 0.25s ease, transform 0.25s ease;
}

.gg-card h3 {
	font-size: 1.4rem;
	overflow-wrap: normal;
	word-break: keep-all;
	hyphens: none;
}

.gg-card:hover {
	border-color: var(--wp--preset--color--gold);
	transform: translateY(-4px);
}

.wp-block-button.gg-btn-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--wp--preset--color--gold);
	color: var(--wp--preset--color--gold) !important;
}

.wp-block-button.gg-btn-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--near-black) !important;
}

.gg-nav a {
	text-transform: uppercase;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
}

.gg-lang-switch a {
	color: var(--wp--preset--color--ivory);
	opacity: 0.75;
	text-decoration: none;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
}

.gg-lang-switch a:hover {
	opacity: 1;
	color: var(--wp--preset--color--gold);
}

img.gg-placeholder {
	background: var(--wp--preset--color--charcoal);
}

@media (max-width: 600px) {
	.gg-eyebrow {
		font-size: 0.7rem;
	}
}