/*
Theme Name: DLBC Church
Theme URI: https://dlbcnec.org.uk
Description: The DLBC North East & Cumbria website’s small layer on the Gradespace Church theme: the header (“North East & Cumbria”, Log in, red Watch live), the footer (DLBC’s links and tagline), the branch header without Watch live, DLBC’s wording on the blog, Watch and Community pages, and the Orientation styles and template. Designs, palettes and everything else come from the parent theme, so its updates apply here.
Author: DLBC Newcastle UK Tech Team
Template: gradespace-church-theme
Version: 0.1.1
Update URI: false
Requires at least: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dlbc-church
*/

/* Only what differs from the parent theme. Keep this short. */

/* ==========================================================================
   Orientation: date panel, flyer, university logos (moved from the DLBC theme)
   ========================================================================== */
.dlbc-when {
	padding: 1.1rem 1.35rem;
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--white);
	border-left: 6px solid var(--gsc-location-deep, var(--wp--preset--color--sky-deep));
	box-shadow: 0 1px 2px rgba(11, 27, 51, 0.06), 0 14px 30px -20px rgba(11, 27, 51, 0.35);
}
.dlbc-when > * { margin: 0; }
.dlbc-when__date {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--navy);
}
.dlbc-when__times { margin-top: 0.35rem !important; color: var(--wp--preset--color--slate); line-height: 1.8; }
.dlbc-when__times strong { color: var(--wp--preset--color--navy); display: inline-block; min-width: 5.2rem; }

/* Orientation flyers (the content's dlbc-flyer class is gsch-flyer after the move). */
.gsch-flyer img {
	border-radius: var(--wp--custom--radius--md);
	box-shadow: 0 2px 4px rgba(11, 27, 51, 0.08), 0 30px 60px -30px rgba(11, 27, 51, 0.45);
	transition: transform 0.3s;
	cursor: zoom-in;
}
.gsch-flyer:hover img { transform: scale(1.015); }

.dlbc-logo-strip {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.9rem;
}
.dlbc-logo-strip > .wp-block-image {
	margin: 0;
	display: grid;
	place-items: center;
	min-height: 96px;
	padding: 0.9rem 1rem;
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
}
.dlbc-logo-strip img {
	width: auto;
	max-width: 100%;
	max-height: 58px;
	object-fit: contain;
}
@media (max-width: 1000px) {
	.dlbc-logo-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
	.dlbc-logo-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
	.dlbc-logo-strip > .wp-block-image { min-height: 80px; padding: 0.7rem; }
}

/* ==========================================================================
   The kit's blocks as DLBC had them (same markup, a few different values).
   "body" in front so these win whatever order the kit's block CSS loads in.
   ========================================================================== */

/* Latest message: the big title. */
body .gsch-latest { gap: clamp(2rem, 5vw, 4.5rem); padding: clamp(1.25rem, 4vw, 3.5rem); }
body .gsch-latest__title { font-size: var(--wp--preset--font-size--xxx-large); line-height: 0.98; }
body .gsch-latest__summary { font-size: var(--wp--preset--font-size--large); }

/* Branch lists: the Regional HQ stands out (chips filled in its colour, a navy dot). */
body .gsch-churches.is-layout-chips .is-main a { background: var(--gsc-location-fill); color: var(--wp--preset--color--navy, #0B1B33); }
body .gsch-churches .is-main .gsch-dot { background: var(--gsch-band-bg, var(--wp--preset--color--navy)); }
body .gsch-churches.is-layout-links .is-main .gsch-dot { background: var(--gsc-location-fill); }
body .gsch-churches.is-layout-links a { color: var(--wp--preset--color--slate, #3A4660); }
body .gsch-churches.is-layout-links a:hover { color: var(--wp--preset--color--navy, #0B1B33); }
body .gsch-church-card__name { letter-spacing: -0.02em; }

/* Video cards and filter chips. */
body .gsch-sermon-card__title { letter-spacing: -0.01em; }
body .has-navy-background-color .gsch-sermon-card__eyebrow { color: var(--wp--preset--color--sky, #2EA3F2); }
body .gsch-chip { min-height: 2.5rem; }
body .gsch-tile__icon { bottom: 1.1rem; color: rgba(255, 255, 255, 0.85); }

/* Upcoming events as DLBC had them: navy Register buttons; the list as boxed rows,
   a date tile in the branch colour, Register (or the note) on the right. */
body .gsch-event__title { line-height: 1.15; }
body .gsch-event__button.wp-element-button { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--white); }
body .gsch-event__button.wp-element-button:hover,
body .gsch-event__button.wp-element-button:focus-visible { background: var(--gsc-location-deep, #1A73C0); color: var(--wp--preset--color--white); }
body .gsch-event__note { margin-top: 0.5rem; }
body .gsch-events.is-layout-cards .gsch-event { border-radius: 28px; }
body .gsch-events.is-layout-cards .gsch-event__body { gap: 0.4rem; padding: 1.1rem 1.5rem 1.5rem; }
body .gsch-event__art-day { letter-spacing: -0.05em; }
body .gsch-event__art-month { padding-bottom: 0.2rem; color: var(--gsch-band-soft, #C9D6EA); font-size: 0.9375rem; line-height: 1.25; }
body .gsch-events.is-layout-list .gsch-event + .gsch-event { margin-top: 0.75rem; }
body .gsch-events.is-layout-list .gsch-event { display: flex; align-items: center; gap: 1.1rem; padding: 0.9rem 1.2rem 0.9rem 0.9rem; border: 1.5px solid var(--wp--preset--color--line, #E1E7F2); border-radius: 24px; background: var(--wp--preset--color--white); }
body .gsch-events.is-layout-list .gsch-event__cal { display: flex; flex-direction: column; flex: none; align-items: center; justify-content: center; width: 4.25rem; height: 4.25rem; padding: 0; border-radius: 16px; background: var(--gsc-location-fill, #2EA3F2); color: var(--wp--preset--color--navy, #0B1B33); }
body .gsch-events.is-layout-list .gsch-event__cal span { letter-spacing: 0.1em; }
body .gsch-events.is-layout-list .gsch-event__cal strong { font-size: 1.6rem; }
body .gsch-events.is-layout-list .gsch-event__body { display: grid; flex-grow: 1; grid-template-columns: 1fr auto; column-gap: 1rem; row-gap: 0.15rem; align-items: center; }
body .gsch-events.is-layout-list .gsch-event__body > :not(.gsch-event__actions):not(.gsch-event__note) { grid-column: 1; }
body .gsch-events.is-layout-list .gsch-event__actions,
body .gsch-events.is-layout-list .gsch-event__note { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; }
@media (max-width: 600px) {
	body .gsch-events.is-layout-list .gsch-event__body { grid-template-columns: 1fr; }
	body .gsch-events.is-layout-list .gsch-event__actions,
	body .gsch-events.is-layout-list .gsch-event__note { grid-column: 1; grid-row: auto; margin-top: 0.4rem; }
}

/* Branch cards: only the Regional HQ wears a badge on its photo. */
body .gsch-churches li:not(.is-main) .gsch-church-card__badge { display: none; }

/* Share buttons (Core's): the small capitals label DLBC had. */
body .gsc-share__label { margin-right: 0.25rem; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--slate, #3A4660); }

/* Filter chips on a navy band (Watch, Community): see-through, the current one in sky. */
body .has-navy-background-color .gsch-chip:not(.is-current) { border-color: color-mix(in srgb, var(--wp--preset--color--white) 20%, transparent); background: color-mix(in srgb, var(--wp--preset--color--white) 6%, transparent); color: var(--gsch-band-text, #fff); }
body .has-navy-background-color .gsch-chip.is-current { border-color: var(--wp--preset--color--sky, #2EA3F2); background: var(--wp--preset--color--sky, #2EA3F2); color: var(--wp--preset--color--navy, #0B1B33); }