/*
Theme Name:   VAHDA Astra Child
Theme URI:    https://vahda.org/
Description:  Child theme for the Virginia Hunting Dog Alliance website, built on Astra. Holds the VAHDA colors, fonts and the reusable section, card, button and table styles used by every page.
Author:       Virginia Hunting Dog Alliance
Template:     astra
Version:      1.3.15
Requires at least: 6.3
Text Domain:  vahda-astra-child
*/

/* ==========================================================================
   1. Brand tokens (colors from the VAHDA logo)
   PANTONE 347 C green, PANTONE Black C, hound brown/tan, cream.
   ========================================================================== */
:root {
	--vahda-green-900: #0B3F24;  /* darkest: top bar, footer, dark cards  */
	--vahda-green-800: #0E5C33;  /* page title bands, hero                */
	--vahda-green-600: #1C814A;  /* PANTONE 347 C: links, icons, outlines  */
	--vahda-green-100: #E6F2E9;  /* light green fills                      */
	--vahda-sage:      #84B6AC;  /* newsletter/brief sage: header bands     */
	--vahda-sage-deep: #579B8E;  /* newsletter/brief deeper sage            */
	--vahda-sage-band: #3E7A6E;  /* header bands: deepest sage, white text  */
	--vahda-brown-700: #69422A;  /* hover / dark brown                     */
	--vahda-brown-600: #8A5530;  /* main buttons, labels, reward box        */
	--vahda-tan-200:   #E8C9A0;  /* labels on dark green                    */
	--vahda-cream-100: #F6E8D5;  /* tan tint fills                          */
	--vahda-cream-50:  #FBF7F0;  /* page background                         */
	--vahda-ink:       #2D2926;  /* PANTONE Black C: headings, body text    */
	--vahda-ink-2:     #4A433E;  /* secondary text                          */
	--vahda-muted:     #5E5650;  /* captions                                */
	--vahda-on-dark:   #DCEBDD;  /* body text on dark green                 */
	--vahda-line:      #E4DACB;  /* card borders                            */
	--vahda-line-2:    #EFE7DA;  /* row dividers                            */

	--vahda-font-head: 'Bitter', Georgia, serif;
	--vahda-font-body: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
	--vahda-radius: 12px;
	--vahda-wrap: 1200px;
}

/* ==========================================================================
   2. Base type
   ========================================================================== */
body,
.editor-styles-wrapper {
	background: var(--vahda-cream-50);
	color: var(--vahda-ink);
	font-family: var(--vahda-font-body);
	font-size: 19px;
	line-height: 1.55;
}
h1, h2, h3, h4, h5, h6,
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
	font-family: var(--vahda-font-head);
	font-weight: 700;
	color: var(--vahda-ink);
	line-height: 1.15;
}
a { color: var(--vahda-green-600); }
a:hover, a:focus { color: var(--vahda-brown-600); }
:focus-visible {
	outline: 3px solid var(--vahda-tan-200);
	outline-offset: 3px;
	border-radius: 4px;
}

/* ==========================================================================
   3. Header + footer (built in Astra's Header/Footer Builder)
   ========================================================================== */
.ast-above-header-bar,
.ast-above-header-bar a { background: var(--vahda-green-900); color: var(--vahda-on-dark); font-size: 15px; }
.ast-above-header-bar a:hover { color: var(--vahda-tan-200); }

.main-header-menu .menu-link { font-weight: 600; color: var(--vahda-ink); }
.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link { color: var(--vahda-green-600); }

/* Add the CSS class "menu-donate" to the Donate menu item (Appearance > Menus > Screen Options > CSS Classes). */
.main-header-menu .menu-donate > .menu-link {
	border: 2px solid var(--vahda-green-600);
	border-radius: 6px;
	padding: 8px 18px;
	line-height: 1.2;
	margin-left: 8px;
}
.main-header-menu .menu-donate > .menu-link:hover { background: var(--vahda-green-600); color: #fff; }

/* Header "Button" element = Join Us */
.ast-header-button-1 .ast-custom-button {
	background: var(--vahda-brown-600);
	border-color: var(--vahda-brown-600);
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
	min-height: 44px;
}
.ast-header-button-1 .ast-custom-button:hover { background: var(--vahda-brown-700); border-color: var(--vahda-brown-700); }

.site-footer,
.site-primary-footer-wrap,
.site-below-footer-wrap { background: var(--vahda-green-900); color: var(--vahda-on-dark); }
.site-footer a { color: var(--vahda-on-dark); text-decoration: none; }
.site-footer a:hover { color: var(--vahda-tan-200); }
.site-footer .widget-title,
.site-footer h2, .site-footer h3 { color: #fff; font-family: var(--vahda-font-head); }
.site-below-footer-wrap { font-size: 14px; color: #B8D1BE; border-top: 1px solid rgba(255,255,255,.15); }

/* ==========================================================================
   4. Page wrapper. Every page's content sits in one Group with class "vahda-page".
   Set each page to Astra Settings > Container: Full Width / Stretched, and disable the title.
   ========================================================================== */
.vahda-page,
.vahda-page :where(.wp-block-group, .wp-block-columns, .wp-block-column) { box-sizing: border-box; }
.vahda-page > *,
.vahda-page :where(.is-layout-flow) > *,
.vahda-page :where(.is-layout-constrained) > * { margin-block-start: 0; margin-block-end: 0; }
.vahda-page :where(.wp-block-group, .wp-block-columns) { margin-bottom: 0; }
.vahda-page p:empty { display: none; }

/* Centered content column inside any band */
.vahda-inner {
	max-width: var(--vahda-wrap);
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 64px 24px;
}
.vahda-inner.is-tight { padding-top: 32px; padding-bottom: 32px; }

/* Vertical rhythm inside sections and cards */
.vahda-stack > * + *,
.vahda-inner > * + *,
.is-style-vahda-card > * + *,
.is-style-vahda-card-dark > * + *,
.is-style-vahda-card-brown > * + * { margin-top: 14px !important; }

/* ==========================================================================
   5. Bands (full-width backgrounds)
   ========================================================================== */
.is-style-vahda-band-green,
.vahda-hero,
.vahda-page-title { background: var(--vahda-green-800); color: #fff; }
.is-style-vahda-band-white { background: #fff; border-top: 1px solid var(--vahda-line); border-bottom: 1px solid var(--vahda-line); }

.is-style-vahda-band-green :where(h1,h2,h3,h4),
.vahda-hero :where(h1,h2,h3,h4),
.vahda-page-title :where(h1,h2,h3,h4) { color: #fff; }
.is-style-vahda-band-green p,
.vahda-hero p,
.vahda-page-title p { color: var(--vahda-on-dark); }
.is-style-vahda-band-green a:not(.wp-block-button__link),
.vahda-hero a:not(.wp-block-button__link),
.vahda-page-title a:not(.wp-block-button__link) { color: #fff; }

/* Hero */
.vahda-hero h1 { font-size: clamp(36px, 5vw, 52px); line-height: 1.08; margin: 0; }
.vahda-hero .wp-block-columns { gap: 48px; align-items: center; }
.vahda-photo {
	min-height: 420px;
	border-radius: var(--vahda-radius);
	background: #1C6B40;
	border: 2px dashed #7FB08F;
	display: flex; align-items: center; justify-content: center;
	text-align: center; padding: 24px;
}
.vahda-photo p { color: var(--vahda-on-dark) !important; font-size: 17px; }
.vahda-hero .wp-block-image img,
.vahda-photo-img img { border-radius: var(--vahda-radius); width: 100%; height: auto; object-fit: cover; }

/* Hero numbers */
.vahda-stats { border-top: 1px solid rgba(255,255,255,.22); padding-top: 20px; margin-top: 24px !important; gap: 40px; }
.vahda-stat-number { font-family: var(--vahda-font-head); font-size: 36px; font-weight: 700; line-height: 1; margin: 0 !important; color: #fff !important; }
.vahda-stat-label { font-size: 16px; margin-top: 6px !important; }

/* ==========================================================================
   6. Text styles
   ========================================================================== */
.is-style-vahda-eyebrow {
	font-size: 16px !important;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vahda-brown-600);
}
.vahda-hero .is-style-vahda-eyebrow,
.is-style-vahda-band-green .is-style-vahda-eyebrow,
.vahda-page-title .is-style-vahda-eyebrow,
.is-style-vahda-card-dark .is-style-vahda-eyebrow { color: var(--vahda-tan-200) !important; }
.is-style-vahda-lead { font-size: 21px; max-width: 760px; }
.vahda-muted { color: var(--vahda-muted); }
.vahda-section-title { font-size: 34px; margin: 0; }

/* ==========================================================================
   7. Buttons (block styles)
   ========================================================================== */
.wp-block-buttons { gap: 14px; }
.wp-block-button[class*="is-style-vahda-"] .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 6px;
	font-family: var(--vahda-font-body);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
	border: 2px solid transparent;
}
.is-style-vahda-primary .wp-block-button__link { background: var(--vahda-brown-600); border-color: var(--vahda-brown-600); color: #fff; }
.is-style-vahda-primary .wp-block-button__link:hover { background: var(--vahda-brown-700); border-color: var(--vahda-brown-700); color: #fff; }
.is-style-vahda-outline .wp-block-button__link { background: transparent; border-color: var(--vahda-green-600); color: var(--vahda-green-600); }
.is-style-vahda-outline .wp-block-button__link:hover { background: var(--vahda-green-600); color: #fff; }
.is-style-vahda-light .wp-block-button__link { background: transparent; border-color: #fff; color: #fff; }
.is-style-vahda-light .wp-block-button__link:hover { background: #fff; color: var(--vahda-green-900); }

/* ==========================================================================
   8. Cards
   ========================================================================== */
.is-style-vahda-card {
	background: #fff;
	border: 1px solid var(--vahda-line);
	border-radius: var(--vahda-radius);
	padding: 28px;
}
.is-style-vahda-card-dark,
.is-style-vahda-card-brown {
	border-radius: var(--vahda-radius);
	padding: 32px;
	color: #fff;
}
.is-style-vahda-card-dark { background: var(--vahda-green-900); }
.is-style-vahda-card-brown { background: var(--vahda-brown-600); }
.is-style-vahda-card-dark :where(h2,h3,h4),
.is-style-vahda-card-brown :where(h2,h3,h4) { color: #fff; }
.is-style-vahda-card-dark p { color: var(--vahda-on-dark); }
.is-style-vahda-card-brown p { color: var(--vahda-cream-100); }
.is-style-vahda-card-dark a:not(.wp-block-button__link),
.is-style-vahda-card-brown a:not(.wp-block-button__link) { color: #fff; }
.vahda-card-title { font-size: 24px; margin: 0; }
.vahda-big { font-family: var(--vahda-font-head); font-size: 44px; font-weight: 700; line-height: 1; margin: 0; }

/* Grids of cards: Columns blocks with class "vahda-grid" */
.vahda-grid { gap: 20px !important; }
.vahda-grid > .wp-block-column { display: flex; flex-direction: column; }
.vahda-grid > .wp-block-column > .wp-block-group { flex: 1; }

/* ==========================================================================
   9. "What can we help you with?" task cards (Columns block, class "vahda-tasks")
   Icons are added automatically to the heading of card 1, 2, 3 and 4.
   ========================================================================== */
.vahda-tasks .wp-block-column > .wp-block-group { transition: border-color .15s, box-shadow .15s; }
.vahda-tasks .wp-block-column > .wp-block-group:hover { border-color: var(--vahda-brown-600); box-shadow: 0 6px 18px rgba(11,63,36,.12); }
.vahda-tasks h3 { font-size: 21px; margin: 0; }
.vahda-tasks h3::before {
	content: "";
	display: block;
	width: 36px; height: 36px;
	margin-bottom: 14px;
	background-color: var(--vahda-green-600);
	-webkit-mask: var(--vahda-icon) no-repeat center / contain;
	mask: var(--vahda-icon) no-repeat center / contain;
}
.vahda-tasks .wp-block-column:nth-child(1) { --vahda-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M5 21h14'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M7 7l-3 7a3 3 0 0 0 6 0z'/%3E%3Cpath d='M17 7l-3 7a3 3 0 0 0 6 0z'/%3E%3C/svg%3E"); }
.vahda-tasks .wp-block-column:nth-child(2) { --vahda-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h7'/%3E%3Cpath d='M9 17h5'/%3E%3C/svg%3E"); }
.vahda-tasks .wp-block-column:nth-child(3) { --vahda-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
.vahda-tasks .wp-block-column:nth-child(4) { --vahda-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3C/svg%3E"); }
.vahda-tasks p { font-size: 16px; color: var(--vahda-ink-2); }
.vahda-tasks .vahda-more { margin-top: auto !important; padding-top: 4px; }
.vahda-more a, a.vahda-more { font-weight: 700; color: var(--vahda-brown-600); text-decoration: none; }
.vahda-more a:hover { text-decoration: underline; }

/* ==========================================================================
   10. Tables (block style "VAHDA table")
   ========================================================================== */
.is-style-vahda-table { margin: 0; overflow-x: auto; }
.is-style-vahda-table table { border-collapse: collapse; width: 100%; font-size: 17px; background: #fff; }
.is-style-vahda-table thead th {
	background: transparent;
	color: var(--vahda-muted);
	font-size: 14px;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-align: left;
	border: 0;
	border-bottom: 2px solid var(--vahda-green-600);
	padding: 12px 10px;
}
.is-style-vahda-table td { border: 0; border-top: 1px solid var(--vahda-line-2); padding: 14px 10px; vertical-align: middle; }
.is-style-vahda-table tbody tr:first-child td { border-top: 0; }
.is-style-vahda-table.is-numeric td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }

/* Position pills: type the word in bold (Support / Oppose / Watching) and add one of these
   classes in the cell via the HTML view, or just use the plain words. */
.vahda-pill { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 14px; font-weight: 700; line-height: 1.3; }
.vahda-pill.support { background: var(--vahda-green-600); color: #fff; }
.vahda-pill.oppose { background: var(--vahda-brown-700); color: #fff; }
.vahda-pill.watching { border: 1.5px solid #6B625B; color: var(--vahda-ink-2); }

/* ==========================================================================
   11. Event list (Group with class "vahda-event")
   ========================================================================== */
.vahda-event {
	background: #fff;
	border: 1px solid var(--vahda-line);
	border-radius: 10px;
	padding: 18px;
	gap: 18px;
	align-items: center;
}
.vahda-date {
	width: 72px; flex: none !important;
	text-align: center;
	background: var(--vahda-green-100);
	border-radius: 8px;
	padding: 8px 0;
	gap: 0 !important;
}
.vahda-date p { margin: 0 !important; }
.vahda-date-month { font-size: 14px; font-weight: 700; color: var(--vahda-green-600); text-transform: uppercase; }
.vahda-date-day { font-family: var(--vahda-font-head); font-size: 28px; font-weight: 700; color: var(--vahda-green-900); line-height: 1.1; }
.vahda-event-title { font-weight: 700; margin: 0 !important; }
.vahda-event-meta { font-size: 16px; color: var(--vahda-muted); margin: 2px 0 0 !important; }

/* ==========================================================================
   12. "Where we stand up for you" items (Columns with class "vahda-points")
   ========================================================================== */
.vahda-points { gap: 28px !important; }
.vahda-points .wp-block-column { border-top: 3px solid var(--vahda-brown-600); padding-top: 16px; }
.vahda-points h3 { font-size: 19px; margin: 0; }
.vahda-points p { font-size: 16px; color: var(--vahda-muted); margin-top: 6px !important; }

/* Checklist (List block with class "vahda-checklist") */
.vahda-checklist { list-style: none; padding: 0; margin: 0; }
.vahda-checklist li { position: relative; padding: 16px 0 16px 36px; border-bottom: 1px solid var(--vahda-line-2); }
.vahda-checklist li:last-child { border-bottom: 0; }
.vahda-checklist li::before {
	content: ""; position: absolute; left: 0; top: 20px; width: 22px; height: 22px;
	background-color: var(--vahda-green-600);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ==========================================================================
   13. Responsive
   ========================================================================== */
@media (max-width: 781px) {
	.vahda-inner { padding: 44px 20px; }
	.vahda-photo { min-height: 240px; }
	.vahda-hero .wp-block-columns { gap: 28px; }
	.vahda-section-title { font-size: 28px; }
	.is-style-vahda-card, .is-style-vahda-card-dark, .is-style-vahda-card-brown { padding: 22px; }
}

/* ==========================================================================
   14. Fixes after first test on the live site (v1.0.1)
   ========================================================================== */

/* Full-width layout that does not depend on Astra's container or sidebar settings:
   on any page containing .vahda-page, the content area is opened up to the full browser width,
   the sidebar is hidden, and every band inside simply fills 100%. */
body:has(.vahda-page) { overflow-x: clip; }
body:has(.vahda-page) .site-content > .ast-container {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	display: block !important;
}
body:has(.vahda-page) #secondary { display: none !important; }
body:has(.vahda-page) #primary,
body:has(.vahda-page) .content-area {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
body:has(.vahda-page) .entry-content,
body:has(.vahda-page) .ast-article-single,
body:has(.vahda-page) .ast-article-post,
body:has(.vahda-page) article.page {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.vahda-page,
.vahda-page.alignfull,
.entry-content > .vahda-page.alignfull {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	left: auto !important;
	right: auto !important;
	position: static !important;
	transform: none !important;
}
.vahda-page .alignfull,
.vahda-page .alignwide {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
}
/* Hide the page title and the boxed padding on VAHDA pages */
body:has(.vahda-page) .entry-header,
body:has(.vahda-page) .ast-breadcrumbs-wrapper { display: none !important; }
body:has(.vahda-page) .site-content > .ast-container,
body:has(.vahda-page) #primary,
body:has(.vahda-page) .ast-article-single,
body:has(.vahda-page) .ast-article-post { padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; }
body:has(.vahda-page) #primary { width: 100%; }

/* White text on every dark band and card (beats Astra's heading colors) */
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green, .is-style-vahda-card-dark, .is-style-vahda-card-brown) :is(h1, h2, h3, h4, h5, h6, strong) {
	color: #fff !important;
}
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green, .is-style-vahda-card-dark) :is(p, li) {
	color: var(--vahda-on-dark) !important;
}
.vahda-page .is-style-vahda-card-brown :is(p, li) { color: var(--vahda-cream-100) !important; }
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green, .is-style-vahda-card-dark, .is-style-vahda-card-brown) a:not(.wp-block-button__link) { color: #fff !important; }
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green, .is-style-vahda-card-dark) .is-style-vahda-eyebrow { color: var(--vahda-tan-200) !important; }
.vahda-page .vahda-stat-number { color: #fff !important; }

/* Dark text everywhere else (beats Astra's body/heading colors on light backgrounds) */
.vahda-page .is-style-vahda-card :is(h1, h2, h3, h4),
.vahda-page .vahda-inner > :is(h2, h3) { color: var(--vahda-ink); }

/* Photo box: once an image is placed inside, drop the dashed placeholder look */
.vahda-photo:has(img) { border: 0; background: none; padding: 0; min-height: 0; }
.vahda-photo:has(img) .wp-block-image { margin: 0; width: 100%; }

/* Top bar (Above Header) */
.ast-above-header-bar,
.ast-above-header-wrap,
.ast-above-header-bar .ast-builder-grid-row { background: var(--vahda-green-900) !important; }
.ast-above-header-bar,
.ast-above-header-bar .ast-builder-html-element,
.ast-above-header-bar p { color: var(--vahda-on-dark) !important; font-size: 15px; margin: 0; }
.ast-above-header-bar a { color: #fff !important; text-decoration: none; }
.ast-above-header-bar a:hover { color: var(--vahda-tan-200) !important; }

/* Menu in normal case, like the design */
.main-header-menu .menu-link { text-transform: none !important; letter-spacing: 0 !important; font-size: 17px; }

/* ==========================================================================
   15. Inner pages (v1.1.0)
   ========================================================================== */

/* Page title band: Group (full width) with class "vahda-page-title" */
.vahda-page-title .vahda-inner { padding-top: 22px; padding-bottom: 52px; }
.vahda-page-title h1 { font-size: clamp(36px, 5vw, 52px); line-height: 1.08; margin: 0; }
.vahda-breadcrumb { font-size: 16px; margin-bottom: 28px !important; }
.vahda-page .vahda-breadcrumb, .vahda-page .vahda-breadcrumb a { color: var(--vahda-on-dark) !important; }

/* Light green card / note band */
.is-style-vahda-card-light { background: var(--vahda-green-100); border-radius: 10px; padding: 20px 24px; color: var(--vahda-green-900); }
.is-style-vahda-card-light > * + * { margin-top: 12px !important; }
.is-style-vahda-card-light :where(h2,h3,h4,p,strong) { color: var(--vahda-green-900); }

/* Card grid that wraps 2-up and stretches an odd last card: Group with class "vahda-card-grid" */
.vahda-card-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: 16px;
}
.vahda-card-grid.is-3up { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.vahda-card-grid.is-4up { grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
.vahda-card-grid > * { margin: 0 !important; }
.vahda-card-grid:not(.is-3up):not(.is-4up) > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.vahda-card-grid > .wp-block-group { display: flex; flex-direction: column; }
.vahda-card-grid > .wp-block-group > * + * { margin-top: 10px !important; }

/* Law cards */
.vahda-law .vahda-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 15px; color: #6B625B; margin: 0; }
.vahda-badge { display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: 15px; font-weight: 700; line-height: 1.4; }
.vahda-badge.code { background: var(--vahda-green-100); color: var(--vahda-green-900); }
.vahda-badge.reg { background: var(--vahda-cream-100); color: var(--vahda-brown-700); }
.vahda-badge.backed { background: var(--vahda-green-600); color: #fff; }
.vahda-law h3, .vahda-law h4 { font-size: 21px; line-height: 1.25; margin: 0; }
.vahda-law p { font-size: 18px; color: var(--vahda-ink-2); }
.vahda-law.is-backed { border: 2px solid var(--vahda-green-600) !important; }
.vahda-backed-note { background: var(--vahda-green-100); border-radius: 6px; padding: 10px 14px; font-size: 17px !important; color: var(--vahda-green-900) !important; }
.vahda-law .vahda-more { margin-top: auto !important; }
.vahda-law .vahda-more a { color: var(--vahda-green-600); font-size: 16px; }

/* Topic group heading inside Know the law */
.vahda-topic { padding-top: 32px; }
.vahda-topic-head { border-bottom: 2px solid var(--vahda-green-600); padding-bottom: 10px; margin-bottom: 16px !important; }
.vahda-topic-head h3 { font-size: 26px; color: var(--vahda-green-900) !important; margin: 0; }
.vahda-topic-head p { color: var(--vahda-muted); margin: 4px 0 0 !important; }

/* Jump links ("chips"): a Buttons block with class "vahda-chips" */
.vahda-chips { gap: 10px !important; }
.vahda-chips .wp-block-button__link {
	background: #fff !important; color: var(--vahda-ink) !important;
	border: 1.5px solid var(--vahda-line) !important; border-radius: 999px !important;
	min-height: 44px; padding: 0 18px !important; font-size: 16px !important; font-weight: 600 !important;
	display: inline-flex; align-items: center;
}
.vahda-chips .wp-block-button__link:hover { border-color: var(--vahda-green-600) !important; color: var(--vahda-green-600) !important; }

/* Lists */
.vahda-two-col { columns: 2 240px; column-gap: 32px; list-style: none; padding: 0; margin: 0; }
.vahda-two-col li { padding: 10px 0; border-bottom: 1px solid var(--vahda-line-2); break-inside: avoid; }
.vahda-columns-list { columns: 3 260px; column-gap: 40px; list-style: none; padding: 0; margin: 0; font-size: 19px; }
.vahda-columns-list li { padding: 12px 0; border-bottom: 1px solid var(--vahda-line-2); break-inside: avoid; }
.vahda-plain-list { list-style: none; padding: 0; margin: 0; }
.vahda-plain-list li { padding: 14px 0; border-bottom: 1px solid var(--vahda-line-2); }
.vahda-plain-list li:last-child { border-bottom: 0; }
.vahda-steps { padding-left: 22px; }
.vahda-steps li { padding: 6px 0; }
.vahda-checklist ul { list-style: none; padding: 10px 0 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.vahda-checklist ul li { padding: 6px 14px; border: 0; border-radius: 999px; background: var(--vahda-green-100); color: var(--vahda-green-900); font-size: 15px; }
.vahda-checklist ul li::before { display: none; }

/* Stat tiles */
.vahda-stat-tile .vahda-big { color: #fff !important; font-size: 48px; }

/* Collapsible data sections: Details block with class "vahda-details" */
.vahda-details { background: #fff; border: 1px solid var(--vahda-line); border-radius: var(--vahda-radius); padding: 0; }
.vahda-details > summary {
	cursor: pointer; padding: 22px 26px; font-family: var(--vahda-font-head);
	font-size: 24px; font-weight: 700; color: var(--vahda-ink);
}
.vahda-details > *:not(summary) { margin-left: 26px !important; margin-right: 26px !important; }
.vahda-details > :last-child { margin-bottom: 26px !important; }
.vahda-details > * + * { margin-top: 16px !important; }
.vahda-details h3 { font-size: 20px; margin-top: 24px !important; }
.vahda-details .wp-element-caption,
.is-style-vahda-table .wp-element-caption { font-size: 15px; color: var(--vahda-ink-2); text-align: left; margin-top: 8px; }

/* Product cards */
.vahda-product { padding: 0 !important; overflow: hidden; }
.vahda-product > :not(.vahda-photo) { margin-left: 22px !important; margin-right: 22px !important; }
.vahda-product > :last-child { margin-bottom: 22px !important; }
.vahda-product .vahda-photo { min-height: 200px; border-radius: 0; border-width: 0 0 2px 0; background: var(--vahda-green-100); }
.vahda-product .vahda-photo p { color: var(--vahda-ink-2) !important; }
.vahda-product h3 { font-size: 21px; margin-top: 18px !important; }
.vahda-price { font-weight: 700; font-size: 20px; color: var(--vahda-brown-700); }
.vahda-product p:not(.vahda-price) { font-size: 17px; color: var(--vahda-muted); }

/* Address block */
.vahda-address { font-size: 19px; line-height: 1.6; }

/* Light photo placeholder (on white backgrounds) */
.vahda-photo.is-light { background: var(--vahda-green-100); }
.vahda-photo.is-light p { color: var(--vahda-ink-2) !important; }

/* ==========================================================================
   16. Sage header bands (v1.3.2)
   Page-title bands, the homepage hero and full-width green bands use the VAHDA
   newsletter/brief sage #579B8E.
   - Large headings (h1-h3, big numbers) are white: 3.24:1 passes for large text.
   - Everything else on the band (body text, labels, breadcrumb, links, outline
     buttons) is near-black #1B1A18: 5.37:1.
   Dark forest green stays for cards, the top bar and the footer.
   ========================================================================== */
:root { --vahda-band: #579B8E; --vahda-band-ink: #1B1A18; }
.vahda-hero,
.vahda-page-title,
.is-style-vahda-band-green { background: var(--vahda-band) !important; color: var(--vahda-band-ink); }

.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) :is(h1, h2, h3),
.vahda-page .vahda-hero .vahda-stat-number { color: #fff !important; }
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) :is(h4, h5, h6, p, li, strong),
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-eyebrow,
.vahda-page :is(.vahda-hero, .vahda-page-title) .vahda-breadcrumb,
.vahda-page :is(.vahda-hero, .vahda-page-title) .vahda-breadcrumb a { color: var(--vahda-band-ink) !important; }
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) a:not(.wp-block-button__link) { color: var(--vahda-band-ink) !important; text-decoration: underline; }
.vahda-hero .vahda-stats { border-top-color: rgba(27, 26, 24, .3); }
:is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) :focus-visible { outline-color: var(--vahda-band-ink); }

/* Outline ("light") buttons on the band: near-black outline and text */
:is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-light .wp-block-button__link {
	border-color: var(--vahda-band-ink) !important;
	color: var(--vahda-band-ink) !important;
	background: transparent !important;
}
:is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-light .wp-block-button__link:hover {
	background: var(--vahda-band-ink) !important;
	color: #fff !important;
}

/* Cards placed on a band keep their own colors */
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-card-dark :is(h1, h2, h3, h4, strong) { color: #fff !important; }
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-card-dark :is(p, li) { color: var(--vahda-on-dark) !important; }
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-card :is(h1, h2, h3, h4, strong, p, li) { color: var(--vahda-ink) !important; }

/* Photo placeholder on the band */
.vahda-hero .vahda-photo:not(:has(img)) { background: rgba(255, 255, 255, .2); border-color: rgba(27, 26, 24, .45); }
.vahda-hero .vahda-photo:not(:has(img)) p { color: var(--vahda-band-ink) !important; }

/* ==========================================================================
   17. Hound tan accents (v1.3.3)
   Accent #E8C9A0, the tan from the hounds in the VAHDA logo.
   - Buttons and the reward card: tan with dark text (11:1).
   - On the cream page background, tan buttons get a thin outline (#8C7A63)
     so they don't disappear.
   - Small labels and links keep the logo's hound brown #8A5530 (6.1:1 on cream).
   ========================================================================== */
:root {
	--vahda-accent:        #E8C9A0;
	--vahda-accent-hover:  #D9B27E;
	--vahda-accent-border: #8C7A63;
	--vahda-brown-600: #8A5530;
	--vahda-brown-700: #69422A;
}

/* Main buttons + header Join Us: tan with dark text */
.is-style-vahda-primary .wp-block-button__link,
.ast-header-button-1 .ast-custom-button {
	background: var(--vahda-accent) !important;
	border: 1.5px solid var(--vahda-accent-border) !important;
	color: var(--vahda-band-ink) !important;
}
.is-style-vahda-primary .wp-block-button__link:hover,
.is-style-vahda-primary .wp-block-button__link:focus,
.ast-header-button-1 .ast-custom-button:hover {
	background: var(--vahda-accent-hover) !important;
	border-color: var(--vahda-brown-700) !important;
	color: var(--vahda-band-ink) !important;
}
/* On the sage band the outline isn't needed */
:is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-primary .wp-block-button__link { border-color: var(--vahda-accent) !important; }

/* Tan card (the reward card): tan background, dark text */
.is-style-vahda-card-brown { background: var(--vahda-accent) !important; color: var(--vahda-ink) !important; }
.vahda-page .is-style-vahda-card-brown :is(h1, h2, h3, h4, strong, .vahda-big) { color: var(--vahda-green-900) !important; }
.vahda-page .is-style-vahda-card-brown :is(p, li) { color: var(--vahda-ink) !important; }
.vahda-page .is-style-vahda-card-brown a:not(.wp-block-button__link) { color: var(--vahda-green-900) !important; }
.is-style-vahda-card-brown .is-style-vahda-light .wp-block-button__link { border-color: var(--vahda-green-900) !important; color: var(--vahda-green-900) !important; }
.is-style-vahda-card-brown .is-style-vahda-light .wp-block-button__link:hover { background: var(--vahda-green-900) !important; color: #fff !important; }

/* Decorative accents */
.vahda-points .wp-block-column { border-top-color: var(--vahda-accent); }
.vahda-tasks .wp-block-column > .wp-block-group:hover { border-color: var(--vahda-brown-600); }

/* ==========================================================================
   18. White page, cream cards, deep sage greens (v1.3.4)
   - Page background is white; cards, tables, event rows and details boxes
     are cream #FBF7F0 with the thin tan border.
   - The "White band" style becomes a cream band; cards inside it stay white.
   - The logo's forest greens are replaced by deep sage in the same hue as the
     #579B8E header bands:
       #1F4740 top bar, footer, dark cards (white text 10.3:1)
       #2F6158 green headings, outline buttons, links, badges (7.1:1 on white)
       #E3EFEC light green note boxes
   ========================================================================== */
:root {
	--vahda-green-900: #1F4740;
	--vahda-green-800: #264F48;
	--vahda-green-600: #2F6158;
	--vahda-green-100: #E3EFEC;
	--vahda-on-dark:   #DCE9E5;
	--vahda-page-bg:   #FFFFFF;
	--vahda-box:       #FBF7F0;
}

/* White page */
body,
body:has(.vahda-page),
.editor-styles-wrapper,
.ast-separate-container,
.ast-plain-container,
body:has(.vahda-page) .site-content { background: var(--vahda-page-bg) !important; }

/* Cream boxes */
.is-style-vahda-card,
.vahda-event,
.vahda-details,
.is-style-vahda-table table,
.vahda-chips .wp-block-button__link { background: var(--vahda-box) !important; }

/* Cream band; boxes inside it switch to white so they still stand out */
.is-style-vahda-band-white { background: var(--vahda-box) !important; }
.is-style-vahda-band-white :is(.is-style-vahda-card, .vahda-event, .vahda-details),
.is-style-vahda-band-white .is-style-vahda-table table,
.is-style-vahda-band-white .vahda-chips .wp-block-button__link { background: #fff !important; }

/* Photo placeholders in the deep sage family */
.vahda-photo:not(:has(img)) { background: #3E7A6E; border-color: #8FBDB3; }
.vahda-photo.is-light:not(:has(img)) { background: var(--vahda-green-100); border-color: #8FBDB3; }

/* ==========================================================================
   19. Peach accents (v1.3.5)
   Peach #FAA362 from the VAHDA briefs. It is too light for text on white
   (2:1), so it is used as fills and lines on light backgrounds, and as text
   only on the deep sage (5.2:1).
   - Know the Law pills: light peach, peach outline, solid peach on hover.
   - Labels on dark cards, footer headings: peach text.
   - Small labels and "more" links on white: burnt orange #A4500F (5.6:1)
     with a short peach underline on labels.
   - Event date tiles: light peach.
   ========================================================================== */
:root {
	--vahda-peach:       #FAA362;
	--vahda-peach-100:   #FDE6D2;
	--vahda-brown-600:   #A4500F;  /* burnt orange: labels, more links      */
	--vahda-brown-700:   #7E3D0B;  /* darker burnt orange: hover, prices     */
}

/* 1. Pills / jump-link chips */
.vahda-chips .wp-block-button__link,
.is-style-vahda-band-white .vahda-chips .wp-block-button__link {
	background: var(--vahda-peach-100) !important;
	border-color: var(--vahda-peach) !important;
	color: var(--vahda-ink) !important;
}
.vahda-chips .wp-block-button__link:hover,
.vahda-chips .wp-block-button__link:focus {
	background: var(--vahda-peach) !important;
	border-color: var(--vahda-peach) !important;
	color: var(--vahda-ink) !important;
}

/* 2. Peach text on the deep sage: labels on dark cards, footer headings */
.vahda-page .is-style-vahda-card-dark .is-style-vahda-eyebrow,
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-card-dark .is-style-vahda-eyebrow { color: var(--vahda-peach) !important; }
.site-footer .widget-title,
.site-footer h2, .site-footer h3, .site-footer h4 { color: var(--vahda-peach) !important; }
.site-footer a:hover, .site-footer a:focus,
.ast-above-header-bar a:hover { color: var(--vahda-peach) !important; }

/* 3. Burnt-orange labels with a peach underline (light backgrounds only) */
.is-style-vahda-eyebrow { color: var(--vahda-brown-600); }
.vahda-page .is-style-vahda-eyebrow:not(:is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green, .is-style-vahda-card-dark, .is-style-vahda-card-brown) *) {
	width: fit-content;
	padding-bottom: 4px;
	border-bottom: 3px solid var(--vahda-peach);
}
.vahda-more a:hover, a.vahda-more:hover { color: var(--vahda-brown-700); }

/* 5. Event date tiles */
.vahda-date { background: var(--vahda-peach-100) !important; }
.vahda-date-month { color: var(--vahda-brown-700) !important; }
.vahda-date-day { color: var(--vahda-ink) !important; }

/* ==========================================================================
   20. Thin lines in dark green (v1.3.6)
   Label underlines, the top rule on "points" columns and the pill outlines
   use the dark green #1F4740 instead of peach/tan. Fills stay peach.
   ========================================================================== */
.vahda-page .is-style-vahda-eyebrow:not(:is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green, .is-style-vahda-card-dark, .is-style-vahda-card-brown) *) { border-bottom-color: var(--vahda-green-900); }
.vahda-points .wp-block-column { border-top-color: var(--vahda-green-900) !important; }
.vahda-chips .wp-block-button__link,
.is-style-vahda-band-white .vahda-chips .wp-block-button__link,
.vahda-chips .wp-block-button__link:hover,
.vahda-chips .wp-block-button__link:focus { border-color: var(--vahda-green-900) !important; }

/* ==========================================================================
   21. Secondary buttons on the sage bands (v1.3.7)
   Translucent white fill with a white outline; text stays near-black (8:1).
   Hover fills solid white.
   ========================================================================== */
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-light .wp-block-button__link {
	background: rgba(255, 255, 255, .3) !important;
	border: 2px solid #fff !important;
	color: var(--vahda-band-ink) !important;
}
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-light .wp-block-button__link:hover,
.vahda-page :is(.vahda-hero, .vahda-page-title, .is-style-vahda-band-green) .is-style-vahda-light .wp-block-button__link:focus {
	background: #fff !important;
	border-color: #fff !important;
	color: var(--vahda-band-ink) !important;
}

/* ==========================================================================
   22. Primary menu hover / current page (v1.3.8)
   Sage green #2F6158 (7:1 on white) instead of Astra's light tan.
   ========================================================================== */
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate):hover > .menu-link,
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate) > .menu-link:hover,
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate) > .menu-link:focus,
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate).current-menu-item > .menu-link,
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate).current-menu-ancestor > .menu-link,
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate).current_page_parent > .menu-link,
.ast-builder-menu-1 .main-header-menu .menu-item:not(.menu-donate).current-menu-parent > .menu-link,
.ast-mobile-header-content .main-header-menu .menu-item:not(.menu-donate):hover > .menu-link,
.ast-mobile-header-content .main-header-menu .menu-item:not(.menu-donate).current-menu-item > .menu-link {
	color: var(--vahda-green-600) !important;
}
/* Dropdown items */
.ast-builder-menu-1 .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-builder-menu-1 .main-header-menu .sub-menu .current-menu-item > .menu-link { color: var(--vahda-green-600) !important; }

/* ==========================================================================
   23. Force full width, whatever the page's Astra container setting (v1.3.9)
   The page wrapper breaks out to the full browser width even if Astra or
   WordPress adds padding or a max width around the content.
   ========================================================================== */
body:has(.vahda-page) .entry-content > .vahda-page,
body:has(.vahda-page) .vahda-page.alignfull,
body .vahda-page {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}
/* WordPress "global padding" and constrained-layout limits around the wrapper */
body:has(.vahda-page) :is(.entry-content, .site-main, .ast-container, #primary).has-global-padding { padding-left: 0 !important; padding-right: 0 !important; }
body:has(.vahda-page) .entry-content.is-layout-constrained > .vahda-page { max-width: 100vw !important; }
/* In the block editor, keep it inside the canvas */
.editor-styles-wrapper .vahda-page { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

/* ==========================================================================
   24. No white gap between the header and the first band (v1.3.10)
   ========================================================================== */
body:has(.vahda-page) .site-content,
body:has(.vahda-page) .site-content > .ast-container,
body:has(.vahda-page) #primary,
body:has(.vahda-page) .site-main,
body:has(.vahda-page) article.page,
body:has(.vahda-page) .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body:has(.vahda-page) .entry-content > .vahda-page,
.vahda-page > :first-child { margin-top: 0 !important; margin-block-start: 0 !important; }

/* ==========================================================================
   25. Keep the main menu on one line (v1.3.11)
   ========================================================================== */
.ast-primary-header-bar .site-header-primary-section-right { flex-wrap: nowrap !important; gap: 20px; }
.ast-builder-menu-1 .main-header-menu { flex-wrap: nowrap !important; }
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
	white-space: nowrap !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	font-size: 16px !important;
}
.ast-header-button-1 { flex-shrink: 0 !important; }
.ast-header-button-1 .ast-custom-button { white-space: nowrap !important; }
/* A little tighter on smaller laptop screens */
@media (max-width: 1280px) {
	.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { padding-left: 8px !important; padding-right: 8px !important; font-size: 15px !important; }
	.site-header .custom-logo-link img { max-width: 90px; }
}

/* ==========================================================================
   26. Header sits right on the first band (v1.3.12)
   ========================================================================== */
/* No bottom line under the header on VAHDA pages (the sage band starts there) */
body:has(.vahda-page) .ast-primary-header-bar,
body:has(.vahda-page) .main-header-bar,
body:has(.vahda-page) .site-header,
body:has(.vahda-page) #masthead { border-bottom: 0 !important; box-shadow: none !important; margin-bottom: 0 !important; }
/* Astra's content spacing above the page */
body:has(.vahda-page) #content,
body:has(.vahda-page).ast-plain-container #primary,
body:has(.vahda-page).ast-separate-container #primary,
body:has(.vahda-page).ast-no-sidebar #primary,
body:has(.vahda-page) .ast-container > #primary,
body:has(.vahda-page) .entry-content[data-ast-blocks-layout] { margin-top: 0 !important; padding-top: 0 !important; }
/* Stray empty paragraphs left above or below the page wrapper */
body:has(.vahda-page) .entry-content > p:empty,
body:has(.vahda-page) .entry-content > p:has(> br:only-child) { display: none !important; }

/* ==========================================================================
   27. Hide Astra's empty page-title banner (v1.3.13)
   Newer Astra versions put the page title in a separate "banner" section
   above the content. With the title turned off it can stay as an empty
   white strip, so it is hidden on VAHDA pages.
   ========================================================================== */
body:has(.vahda-page) :is(.ast-single-entry-banner, .ast-archive-entry-banner, .ast-page-title-bar, .ast-breadcrumbs-wrapper, .ast-title-bar-wrap, .ast-header-break-point .ast-mobile-header-content + .ast-single-entry-banner) { display: none !important; }
body:has(.vahda-page) #content > .ast-container > :not(#primary):not(#secondary):empty { display: none !important; }
body:has(.vahda-page) #primary > .site-main > article > :is(.entry-header, .post-thumb-img-content, .ast-single-post-order) { display: none !important; }

/* ==========================================================================
   28. Astra pads full-width groups top and bottom (3em = 57px).
   Remove it from the page wrapper so the first band sits under the header. (v1.3.14)
   ========================================================================== */
body .entry-content .wp-block-group.vahda-page,
body .entry-content[data-ast-blocks-layout] > .wp-block-group.alignfull.vahda-page,
body .vahda-page.alignfull.is-layout-flow {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-block: 0 !important;
}

/* ==========================================================================
   29. Highlighted headings (v1.3.15)
   When a heading or a word in it is given a background color in the editor
   (block Background, or the Highlight tool), add breathing room and use white
   text so it reads on the green.
   ========================================================================== */
.vahda-page :is(h1, h2, h3, h4).has-background {
	display: inline-block;
	width: fit-content;
	padding: .25em .6em !important;
	border-radius: 10px;
	color: #fff !important;
	box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.vahda-page :is(h1, h2, h3, h4) mark {
	padding: .12em .45em;
	border-radius: 8px;
	color: #fff !important;
	box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.vahda-page :is(h1, h2, h3, h4) mark:not([style*="background"]) { background: var(--vahda-band); }