/*
Theme Name: HK Creative Events
Template: twentytwentyfive
Author: HK Creative Events
Description: Brand child theme for HK Creative Events, built on Twenty Twenty-Five.
Version: 1.0.6
*/

/* === Section separation (2026-06-20) ===
   Increases vertical breathing room and adds a crisp inset divider line on
   every colored full-width section, plus a taller hero, to better match the
   distinct color-blocked section feel of the previous Oxygen-built site. */
.wp-block-group.has-background {
	padding-top: clamp(4.5rem, 7vw, 7rem) !important;
	padding-bottom: clamp(4.5rem, 7vw, 7rem) !important;
	position: relative;
}

.wp-block-cover.alignfull {
	min-height: 640px !important;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

/* === Full style match with previous site (2026-06-20) ===
   Bigger/bolder section headlines, eyebrow labels above major section
   headings, a solid accent divider bar at the top of every colored section,
   and card-style shadows on content photos — mirroring the live Oxygen
   site's bolder, more graphic section treatment. */

/* Eyebrow label (small paragraph inserted before major section headings) */
.hkce-eyebrow {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--wp--preset--color--accent);
	margin-bottom: 0.5rem;
}
.wp-block-group.has-primary-background-color .hkce-eyebrow,
.wp-block-group.has-contrast-background-color .hkce-eyebrow {
	color: var(--wp--preset--color--secondary);
}

/* Bigger, tighter section headlines sitewide */
.wp-block-group h2.wp-block-heading {
	font-size: clamp(2.25rem, 4.2vw, 3.5rem);
	line-height: 1.05;
	letter-spacing: -0.01em;
}

/* Solid accent divider bar at the top of every colored full-width section */
.wp-block-group.has-background::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: var(--wp--preset--color--primary);
}
.wp-block-group.has-primary-background-color::before,
.wp-block-group.has-contrast-background-color::before {
	background: var(--wp--preset--color--secondary);
}

/* Card-style shadow on content photos (excludes the full-bleed hero image) */
.wp-block-image img,
.wp-block-gallery.is-cropped .wp-block-image img,
.wp-block-column img {
	border-radius: 8px !important;
	box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.3) !important;
}