/*
Theme Name: Embodied Faith
Description: A child theme of assembler, scaffolded by Studio Code.
Template: assembler
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: embodied-faith
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready, style-variations
*/

/* Restore Kadence global-palette vars for legacy kt blocks (values sampled
   from the pre-revamp active "second-palette"; keeps old posts' colors). */
:root {
	--global-palette1: #7c9351 !important;
	--global-palette2: #9fb58c !important;
	--global-palette3: #27241d !important;
	--global-palette4: #423d33 !important;
	--global-palette5: #504a40 !important;
	--global-palette6: #625d52 !important;
	--global-palette7: #d9d7ce !important;
	--global-palette8: #ecece9 !important;
	--global-palette9: #f6f5f4 !important;
	--global-palette10: #ffffff !important;
	--global-palette11: #41a662 !important;
	--global-palette12: #3f7cc3 !important;
	--global-palette13: #d75f49 !important;
	--global-palette14: #e68346 !important;
	--global-palette15: #e6aa3f !important;
	--global-palette-highlight: #9fb58c !important;
}

/* Legacy Kadence row layouts with inheritMaxWidth: Kadence prints their max-width
   from the global $content_width, which resolves to 0px on the hosted site and
   collapses the text column. Pin them to the theme content size instead. */
.kb-row-layout-wrap > .kt-row-column-wrap.kb-theme-content-width {
	max-width: var(--wp--style--global--content-size, 640px) !important;
}

.written-words-row { border-bottom: 1px solid var(--wp--preset--color--sand); }

/* Sections kept in the page but invisible on the site. */
.eft-hide-on-site { display: none !important; }

/* Fraunces: disable the "wonk" f/t alternates on all display text. */
h1, h2, h3, h4, h5,
.wp-block-site-title { font-variation-settings: "WONK" 0; }

/* Circular photo placeholder ringed with the "backlit" sun gradient.
   Drop an image into the inner group later; it clips to the circle. */
.eft-photo-ring {
	width: 200px;
	height: 200px;
	padding: 10px;
	margin: 0 auto;
	border-radius: 9999px;
	background: linear-gradient(135deg, #e6aa3f 0%, #e68346 50%, #9fb58c 130%);
}
.eft-photo-ring .wp-block-group__inner-container { height: 100%; }
.eft-photo-ring__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 9999px;
	background: #f6f5f4;
	overflow: hidden;
}
.eft-photo-ring__inner > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
}
.eft-photo-ring__inner .wp-block-paragraph { margin: 0; text-align: center; }
.eft-photo-ring__inner figure.wp-block-image { margin: 0; width: 100%; height: 100%; }
.eft-photo-ring__inner img { width: 100%; height: 100%; object-fit: cover; }

/* Hide the 25px cream gap that alignfull sections get inside constrained post content. */
.wp-block-group.eft-flush-top { margin-top: 0 !important; }
.entry-content .wp-block-group.alignfull { margin-top: 0 !important; }

/* Castos playlist: on small screens the wrapper is a fixed 330px but items grow
   to ~944px and spill onto the next band. Let it flow naturally under 640px. */
@media (max-width: 640px) {
	.castos-player .playlist__wrapper { height: auto !important; max-height: none !important; overflow: visible !important; }
	.castos-player .playlist__items { height: auto !important; max-height: none !important; overflow: visible !important; }
	.castos-player .playlist__item__cover { width: 100%; height: auto; }
	.castos-player .playlist__item__cover img { width: 100%; height: auto; }
}

/* Lorde closer: sit flush under the bio band and trim dead space.
   (alignfull sections get a 25px gap margin; pullquote ships ~90px of padding.) */
.wp-block-group.eft-flush-quote {
	margin-top: 0 !important;
	padding-top: clamp(48px, 6vw, 72px) !important;
	padding-bottom: clamp(56px, 7vw, 80px) !important;
}
.eft-flush-quote > .wp-block-pullquote {
	padding-top: 0;
	padding-bottom: 0;
}

/* Donate CTA: fill with the "backlit" sun gradient (editor strips button colors). */
.wp-block-button.eft-donate-button .wp-block-button__link {
	background: linear-gradient(135deg, #e6aa3f 0%, #e68346 50%, #9fb58c 130%) !important;
	color: #f6f5f4 !important;
	transition: filter 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 10px rgba(39, 36, 29, 0.15);
}
.wp-block-button.eft-donate-button .wp-block-button__link:hover,
.wp-block-button.eft-donate-button .wp-block-button__link:focus {
	filter: brightness(1.06);
	box-shadow: 0 4px 16px rgba(39, 36, 29, 0.25);
}