/**
 * MWD Master WP - stiluri suplimentare front-end (Luxury Black & Rose Gold).
 * Grosul design-ului vine din theme.json. Aici doar completari de stil.
 */

/* Supratitlu (eyebrow): rose gold, uppercase, cu linie */
.is-style-mwd-eyebrow {
	color: var(--wp--preset--color--primary) !important;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-family: var(--wp--preset--font-family--body) !important;
	font-weight: 600;
	font-style: normal !important;
}

/* Card MWD (pe fundal inchis) */
.wp-block-group.is-style-mwd-card,
.wp-block-column.is-style-mwd-card {
	background: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 6px;
	padding: 2rem;
	transition: border-color 0.25s ease, transform 0.25s ease;
}
.wp-block-group.is-style-mwd-card:hover,
.wp-block-column.is-style-mwd-card:hover {
	border-color: var(--wp--preset--color--primary);
	transform: translateY(-3px);
}

/* Imagine cu rama rose gold */
.wp-block-image.is-style-mwd-frame img {
	border: 1px solid rgba(196, 138, 122, 0.45);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45);
}

/* Buton contur (outline) rose gold */
.wp-block-button.is-style-mwd-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-mwd-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/* Navigatie: subliniere fina rose gold la hover */
.mwd-header .wp-block-navigation-item__content {
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
	transition: border-color 0.25s ease, color 0.25s ease;
}
.mwd-header .wp-block-navigation-item__content:hover,
.mwd-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
	border-bottom-color: var(--wp--preset--color--primary);
}

/* CTA — coloane la inaltime egala; continut crem centrat vertical.
   Imaginea (aspect 3/2) dicteaza inaltimea randului, panoul crem se intinde sa o egaleze. */
.mwd-cta-panel { justify-content: center; }
.mwd-cta-img .wp-block-image,
.mwd-cta-img .wp-block-image figure { margin: 0; }

/* Tranzitie fina pe linkuri si imagini de portofoliu */
a { transition: color 0.2s ease; }
.wp-block-image img { transition: transform 0.4s ease; }