/*
Theme Name: Croft Theme (Child)
Theme URI:  https://croftport.com/
Description: Child theme for croft-theme. Holds customizations for the visitas-provas and enoturismo reservation flow without modifying the parent.
Author:     Webcomum
Template:   croft-theme
Version:    1.0.0
License:    GPL-2.0-or-later
Text Domain: croft-theme-child
*/

/* =================================================================
   Piqueniques teaser block (on /visitas-provas/)
   Full-bleed two-column: beige text panel left, image right.
   Palette pulled from parent: #eae2dc beige, #95856e gold.
   ================================================================= */

.piqueniques-section {
	background-color: #eae2dc; /* fills the column-gap before image loads */
	overflow: hidden;
}

.piqueniques-section .row {
	margin: 0;
	--bs-gutter-x: 0;
}

.piqueniques-section__panel {
	background-color: #eae2dc;
	position: relative;
	display: flex;
	align-items: center;
}

/* Decorative ring in the top-right corner of the panel — matches the screenshot. */
.piqueniques-section__panel::before {
	content: "";
	position: absolute;
	top: 36px;
	right: 36px;
	width: 28px;
	height: 28px;
	border: 1px solid #95856e;
	border-radius: 50%;
	opacity: 0.85;
}

.piqueniques-section__inner {
	padding: 80px 56px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.piqueniques-section__title {
	color: #95856e;
	font-size: 2.6rem;
	line-height: 1.1;
	margin: 0 0 22px;
	font-weight: 400;
}

.piqueniques-section__content {
	color: #3c3c3c;
	font-size: 0.95rem;
	line-height: 1.65;
}
.piqueniques-section__content p {
	margin-bottom: 1em;
}
.piqueniques-section__content p:last-child {
	margin-bottom: 0;
}

.piqueniques-section__cta {
	margin-top: 32px;
}

/* Image column — full-bleed cover, taller-than-wide on desktop. */
.piqueniques-section__media {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 720px;
}

/* Tablet: shrink slightly */
@media (max-width: 1199.98px) {
	.piqueniques-section__inner {
		padding: 64px 40px;
	}
	.piqueniques-section__title {
		font-size: 2.2rem;
	}
	.piqueniques-section__media {
		min-height: 620px;
	}
}

/* Mobile: stack, image on top, then panel; pull image height down */
@media (max-width: 767.98px) {
	.piqueniques-section__inner {
		padding: 48px 28px;
		max-width: 100%;
	}
	.piqueniques-section__panel::before {
		top: 24px;
		right: 24px;
		width: 22px;
		height: 22px;
	}
	.piqueniques-section__title {
		font-size: 1.9rem;
	}
	.piqueniques-section__media {
		min-height: 420px;
	}
}

/* =================================================================
   Reservation form — extend parent's underline-only input style to
   the field types the parent doesn't target (tel / date / number /
   time). Parent rule covers only text + email + select + textarea.
   ================================================================= */

.quinta-form__form__container form input[type=tel],
.quinta-form__form__container form input[type=date],
.quinta-form__form__container form input[type=number],
.quinta-form__form__container form input[type=time] {
	background-color: transparent;
	width: 100%;
	border: none;
	border-bottom: 1px solid #95856e;
	border-radius: 0;
	color: #95856e;
	text-transform: uppercase;
	padding: .25rem .5rem;
	font-size: .9375rem;
	height: calc(2.25rem + 2px);
	display: block;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.quinta-form__form__container form input[type=tel]:focus,
.quinta-form__form__container form input[type=date]:focus,
.quinta-form__form__container form input[type=number]:focus,
.quinta-form__form__container form input[type=time]:focus {
	outline: 0;
	box-shadow: none;
}

/* Tint the native date/time picker indicator so it sits on the gold palette */
.quinta-form__form__container form input[type=date]::-webkit-calendar-picker-indicator,
.quinta-form__form__container form input[type=time]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	opacity: 0.7;
	filter: invert(60%) sepia(8%) saturate(800%) hue-rotate(0deg);
}

/* Spinner buttons on type=number look out of place — hide them. */
.quinta-form__form__container form input[type=number]::-webkit-inner-spin-button,
.quinta-form__form__container form input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
.quinta-form__form__container form input[type=number] {
	-moz-appearance: textfield;
}