/*
Theme Name: Royal Trees
Theme URI: https://royaltreesllc.com
Author: Royal Trees LLC
Description: Block theme for Royal Trees & Nursery. A working-nursery look: real yard photos, Barlow Condensed headings with Fraunces italics, tree-tag labels, and a Blue Ridge ridgeline. Fonts are served from the theme itself.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: royal-trees
*/

/* Colors, fonts and sizes live in theme.json. This file covers everything blocks can't set.
   Sections:  1 Base  2 Header  3 Shared pieces  4 Home & Services  5 Inner pages  6 Forms  7 Footer */

:root {
	--rt-forest: #15301b;
	--rt-forest-deep: #0f2414;
	--rt-moss: #244d2e;
	--rt-sage: #668c66;
	--rt-mist: #b0cea9;
	--rt-paper: #f7f3e8;
	--rt-paper-2: #efe8d6;
	--rt-burlap: #d8c6a0;
	--rt-bark: #5b4330;
	--rt-flag: #e0582c;
	--rt-ink: #1a2a1d;
	--rt-soft: #3f4d41;
	--rt-muted: #4f5c50;
	--rt-line: rgba(21, 48, 27, 0.16);
	--rt-cond: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
	--rt-serif: "Fraunces", Georgia, "Times New Roman", serif;
	--rt-body: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--rt-wrap: 1240px;
	--rt-gut: clamp(16px, 4vw, 40px);
	--rt-ridge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%2315301b' d='M0 90V62l70-18 55 10 80-30 60 18 45-8 90 26 70-22 60 6 85-36 70 24 50-6 95 30 60-14 70 10 90-34 65 18 55-4 85 24 70-16 55 8 60-20V90Z'/%3E%3Cpath fill='%23244d2e' opacity='.55' d='M0 90V74l110-16 90 14 120-20 100 18 130-24 110 20 120-10 140 22 120-18 120 14 110-12 170 16V90Z'/%3E%3C/svg%3E");
	--rt-topo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%23b0cea9' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M-20 120c80-40 150 30 240 0s160-70 260-20 120 40 140 20'/%3E%3Cpath d='M-20 170c90-30 160 40 250 10s150-60 250-15 130 45 140 25'/%3E%3Cpath d='M-20 220c100-20 170 45 260 20s140-50 240-10 140 50 140 30'/%3E%3Cpath d='M-20 330c70 30 140-20 230 10s170 60 250 20 110-30 160-10'/%3E%3Cpath d='M-20 380c80 30 150-15 240 15s160 55 240 15 120-25 160-5'/%3E%3Cpath d='M-20 430c90 25 160-10 250 20s150 50 230 10 130-20 160 0'/%3E%3Cpath d='M-20 520c100-15 180 30 260 5s170-45 260-5 100 30 120 20'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------- 1 Base */

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { overflow-x: hidden; }

/* A faint paper grain over everything. */
body::before {
	content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .35; mix-blend-mode: multiply;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

h1, h2, h3, h4 { text-wrap: balance; }
::selection { background: rgba(224, 88, 44, .22); color: var(--rt-forest); }
:focus-visible { outline: 2px solid var(--rt-flag); outline-offset: 3px; }
.wp-site-blocks > *, .wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }
a[href^="tel:"], a[href^="sms:"], a[href^="mailto:"] { text-decoration: none; }
mark { background: none !important; color: inherit; }
.has-text-align-center { text-align: center; }
.rt-where { margin-bottom: 0 !important; }

/* ---------------------------------------------------------------- 2 Header */

.rt-site-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .rt-site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .rt-site-header { top: 46px; } }

.rt-wrap { max-width: var(--rt-wrap); margin-inline: auto !important; padding-inline: var(--rt-gut); width: 100%; box-sizing: border-box; }

.rt-util { background: var(--rt-forest-deep); color: rgba(247, 243, 232, .75); font: 500 13.5px/1.3 var(--rt-body); }
.rt-util-row { display: flex; justify-content: space-between; gap: 12px; padding-block: 8px; flex-wrap: wrap; }
.rt-util p { margin: 0; }
.rt-util a { color: var(--rt-paper); text-decoration: none; }
.rt-util-open::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #7bc47f; margin-right: 8px; box-shadow: 0 0 0 3px rgba(123, 196, 127, .2); vertical-align: 1px; }
@media (max-width: 640px) { .rt-hide-sm { display: none; } .rt-util-open { display: none; } .rt-util-row { justify-content: center; } }

.rt-bar { position: relative; border-bottom: 1px solid var(--rt-line); }
.rt-bar::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(247, 243, 232, .93); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.rt-bar-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 8px; }
.rt-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rt-brand > * { margin: 0 !important; }
.rt-logo img { display: block; height: 58px; width: auto; }
.rt-brand-name { font: 700 25px/.9 var(--rt-cond); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; color: var(--rt-forest); }
.rt-brand-name a { text-decoration: none; color: inherit; }
.rt-brand-sub { display: block; font: italic 500 15px/1 var(--rt-serif); text-transform: none; letter-spacing: 0; color: var(--rt-moss); margin-top: 3px; }
@media (max-width: 520px) { .rt-logo img { height: 46px; } .rt-brand-name { font-size: 20px; } }

.rt-bar-actions { display: flex; align-items: center; gap: 24px; }
.rt-bar-actions > * { margin: 0 !important; }
.rt-nav.wp-block-navigation { gap: 26px; }
.rt-nav.wp-block-navigation .wp-block-navigation-item__content { font: 600 15px/1 var(--rt-cond); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; color: rgba(21, 48, 27, .72); padding-block: 6px; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.rt-nav.wp-block-navigation .wp-block-navigation-item__content:hover,
.rt-nav.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content { color: var(--rt-forest); border-color: var(--rt-flag); }
.rt-nav .rt-mobile-only { display: none; }
.rt-nav .wp-block-navigation__responsive-container.is-menu-open .rt-mobile-only { display: block; }
.rt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 1rem; }
.rt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 22px; }
.rt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.rt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start; gap: 18px; }
.rt-nav .wp-block-navigation__responsive-container-open { border: 1.5px solid var(--rt-forest); border-radius: 4px; padding: 6px; }
/* WordPress switches to the menu button below 600px; the full menu needs about 960px, so switch earlier. */
@media (min-width: 600px) and (max-width: 959px) {
	.rt-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.rt-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
@media (max-width: 420px) { .rt-header-cta { display: none !important; } }
.rt-header-cta .wp-block-button__link { padding: .8em 1.2em; font-size: 14px; white-space: nowrap; }

/* ---------------------------------------------------------------- 3 Shared pieces */

/* Buttons. "Light" is the orange call-to-action, "Outline (light)" sits on dark photos. */
.wp-block-button__link { white-space: nowrap; transition: background-color .25s, color .25s, transform .25s; }
.wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-button.is-style-light .wp-block-button__link { background-color: var(--rt-flag); color: #fff; }
.wp-block-button.is-style-light .wp-block-button__link:hover { background-color: #c8481f; color: #fff; }
.wp-block-button.is-style-ghost-light .wp-block-button__link { background: transparent; color: var(--rt-paper); box-shadow: inset 0 0 0 1.5px currentColor; }
.wp-block-button.is-style-ghost-light .wp-block-button__link:hover { background: rgba(247, 243, 232, .12); color: var(--rt-paper); }
@media (max-width: 480px) { .wp-block-button__link { white-space: normal; } }

/* Eyebrow label with the little flagging-tape dash. */
.is-style-eyebrow, .rt-eyebrow { font: 600 14px/1.2 var(--rt-cond) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--rt-moss); display: flex; align-items: center; gap: .7em; }
.is-style-eyebrow::before, .rt-eyebrow::before { content: ""; width: 22px; height: 2px; background: var(--rt-flag); flex: none; }
.has-text-align-center.is-style-eyebrow { justify-content: center; }
.is-style-label { font: 600 13px/1.2 var(--rt-cond); letter-spacing: .16em; text-transform: uppercase; color: var(--rt-mist); }

/* The nursery tag, like the loop-lock tags hanging in the yard. */
.rt-tag { position: relative; display: inline-flex; align-items: center; gap: .5em; background: #fcfbf6; color: var(--rt-forest) !important; font: 700 13px/1 var(--rt-cond) !important; letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important; padding: .6em .95em .6em 2em !important; border-radius: 3px 16px 16px 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 0 6px 16px -8px rgba(0, 0, 0, .45); transform: rotate(-2.5deg); margin: 0 !important; width: max-content; max-width: 100%; }
.rt-tag::before { content: ""; position: absolute; left: .75em; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--rt-forest); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5); }

.is-style-dash, .is-style-divided { list-style: none; padding-left: 0 !important; }

/* ---------------------------------------------------------------- 4 Home & Services */

.rt-home p, .rt-home h1, .rt-home h2, .rt-home h3, .rt-home figure { margin: 0; }
.rt-home :where(.wp-block-group, .wp-block-buttons, .wp-block-list, .wp-block-video, .wp-block-image, ul) { margin-block: 0; }
.rt-home.rt-hero, .rt-home.rt-facts { padding-block: 0; }
.rt-site-header :where(.wp-block-group, p, figure, .wp-block-buttons, .wp-block-navigation), .rt-footer :where(.wp-block-group, p, figure, ul) { margin-block: 0; }
.rt-home { padding-block: clamp(72px, 9vw, 120px); padding-inline: 0 !important; }

.rt-h1 { font: 800 clamp(64px, 11vw, 156px)/.84 var(--rt-cond) !important; text-transform: uppercase; color: var(--rt-paper) !important; }
.rt-h1 em, .rt-h2 em { font: italic 500 1.02em/1 var(--rt-serif); text-transform: none; letter-spacing: -.01em; color: var(--rt-moss); }
.rt-h1 em { display: block; font-size: .72em; line-height: 1.05; margin-top: .08em; color: var(--rt-mist); }
.rt-h2 { font: 700 clamp(38px, 5.2vw, 64px)/.95 var(--rt-cond) !important; text-transform: uppercase; color: var(--rt-forest); }
.rt-on-dark .rt-h2 { color: var(--rt-paper); }
.rt-on-dark .rt-h2 em { color: var(--rt-mist); }
.rt-on-dark .rt-eyebrow { color: var(--rt-mist); }
.rt-lede { font-size: clamp(17px, 1.5vw, 19px); color: var(--rt-muted); max-width: 60ch; }
.rt-on-dark .rt-lede { color: rgba(247, 243, 232, .82); }
.rt-arrow a { font: 600 15px/1 var(--rt-cond); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; color: var(--rt-moss); display: inline-flex; gap: .5em; border-bottom: 2px solid var(--rt-burlap); padding-bottom: 4px; transition: border-color .2s; }
.rt-arrow a:hover { border-color: var(--rt-flag); color: var(--rt-moss); }
.rt-btns { display: flex; flex-wrap: wrap; gap: 12px; }

.rt-sec-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 5vw, 72px); align-items: end; margin-bottom: clamp(40px, 5vw, 64px) !important; }
.rt-sec-head > div, .rt-stack { display: grid; gap: 18px; }
@media (max-width: 820px) { .rt-sec-head { grid-template-columns: 1fr; } }

/* Photos */
.rt-photo { position: relative; overflow: hidden; border-radius: 6px; background: var(--rt-paper-2); }
.rt-photo > figure { height: 100%; }
.rt-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.rt-photo .rt-tag { position: absolute; left: 14px; bottom: 16px; }
.rt-ar-45 { aspect-ratio: 4 / 5; }
.rt-ar-43 { aspect-ratio: 4 / 3; }

/* Hero */
.rt-hero { position: relative; min-height: clamp(560px, 86vh, 860px); display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; color: var(--rt-paper); padding-inline: 0 !important; }
.rt-hero.rt-short { min-height: clamp(420px, 58vh, 600px); }
.rt-hero-img { position: absolute !important; inset: 0; margin: 0 !important; z-index: -2; }
.rt-hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; animation: rt-settle 1.6s ease-out both; }
.rt-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12, 28, 16, .82) 0%, rgba(12, 28, 16, .55) 45%, rgba(12, 28, 16, .05) 80%), linear-gradient(0deg, rgba(12, 28, 16, .7) 0%, transparent 45%); }
@keyframes rt-settle { from { transform: scale(1.06); } to { transform: scale(1); } }
.rt-hero-inner { padding-block: clamp(64px, 10vw, 110px) clamp(48px, 7vw, 84px); display: grid; gap: 26px; }
.rt-hero .rt-lede { max-width: 44ch; color: rgba(247, 243, 232, .88); font-size: clamp(17px, 1.6vw, 20px); }
.rt-hero-note { font: italic 500 18px/1.3 var(--rt-serif); color: var(--rt-mist); display: flex; align-items: center; gap: 12px; }
.rt-hero-note::before { content: ""; width: 34px; height: 1px; background: var(--rt-mist); flex: none; }
.rt-hero-tag { position: absolute !important; right: clamp(16px, 5vw, 64px); top: clamp(28px, 6vw, 64px); }
@media (max-width: 700px) {
	.rt-hero-tag { display: none !important; }
	.rt-hero::after { background: linear-gradient(0deg, rgba(12, 28, 16, .88) 10%, rgba(12, 28, 16, .35) 70%, rgba(12, 28, 16, .2)); }
}

/* Facts strip */
.rt-facts { background: var(--rt-forest); color: var(--rt-paper); padding-inline: 0 !important; }
.rt-facts ul { list-style: none; margin: 0; padding: 0 !important; display: grid; grid-template-columns: repeat(5, 1fr); }
.rt-facts li { padding: 26px 22px; border-left: 1px solid rgba(247, 243, 232, .12); display: grid; gap: 6px; align-content: start; margin: 0; }
.rt-facts li:first-child { border-left: 0; padding-left: 0; }
.rt-facts strong { font: 700 clamp(30px, 3.2vw, 42px)/1 var(--rt-cond); color: var(--rt-mist); }
.rt-facts span { font-size: 14px; line-height: 1.4; color: rgba(247, 243, 232, .75); }
@media (max-width: 900px) {
	.rt-facts ul { grid-template-columns: repeat(2, 1fr); }
	.rt-facts li { border-left: 0; border-top: 1px solid rgba(247, 243, 232, .12); padding: 20px 0; }
	.rt-facts li:last-child { grid-column: 1 / -1; }
}

/* Cards with a whole-card link */
.rt-cards, .rt-types, .rt-quotes, .rt-more { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.5vw, 32px); }
@media (max-width: 900px) { .rt-cards, .rt-types, .rt-quotes { grid-template-columns: 1fr; } }
.rt-card { position: relative; display: grid; gap: 18px; align-content: start; }
.rt-card h3 { font: 700 30px/1 var(--rt-cond); text-transform: uppercase; color: var(--rt-forest); }
.rt-card > p:not(.rt-arrow) { color: var(--rt-muted); font-size: 16px; }
.rt-card .rt-arrow a::after, .rt-type .rt-go a::after, .rt-more-card .rt-go a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.rt-card:hover .rt-photo img, .rt-type:hover img { transform: scale(1.045); }
@media (max-width: 900px) { .rt-cards .rt-ar-45 { aspect-ratio: 4 / 3; } }

/* Dark band with the ridgeline top and bottom */
.rt-dark { position: relative; background: var(--rt-forest) var(--rt-topo); color: var(--rt-paper); margin-block: clamp(40px, 6vw, 90px) !important; }
.rt-dark::before, .rt-dark::after { content: ""; position: absolute; left: 0; right: 0; height: clamp(40px, 6vw, 90px); background: var(--rt-ridge) bottom / 100% 100% no-repeat; pointer-events: none; }
.rt-dark::before { bottom: calc(100% - 1px); }
.rt-dark::after { top: calc(100% - 1px); transform: scaleY(-1); }
.rt-why { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
@media (max-width: 900px) { .rt-why { grid-template-columns: 1fr; } }
.rt-why-media { position: relative; }
.rt-why-media .rt-photo { aspect-ratio: 4 / 3; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.rt-why-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.rt-why-media .wp-block-video { margin: 0; height: 100%; }
.rt-why-media .rt-tag { position: absolute; right: -8px; top: -14px; transform: rotate(3deg); z-index: 2; }
.rt-caption { margin-top: 12px !important; font-size: 13.5px; color: rgba(247, 243, 232, .6); }
.rt-why-copy { display: grid; gap: 22px; }
.rt-why-copy > p:not(.rt-eyebrow) { color: rgba(247, 243, 232, .82); }
.rt-price { border: 1px dashed rgba(176, 206, 169, .45); border-radius: 6px; padding: 20px 22px; display: grid; gap: 8px; }
.rt-price h3 { font: 700 16px/1 var(--rt-cond); letter-spacing: .14em; text-transform: uppercase; color: var(--rt-mist); }
.rt-price p { font-size: 15.5px; color: rgba(247, 243, 232, .82); }
.rt-price strong { color: var(--rt-paper); }

/* Tree types */
.rt-type { position: relative; border-radius: 6px; overflow: hidden; min-height: clamp(380px, 40vw, 520px); display: flex; align-items: flex-end; color: var(--rt-paper); isolation: isolate; }
.rt-type > figure { position: absolute !important; inset: 0; z-index: -2; margin: 0 !important; }
.rt-type > figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.rt-type::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(12, 28, 16, .9) 0%, rgba(12, 28, 16, .3) 55%, rgba(12, 28, 16, 0) 75%); }
.rt-type > .rt-tag { position: absolute; left: 18px; top: 20px; }
.rt-type-body { padding: 26px; display: grid; gap: 10px; }
.rt-type h3 { font: 700 34px/1 var(--rt-cond); text-transform: uppercase; color: var(--rt-paper); }
.rt-type-body > p:not(.rt-go) { font-size: 15.5px; color: rgba(247, 243, 232, .85); }
.rt-go a { font: 600 14px/1 var(--rt-cond); letter-spacing: .14em; text-transform: uppercase; color: var(--rt-mist); text-decoration: none; }

/* How it works */
.rt-burlap { background: var(--rt-paper-2); }
.rt-howto { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); position: relative; }
.rt-howto::before { content: ""; position: absolute; left: 0; right: 0; top: 34px; border-top: 2px dashed rgba(91, 67, 48, .35); }
.rt-step { position: relative; display: grid; gap: 12px; align-content: start; }
.rt-step-n { width: 68px; height: 68px; border-radius: 50%; background: var(--rt-paper); border: 2px solid var(--rt-bark); display: grid; place-items: center; font: italic 500 26px/1 var(--rt-serif); color: var(--rt-bark); }
.rt-step h3 { font: 700 30px/1 var(--rt-cond); text-transform: uppercase; color: var(--rt-forest); margin-top: 8px !important; }
.rt-step > p:last-child { color: var(--rt-muted); }
@media (max-width: 820px) {
	.rt-howto { grid-template-columns: 1fr; }
	.rt-howto::before { left: 33px; right: auto; top: 0; bottom: 0; border-top: 0; border-left: 2px dashed rgba(91, 67, 48, .35); }
	.rt-step { grid-template-columns: 68px 1fr; column-gap: 20px; }
	.rt-step > *:not(.rt-step-n) { grid-column: 2; }
	.rt-step-n { grid-row: 1 / span 2; }
}

/* Reviews */
.rt-quote { display: grid; gap: 18px; align-content: start; border-top: 2px solid var(--rt-forest); padding-top: 22px; }
.rt-stars { color: var(--rt-flag); letter-spacing: .2em; font-size: 15px; }
.rt-quote-text { font: 400 19px/1.5 var(--rt-serif); color: var(--rt-ink); }
.rt-cite { font: 600 14px/1 var(--rt-cond); letter-spacing: .14em; text-transform: uppercase; color: var(--rt-moss); }

/* Where we plant */
.rt-towns { display: flex; flex-wrap: wrap; gap: 14px 12px; }
.rt-towns .rt-tag { font-size: 14px !important; }
.rt-towns .rt-tag:nth-child(odd) { transform: rotate(1.5deg); }
.rt-towns .rt-tag.rt-home-town { background: var(--rt-flag); color: #fff !important; }
.rt-towns .rt-tag.rt-home-town::before { background: #fff; }
.rt-towns .rt-tag:hover { transform: rotate(0) translateY(-2px); }

/* Closing */
.rt-close { position: relative; isolation: isolate; color: var(--rt-paper); overflow: hidden; }
.rt-close > figure { position: absolute !important; inset: 0; z-index: -2; margin: 0 !important; }
.rt-close > figure img { width: 100%; height: 100%; object-fit: cover; }
.rt-close::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12, 28, 16, .92), rgba(12, 28, 16, .7) 60%, rgba(12, 28, 16, .45)); }
.rt-close-inner { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: clamp(32px, 5vw, 72px); align-items: end; }
@media (max-width: 860px) { .rt-close-inner { grid-template-columns: 1fr; } }
.rt-close .rt-h2 { font-size: clamp(46px, 7vw, 96px) !important; }
.rt-contact { display: grid; gap: 14px; font-size: 16px; }
.rt-contact .rt-dt { font: 600 13px/1 var(--rt-cond); letter-spacing: .16em; text-transform: uppercase; color: var(--rt-mist); }
.rt-contact .rt-dd { margin-top: 4px !important; color: var(--rt-paper); }
.rt-contact a { text-decoration: none; }

/* Services */
.rt-svc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.rt-svc + .rt-svc { margin-top: clamp(72px, 9vw, 120px) !important; }
.rt-svc.rt-flip > .rt-svc-media { order: 2; }
.rt-svc-media { position: sticky; top: 130px; }
.rt-svc-media .rt-photo { aspect-ratio: 4 / 5; }
@media (max-width: 900px) { .rt-svc { grid-template-columns: 1fr; } .rt-svc.rt-flip > .rt-svc-media { order: 0; } .rt-svc-media { position: static; } .rt-svc-media .rt-photo { aspect-ratio: 4 / 3; } }
.rt-svc-copy { display: grid; gap: 22px; }
.rt-svc-num { font: italic 500 22px/1 var(--rt-serif); color: var(--rt-flag); }
.rt-svc-copy h2 { font: 700 clamp(40px, 4.6vw, 58px)/.95 var(--rt-cond); text-transform: uppercase; color: var(--rt-forest); }
.rt-spec { border: 1px solid var(--rt-line); border-radius: 6px; background: #fbf8f0; overflow: hidden; }
.rt-spec h3 { font: 700 13px/1 var(--rt-cond); letter-spacing: .16em; text-transform: uppercase; color: var(--rt-paper); background: var(--rt-forest); padding: 12px 18px; }
.rt-spec ul { list-style: none; margin: 0; padding: 6px 18px !important; }
.rt-spec li { position: relative; padding: 11px 0 11px 28px; border-bottom: 1px dashed var(--rt-line); font-size: 15.5px; margin: 0; }
.rt-spec li:last-child { border-bottom: 0; }
.rt-spec li::before { content: ""; position: absolute; left: 2px; top: 1.15em; width: 8px; height: 8px; border: 2px solid var(--rt-moss); border-radius: 50%; }
.rt-spec strong { font-weight: 600; color: var(--rt-forest); }
@media (max-width: 820px) { .rt-more { grid-template-columns: 1fr; } }
.rt-more-card { position: relative; display: grid; gap: 8px; padding: 26px; border-radius: 6px; background: var(--rt-paper); border: 1px solid var(--rt-line); transition: border-color .2s, transform .25s; align-content: start; }
.rt-more-card:hover { border-color: var(--rt-flag); transform: translateY(-3px); }
.rt-more-card h3 { font: 700 26px/1 var(--rt-cond); text-transform: uppercase; color: var(--rt-forest); }
.rt-more-card > p:not(.rt-go) { color: var(--rt-muted); font-size: 15.5px; }
.rt-more-card .rt-go a { color: var(--rt-flag); }

/* ---------------------------------------------------------------- 5 Inner pages (everything except Home and Services) */

.rt-inner .wp-block-post-content p { margin-block: 0 1.1em; }
.rt-inner .wp-block-post-content p:last-child { margin-bottom: 0; }
.rt-inner .wp-block-post-content a:where(:not(.wp-block-button__link)) { text-decoration-color: var(--rt-burlap); text-decoration-thickness: 2px; text-underline-offset: .22em; transition: text-decoration-color .2s; }
.rt-inner .wp-block-post-content a:where(:not(.wp-block-button__link)):hover { text-decoration-color: var(--rt-flag); }
.rt-inner .has-forest-soft-color { color: var(--rt-soft) !important; }
.rt-inner .has-small-font-size { font-size: 16.5px !important; }
.rt-inner .has-display-font-family { font-family: var(--rt-serif) !important; }
.rt-inner .has-stone-background-color { background-color: var(--rt-paper-2) !important; }

.rt-inner .wp-block-post-content h1 { margin: .35em 0 0; }
.rt-inner .wp-block-post-content h1 em { display: block; font: italic 500 .74em/1.05 var(--rt-serif); text-transform: none; letter-spacing: -.01em; margin-top: .06em; color: var(--rt-moss); }
.rt-inner .wp-block-post-content h2 { margin: 0 0 .45em; }
.rt-inner .wp-block-post-content h2.has-xx-large-font-size { line-height: 1; }
.rt-inner .wp-block-post-content h3 { font-size: clamp(28px, 3vw, 38px); margin: 2.1em 0 .5em; }
.rt-inner .wp-block-post-content h3::before { content: ""; display: block; width: 28px; height: 3px; background: var(--rt-flag); margin-bottom: 14px; }
.rt-inner .wp-block-post-content section > h3:first-child { margin-top: 0; }
.rt-inner .wp-block-post-content h4 { font: italic 500 clamp(21px, 2vw, 25px)/1.2 var(--rt-serif); text-transform: none; letter-spacing: 0; color: var(--rt-moss); margin: 1.8em 0 .5em; }

/* Page banner: a yard photo behind every inner-page title (set per page in functions.php). */
.rt-inner section.rt-page-hero {
	--pad: max(var(--rt-gut), calc((100% - var(--rt-wrap)) / 2 + var(--rt-gut)));
	padding: clamp(120px, 15vw, 190px) var(--pad) clamp(52px, 7vw, 84px) !important;
	min-height: clamp(420px, 56vh, 560px); display: flex; flex-direction: column; justify-content: flex-end;
	background: linear-gradient(90deg, rgba(12, 28, 16, .88), rgba(12, 28, 16, .62) 55%, rgba(12, 28, 16, .25)), linear-gradient(0deg, rgba(12, 28, 16, .55), transparent 50%), var(--rt-hero, none) center / cover no-repeat, var(--rt-forest) !important;
	color: var(--rt-paper); text-align: left;
}
.rt-inner section.rt-page-hero > * { max-width: none !important; margin-inline: 0 !important; text-align: left !important; }
.rt-inner section.rt-page-hero .is-style-eyebrow { justify-content: flex-start; color: var(--rt-mist); margin: 0; }
.rt-inner section.rt-page-hero h1 { color: var(--rt-paper); max-width: 15em !important; margin-top: 22px !important; font-size: clamp(52px, 8.4vw, 116px); }
.rt-inner section.rt-page-hero h1 em { color: var(--rt-mist); }
.rt-inner section.rt-page-hero .rt-hero-lede { max-width: 56ch !important; margin-top: 26px !important; color: rgba(247, 243, 232, .86) !important; font-size: clamp(17px, 1.6vw, 20px) !important; line-height: 1.6; }
.rt-inner section.rt-page-hero .rt-hero-lede a { color: var(--rt-mist); }
.rt-inner section.rt-page-hero .wp-block-post-date { color: rgba(247, 243, 232, .75); font: italic 400 17px/1.3 var(--rt-serif); margin-top: 18px; }
@media (max-width: 700px) {
	.rt-inner section.rt-page-hero { background: linear-gradient(0deg, rgba(12, 28, 16, .9) 20%, rgba(12, 28, 16, .45)), var(--rt-hero, none) center / cover no-repeat, var(--rt-forest) !important; }
}

.rt-inner ul.is-style-dash, .rt-inner ul.is-style-divided { margin-block: 1.2em 1.4em; }
.rt-inner .is-style-dash li { position: relative; padding: 12px 0 12px 30px; border-bottom: 1px dashed var(--rt-line); margin: 0; }
.rt-inner .is-style-dash li:last-child { border-bottom: 0; }
.rt-inner .is-style-dash li::before { content: ""; position: absolute; left: 2px; top: 1.15em; width: 9px; height: 9px; border: 2px solid var(--rt-moss); border-radius: 50%; }
.rt-inner .is-style-divided li { padding: 9px 0; border-bottom: 1px dashed var(--rt-line); margin: 0; }
.rt-inner .is-style-divided li:last-child { border-bottom: 0; }

.rt-inner .wp-block-buttons { gap: 12px; }
.rt-inner .has-text-align-center ~ .wp-block-buttons { justify-content: center; }

/* Closing box: forest band with the ridgeline rising out of it. */
.rt-inner .wp-block-post-content section.has-forest-background-color:not(.rt-page-hero) {
	position: relative; margin-top: clamp(40px, 6vw, 90px) !important; padding-top: clamp(56px, 7vw, 96px) !important; padding-bottom: clamp(64px, 8vw, 104px) !important;
	background-image: var(--rt-topo);
}
.rt-inner .wp-block-post-content section.has-forest-background-color:not(.rt-page-hero)::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px); height: clamp(40px, 6vw, 90px); background: var(--rt-ridge) bottom / 100% 100% no-repeat; }
.rt-inner .wp-block-post-content section.has-forest-background-color:not(.rt-page-hero) h2 { color: var(--rt-paper); max-width: 20ch; margin-inline: auto; font-size: clamp(38px, 5.4vw, 70px); }

.rt-inner .wp-block-image img { border-radius: 6px; }
.rt-inner .rt-frame { border-radius: 6px; overflow: hidden; }
.rt-inner .wp-block-group:has(> .rt-card) { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(18px, 2.4vw, 28px); }
.rt-inner .rt-card { border: 1px solid var(--rt-line) !important; border-radius: 6px !important; overflow: hidden; background: #fbf8f0 !important; display: flex; flex-direction: column; gap: 0; transition: transform .3s, box-shadow .3s; }
.rt-inner .rt-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(21, 48, 27, .45); }
.rt-inner .rt-card .wp-block-image { margin: 0; }
.rt-inner .rt-card .wp-block-image img { border-radius: 0; }
.rt-inner .rt-card > .wp-block-group { padding: 22px 24px 26px !important; display: flex; flex-direction: column; flex: 1; }
.rt-inner .rt-card > .wp-block-group > * { margin-inline: 0; width: 100%; max-width: none; }
.rt-inner .rt-card > .wp-block-group > .wp-block-buttons { margin-top: auto; padding-top: 18px; }
.rt-inner .rt-card h2 { margin-bottom: .15em; }
.rt-inner .rt-card p.has-moss-color { font: 700 14px/1 var(--rt-cond) !important; letter-spacing: .12em !important; color: var(--rt-flag) !important; }
.rt-inner .rt-avail { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; background: var(--rt-forest) !important; color: var(--rt-paper); border: 0 !important; border-radius: 6px !important; padding: clamp(24px, 3.5vw, 40px) !important; }
.rt-inner .rt-avail h2 { color: var(--rt-paper); }
.rt-inner .rt-avail .is-style-eyebrow { color: var(--rt-mist); }
.rt-inner .rt-avail .has-forest-soft-color { color: rgba(247, 243, 232, .8) !important; }
.rt-inner .rt-avail .wp-block-button__link { background: var(--rt-flag); color: #fff; }
.rt-inner .rt-avail > .wp-block-group { flex: 1 1 20rem; max-width: 40rem; }
.rt-inner .rt-steps > .wp-block-column { border-top: 2px dashed rgba(91, 67, 48, .35); padding-top: 20px; }
.rt-inner .rt-steps .has-x-large-font-size { font: 700 28px/1 var(--rt-cond) !important; text-transform: uppercase; color: var(--rt-forest); }
.rt-inner .rt-aside { overflow-wrap: anywhere; border-left: 1px dashed rgba(21, 48, 27, .25); padding-left: clamp(24px, 3vw, 48px); }
.rt-inner .rt-aside p:not(.is-style-eyebrow) { margin-bottom: 1.6em; }
.rt-inner .rt-aside a { text-decoration: none; }
@media (max-width: 781px) { .rt-inner .rt-aside { border-left: 0; border-top: 1px dashed rgba(21, 48, 27, .25); padding: 28px 0 0; } }
.rt-inner .wp-block-table table { background: #fbf8f0; border: 1px solid var(--rt-line); font-size: 15.5px; font-variant-numeric: tabular-nums; }
.rt-inner .wp-block-table th, .rt-inner .wp-block-table td { padding: 11px 14px; border: 0; border-bottom: 1px dashed var(--rt-line); }
.rt-inner .wp-block-table thead th { background: var(--rt-forest); color: var(--rt-paper); font: 700 14px/1.2 var(--rt-cond); letter-spacing: .1em; text-transform: uppercase; }
.rt-inner .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: rgba(216, 198, 160, .18); }

/* ---------------------------------------------------------------- 6 Forms (Forminator, "Basic" design) */

.forminator-ui.forminator-custom-form { font-family: inherit; color: var(--rt-forest); background: #fbf8f0; border: 1px solid var(--rt-line); border-radius: 6px; padding: clamp(20px, 3vw, 34px) !important; }
.forminator-ui.forminator-custom-form .forminator-label { font: 600 13px/1.2 var(--rt-cond) !important; text-transform: uppercase; letter-spacing: .14em; color: var(--rt-moss) !important; margin-bottom: .5rem !important; }
.forminator-ui.forminator-custom-form .forminator-required { color: var(--rt-flag) !important; }
.forminator-ui.forminator-custom-form .forminator-input,
.forminator-ui.forminator-custom-form .forminator-textarea,
.forminator-ui.forminator-custom-form .select2-selection--single { width: 100%; min-height: 2.9rem; padding: .75rem 1rem !important; border: 1px solid rgba(21, 48, 27, .22) !important; border-radius: 4px !important; background-color: var(--rt-paper) !important; box-shadow: none !important; font-family: inherit !important; font-size: 16px !important; line-height: 1.45 !important; color: var(--rt-ink) !important; transition: border-color .2s, box-shadow .2s; }
.forminator-ui.forminator-custom-form .forminator-textarea { min-height: 8.5rem !important; }
.forminator-ui.forminator-custom-form .forminator-multi-upload { border: 1.5px dashed var(--rt-sage) !important; background-color: #fff !important; border-radius: 4px !important; }
.forminator-ui.forminator-custom-form .select2-selection--single { display: flex !important; align-items: center !important; height: auto !important; }
.forminator-ui.forminator-custom-form .select2-selection--single .select2-selection__rendered { flex: 1 1 auto; padding: 0 !important; line-height: 1.5 !important; color: var(--rt-ink) !important; }
.forminator-ui.forminator-custom-form .select2-selection--single .select2-selection__arrow { height: auto !important; margin: 0 !important; }
.forminator-ui.forminator-custom-form .forminator-input:focus,
.forminator-ui.forminator-custom-form .forminator-textarea:focus,
.forminator-ui.forminator-custom-form .select2-container--open .select2-selection--single,
.forminator-ui.forminator-custom-form .select2-selection--single:focus { border-color: var(--rt-moss) !important; box-shadow: 0 0 0 3px rgba(36, 77, 46, .12) !important; outline: none !important; }
.forminator-ui.forminator-custom-form .forminator-has_error .forminator-input,
.forminator-ui.forminator-custom-form .forminator-has_error .forminator-textarea,
.forminator-ui.forminator-custom-form .forminator-has_error .select2-selection--single { border-color: #b42318 !important; }
.forminator-ui.forminator-custom-form .forminator-error-message { font-size: .8rem !important; color: #b42318 !important; background: none !important; padding: .25rem 0 0 !important; }
.forminator-ui.forminator-custom-form .forminator-description:has(> span[data-limit]:only-child) { display: none !important; }
.forminator-ui.forminator-custom-form .forminator-description { font-size: .8rem !important; color: var(--rt-muted) !important; }
.forminator-ui.forminator-custom-form .forminator-title { font: italic 500 1.35rem/1.2 var(--rt-serif) !important; color: var(--rt-moss) !important; margin-top: 1rem !important; }
.forminator-ui.forminator-custom-form .forminator-subtitle { font-family: var(--rt-body) !important; font-size: .8rem !important; color: var(--rt-muted) !important; }
.forminator-ui.forminator-custom-form .forminator-field-html,
.forminator-ui.forminator-custom-form .forminator-checkbox__label,
.forminator-ui.forminator-custom-form .forminator-checkbox__label p { font-size: .95rem !important; color: var(--rt-soft) !important; }
.forminator-ui.forminator-custom-form .forminator-button-submit,
.forminator-ui.forminator-custom-form .forminator-button-upload { border: 0 !important; border-radius: 4px !important; background-color: var(--rt-flag) !important; color: #fff !important; padding: 1em 1.7em !important; font: 700 15px/1 var(--rt-cond) !important; letter-spacing: .12em !important; text-transform: uppercase !important; box-shadow: none !important; cursor: pointer; transition: background-color .3s; }
.forminator-ui.forminator-custom-form .forminator-button-upload { background-color: var(--rt-forest) !important; padding: .7em 1.2em !important; }
.forminator-ui.forminator-custom-form .forminator-button-submit:hover { background-color: #c8481f !important; }
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-success { border: 1px solid rgba(36, 77, 46, .3) !important; border-radius: 6px !important; background-color: rgba(36, 77, 46, .06) !important; color: var(--rt-forest) !important; padding: 1.5rem 2rem !important; font-size: 1rem !important; }
.forminator-select-dropdown-container .select2-results__option--highlighted,
.forminator-select-dropdown-container .select2-results__option[aria-selected="true"] { background-color: var(--rt-moss) !important; color: var(--rt-paper) !important; }

/* ---------------------------------------------------------------- 7 Footer */

.rt-footer { background: var(--rt-forest-deep); color: rgba(247, 243, 232, .7); font-size: 15px; }
.rt-footer p, .rt-footer ul { margin: 0; }
.rt-footer-cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding-block: 56px 40px; }
@media (max-width: 820px) { .rt-footer-cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .rt-footer-cols { grid-template-columns: 1fr; } }
.rt-footer-cols > * { margin: 0 !important; }
.rt-footer .rt-brand-name { color: var(--rt-paper); }
.rt-footer .rt-brand-sub { color: var(--rt-mist); }
.rt-footer .rt-logo img { height: 76px; }
.rt-motto { font: italic 400 18px/1.4 var(--rt-serif); color: rgba(247, 243, 232, .85); margin-top: 16px !important; max-width: 28ch; }
.rt-foot-h { margin: 0 0 12px !important; font: 600 13px/1 var(--rt-cond); letter-spacing: .16em; text-transform: uppercase; color: var(--rt-mist); }
.rt-footer a { text-decoration: none; }
.rt-footer a:hover { color: var(--rt-paper); }
.rt-footer ul { list-style: none; padding: 0 !important; display: grid; gap: 8px; }
.rt-footer ul li { margin: 0; }
.rt-legal { border-top: 1px solid rgba(247, 243, 232, .1); padding-block: 18px; font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.rt-legal > * { margin: 0 !important; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
}