/*
Theme Name:     Neve Child
Theme URI:      https://restaurantcadeaukaart.nl
Author:         RestaurantCadeau
Description:    Neve child theme for RestaurantCadeau. Hosts the Kentico web-component integration (<kentico-search> / <kentico-balance>).
Template:       neve
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve-child
*/

/*
 * The Kentico widgets render inside shadow DOM and ship their own RestaurantCadeau
 * styling. Theme CSS cannot reach into them and must not try. Only the host
 * wrapper is styled here, so the widget sits in the normal content flow.
 */
.rc-kentico-embed {
	width: 100%;
}

/*
 * "Waar te koop" page — ported from the live stylesheet
 * (productimages.nimbledeals.com/includeResources/eu/less/waartekoop_*_cp_WEB.css)
 * so the rebuilt page keeps the original brand treatment.
 */
.rc-waartekoop .rc-wtk-text {
	margin: 0;
}

.rc-waartekoop a:not(.wp-element-button),
.rc-waartekoop a:not(.wp-element-button):visited {
	color: #8b0000;
	text-decoration: underline;
}

.rc-waartekoop a:not(.wp-element-button):hover,
.rc-waartekoop a:not(.wp-element-button):focus,
.rc-waartekoop a:not(.wp-element-button):active {
	color: #2a6496;
}

.rc-waartekoop .rc-wtk-btn .wp-element-button:hover,
.rc-waartekoop .rc-wtk-btn .wp-element-button:focus {
	background: #b00c20;
	color: #ffffff;
}

/* Live sets an explicit 242px on the CTA; kept in CSS so the block stays valid. */
.rc-waartekoop .rc-wtk-btn .wp-element-button {
	width: 242px;
	max-width: 100%;
}

/* Live floats the two columns only from 640px up; below that they stack. */
@media (max-width: 639px) {
	.rc-waartekoop .wp-block-columns {
		flex-wrap: wrap;
	}
}

.rc-waartekoop .rc-wtk-logos {
	align-items: center;
}

.rc-waartekoop .rc-wtk-logos figure {
	margin: 0;
}

/*
 * Homepage city tiles.
 *
 * Live makes the entire tile clickable. The anchor lives on the heading so the
 * cover block stays valid Gutenberg; this stretches its hit area over the whole
 * tile. `.wp-block-cover` is already `position: relative` in core.
 */
.wp-block-cover .rc-tile-link::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.wp-block-cover:has(.rc-tile-link) {
	transition: transform .2s ease;
}

.wp-block-cover:has(.rc-tile-link):hover {
	transform: translateY(-2px);
}

.rc-tile-link:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 4px;
}

/*
 * Live shows Home and Contact only inside the hamburger menu; its desktop nav
 * carries just the four service links. Neve drives both from one menu, so the
 * drawer-only items are hidden on the desktop row.
 */
.menu-desktop .rc-mobile-only {
	display: none;
}

/*
 * "Login als acceptant" page — ported from the live stylesheet
 * (…/less/login-acceptant_*_cp_WEB.css).
 *
 * Note this page deliberately overrides the brand red: its buttons are green
 * (#4eb019), which is why the rules are scoped rather than global.
 */
.rc-login-acceptant .rc-cp-title {
	color: #d80f27;
}

.rc-login-acceptant .wp-element-button,
.rc-login-acceptant .rc-cp-btn-native {
	display: inline-block;
	padding: .65rem 2rem;
	font-size: 1.12rem;
	font-weight: 700;
	color: #ffffff;
	background: #4eb019;
	border: 1px solid #4eb019;
	border-radius: 0;
	cursor: pointer;
	text-decoration: none;
	transition: background-color .3s linear;
}

.rc-login-acceptant .wp-element-button:hover,
.rc-login-acceptant .wp-element-button:focus,
.rc-login-acceptant .wp-element-button:active,
.rc-login-acceptant .rc-cp-btn-native:hover,
.rc-login-acceptant .rc-cp-btn-native:focus,
.rc-login-acceptant .rc-cp-btn-native:active {
	background: #306d0f;
	border-color: #306d0f;
	color: #ffffff;
}

.rc-login-acceptant .rc-acceptant-signup {
	margin: 16px 0 32px;
}

.rc-login-acceptant .rc-acceptant-form {
	margin-top: 24px;
	min-height: 480px;
}

/* `hidden` alone loses to the theme's display rules, so it is enforced here. */
.rc-login-acceptant .rc-acceptant-form[hidden] {
	display: none;
}