/* WP integration layer — loads after app.css. Bridges WordPress/WooCommerce
   output to the design system; not part of the original handoff CSS. */

/* Tab panels (menu / shop) are toggled via the [hidden] attribute by theme.js. */
[hidden] { display: none !important; }

/* Footer GNDN credit mark — constrain against Elementor/Woo global img rules. */
.site .foot-credit .gndn-mark { height: 30px !important; width: auto !important; max-width: 120px; }
.site .foot-credit .gndn-text { font-family: var(--font-display); font-weight: 700; letter-spacing: .12em; font-size: 13px; color: var(--gold-light); }

/* Header logo — constrain against Woo/Elementor global img rules (was rendering full-size). */
header.site .nav-logo { height: 40px !important; width: auto !important; }

/* Generic page prose: policies, T&Cs, blog posts rendered via the_content(). */
.entry-content { font-family: var(--font-body); color: var(--fg2); font-size: 16px; line-height: 1.74; }
.entry-content > *:first-child { margin-top: 0; }
.entry-content h2, .entry-content h3, .entry-content h4 { font-family: var(--font-display); color: var(--ink); line-height: 1.2; margin: 1.6em 0 .5em; }
.entry-content h2 { font-size: 1.7rem; } .entry-content h3 { font-size: 1.3rem; } .entry-content h4 { font-size: 1.1rem; }
.entry-content p { margin: 0 0 1.1em; }
.entry-content a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 2px; }
.entry-content a:hover { color: var(--gold); }
.entry-content ul, .entry-content ol { margin: 0 0 1.1em 1.3em; }
.entry-content li { margin: .35em 0; }
.entry-content img { max-width: 100%; height: auto; border-radius: var(--r-md); }
.entry-content blockquote { border-left: 2px solid var(--gold-leaf); padding-left: 18px; margin: 1.4em 0; font-family: var(--font-serif); font-style: italic; font-size: 1.25rem; color: var(--rose-ink); }

/* Generic archive list */
.post-list { display: grid; gap: 28px; }
.post-card h2 { font-size: 1.5rem; margin: 0 0 .35em; }
.post-card h2 a { color: var(--ink); text-decoration: none; }
.post-card h2 a:hover { color: var(--gold-deep); }

/* Embedded metform forms (.beurre-form wrapper) restyled to the design's
   austere hairline fields + gold pill button. */
.beurre-form .mf-form-wrapper, .beurre-form .mf-template, .beurre-form form { background: transparent; box-shadow: none; padding: 0; margin: 0; }
.beurre-form input[type="text"], .beurre-form input[type="email"], .beurre-form input[type="tel"], .beurre-form input[type="url"], .beurre-form input[type="number"], .beurre-form input[type="date"], .beurre-form select, .beurre-form textarea, .beurre-form .mf-input {
	width: 100%; box-sizing: border-box; font-family: var(--font-body); font-size: 15px; line-height: 1.4; color: var(--ink);
	background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); padding: 12px 14px; margin: 0;
	box-shadow: none; transition: border-color .18s var(--ease), box-shadow .18s var(--ease);
}
.beurre-form textarea { min-height: 120px; resize: vertical; }
.beurre-form input:focus, .beurre-form select:focus, .beurre-form textarea:focus, .beurre-form .mf-input:focus {
	outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(192, 151, 75, .14);
}
.beurre-form label, .beurre-form .mf-label { display: block; font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--fg2); margin: 0 0 7px; text-transform: none; }
.beurre-form .mf-input-wrapper, .beurre-form .mf-input-wrap, .beurre-form .elementor-field-group, .beurre-form .mf-between-column { margin-bottom: 18px; }
.beurre-form .mf-btn, .beurre-form button[type="submit"], .beurre-form [type="submit"] {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; cursor: pointer;
	font-family: var(--font-body); font-weight: 600; font-size: 14px; letter-spacing: .02em;
	background: var(--gold); color: #fff; border: none; border-radius: var(--r-pill); padding: 14px 24px;
	transition: background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);
}
.beurre-form .mf-btn:hover, .beurre-form button[type="submit"]:hover, .beurre-form [type="submit"]:hover {
	background: var(--gold-deep); transform: translateY(-1px); box-shadow: var(--shadow-md);
}