/* ==========================================================================
   OEC theme — custom CSS on top of theme.json
   Replicates oec.hu visual language: burgundy utility bar, sticky cream
   header, blush hero, soft cards, pill controls, burgundy wave footer.
   ========================================================================== */

/* ---- Utility top bar -------------------------------------------------- */
.oec-utility-bar {
	background: linear-gradient(90deg, #9e2331 0%, rgba(158, 35, 49, 0.85) 100%);
	color: #fff;
	font-size: 0.75rem;
}
.oec-utility-bar a { color: #fff; text-decoration: none; }

/* ---- Sticky header ----------------------------------------------------- */
.oec-header {
	position: sticky;
	top: 0;
	z-index: 60;
	background: rgba(250, 247, 242, 0.95);
	backdrop-filter: blur(10px);
	box-shadow: 0 1px 0 rgba(31, 41, 55, 0.06);
}
.oec-header .wp-block-navigation a { font-weight: 500; }

/* ---- Hero --------------------------------------------------------------- */
.oec-hero {
	background:
		radial-gradient(60% 50% at 80% 20%, rgba(183, 110, 121, 0.18) 0%, rgba(183, 110, 121, 0) 70%),
		linear-gradient(160deg, #faf7f2 0%, #f9efea 45%, #f3ddda 100%);
	overflow: hidden;
}
.oec-hero .oec-hero-accent { color: #9e2331; }
.oec-kicker {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: 0.75rem;
	color: #4a453f;
}
.oec-kicker::before,
.oec-kicker::after {
	content: "";
	display: inline-block;
	width: 2.5rem;
	height: 1px;
	background: #b76e79;
	vertical-align: middle;
	margin: 0 0.75rem;
}

/* ---- Pills, chips, search ---------------------------------------------- */
.oec-chip .wp-block-button__link {
	background: #fff;
	color: #9e2331;
	border: 1px solid rgba(158, 35, 49, 0.25);
	font-weight: 500;
	padding: 0.45rem 1.2rem;
}
.oec-chip .wp-block-button__link:hover {
	background: #9e2331;
	color: #fff;
}
.oec-search .wp-block-search__inside-wrapper {
	background: #fff;
	border: none;
	border-radius: 9999px;
	box-shadow: 0 10px 30px rgba(31, 41, 55, 0.1);
	padding: 0.4rem 0.4rem 0.4rem 1.25rem;
}
.oec-search .wp-block-search__input { border: none; outline: none; background: transparent; }
.oec-search .wp-block-search__button {
	border-radius: 9999px;
	background: #d4a5ad;
	color: #fff;
	border: none;
	padding: 0.7rem 1.6rem;
	font-weight: 600;
}
.oec-search .wp-block-search__button:hover { background: #9e2331; }

/* ---- Cards -------------------------------------------------------------- */
.oec-card {
	background: #fff;
	border-radius: 1.25rem;
	box-shadow: 0 10px 30px rgba(31, 41, 55, 0.08);
	border: 1px solid rgba(31, 41, 55, 0.04);
}
.oec-card--featured { border: 2px solid #9e2331; }
.oec-card .oec-card-sub { color: #b76e79; font-weight: 500; }

/* Numbered journey circles */
.oec-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 9999px;
	background: #9e2331;
	color: #fff;
	font-weight: 700;
	font-size: 1.25rem;
}

/* Icon chip used on therapy-area cards */
.oec-icon-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 9999px;
	background: #f5e6d3;
	color: #9e2331;
	font-size: 1.5rem;
}

/* Meta row inside cards (duration / badge) */
.oec-card-meta { font-size: 0.85rem; color: #4a453f; }
.oec-badge {
	background: #f5e6d3;
	color: #7e1c27;
	border-radius: 9999px;
	padding: 0.25rem 0.9rem;
	font-size: 0.8rem;
	font-weight: 600;
	display: inline-block;
}

/* ---- Buttons ------------------------------------------------------------ */
.oec-button-outline .wp-block-button__link {
	background: transparent;
	color: #1f2937;
	border: 1px solid rgba(31, 41, 55, 0.25);
}
.oec-button-outline .wp-block-button__link:hover {
	background: #fff;
	border-color: #9e2331;
	color: #9e2331;
}

/* ---- Wave + footer ------------------------------------------------------ */
.oec-wave {
	display: block;
	width: 100%;
	height: 90px;
	background: #faf7f2;
}
.oec-footer {
	background: #9e2331;
	color: #fff;
	position: relative;
}
.oec-footer::before {
	content: "";
	display: block;
	height: 90px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0,45 C240,90 480,0 720,25 C960,50 1200,85 1440,35 L1440,0 L0,0 Z' fill='%23FAF7F2'/%3E%3Cpath d='M0,55 C260,95 520,10 760,35 C1000,60 1240,90 1440,45 L1440,0 L0,0 Z' fill='%23D4A5AD' fill-opacity='0.45'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.oec-footer a { color: rgba(255, 255, 255, 0.9); text-decoration: none; }
.oec-footer a:hover { color: #fff; text-decoration: underline; }
.oec-footer .oec-footer-heading {
	font-size: 0.8rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.75);
	font-weight: 600;
}
.oec-footer hr { border-color: rgba(255, 255, 255, 0.2); }

/* Pre-footer CTA band heading (white + rose-light accent) */
.oec-cta-band h2 { color: #fff; font-weight: 300; }
.oec-cta-band h2 em { color: #d4a5ad; font-style: normal; }

/* ---- Misc --------------------------------------------------------------- */
.oec-section-lede { color: #4a453f; max-width: 48rem; margin-left: auto; margin-right: auto; }
@media (max-width: 781px) {
	.oec-hero h1 { font-size: 2.5rem; }
}