/*
Theme Name: Glow & Co Studio
Description: Glow & Co Studio's own design, built on Agency Base. Everything unique to this site lives in this folder or in the site's database, so kit updates never touch it.
Template: agency-base
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: client-glow-and-co-studio
*/

/* This site's own styles. Prefer theme.json for colours, fonts and spacing; use this file for
   what theme.json can't express (custom section designs, small animations, decorative details). */
/* custom marker */

/* --- Glow & Co: calm, botanical, brass details --------------------------------------------- */

.glow-eyebrow { font-family: var(--wp--preset--font-family--heading); font-style: italic; font-size: 1.35rem; color: var(--wp--preset--color--accent-2); margin: 0; }
.glow-hero { overflow: hidden; }
.glow-hero h1 { max-width: 13ch; }
.glow-arch { aspect-ratio: 4 / 5; border-radius: 999px 999px 4px 4px; overflow: hidden; background: linear-gradient(165deg, #3A6A57 0%, #2E5646 45%, #1F3D32 100%); display: grid; place-items: center; position: relative; box-shadow: inset 0 0 0 1px rgba(28, 39, 34, .12); }
.glow-arch::after { content: ""; position: absolute; inset: 14px; border-radius: inherit; border: 1px solid rgba(201, 162, 106, .75); }
.glow-arch .glow-mark { width: 9rem; height: 9rem; border-radius: 50%; border: 1px solid #C9A26A; display: grid; place-items: center; font-family: var(--wp--preset--font-family--heading); font-size: 5rem; font-style: italic; color: #F7F4EE; margin: 0; line-height: 1; padding-bottom: .4rem; }
.glow-rule { width: 3.5rem; height: 1px; background: var(--wp--preset--color--accent-2); border: 0; margin: 0; }

.glow-promises { counter-reset: promise; }
.glow-promises .wp-block-column { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1.25rem; }
.glow-promises h3 { font-size: 1.6rem; margin: 0 0 .4rem; }
.glow-promises h3::before { counter-increment: promise; content: "0" counter(promise); display: block; font-family: var(--wp--preset--font-family--body); font-size: .78rem; letter-spacing: .18em; color: var(--wp--preset--color--accent-2); margin-bottom: .6rem; }

.glow-menu h3 { font-size: 1.7rem; font-style: italic; margin-bottom: .5rem; }
p.glow-price { display: flex; align-items: baseline; gap: .5rem; margin: 0; padding: .55rem 0; }
p.glow-price span { order: 3; font-variant-numeric: tabular-nums; font-weight: 500; white-space: nowrap; }
p.glow-price::after { content: ""; order: 2; flex: 1; border-bottom: 1px dotted var(--wp--preset--color--contrast-2); transform: translateY(-.3em); min-width: 1.5rem; }

.glow-book .agency-form { max-width: none; background: var(--wp--preset--color--base); padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid var(--wp--preset--color--line); }
.glow-book .agency-form input, .glow-book .agency-form select, .glow-book .agency-form textarea { border-radius: 2px; }

.glow-review { border-top: 1px solid var(--wp--preset--color--accent-2); padding-top: 1.25rem; }
.glow-review p:first-child { font-family: var(--wp--preset--font-family--heading); font-size: 1.45rem; font-style: italic; line-height: 1.35; }

.agency-open { letter-spacing: .02em; }

@media (max-width: 781px) {
	.glow-arch { aspect-ratio: 1 / 1; max-width: 22rem; margin-inline: auto; }
	.glow-arch .glow-mark { width: 6.5rem; height: 6.5rem; font-size: 3.6rem; }
}