/*
Theme Name: Getaway Child
Theme URI: http://getaway.qodeinteractive.com
Description: A child theme of Getaway Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.1
Text Domain: getaway
Template: getaway
*/

/*
 * AlbaVoyage visual tweaks to the Getaway theme.
 * Cards, city-page and detail-page styles are in the AlbaVoyage Core plugin.
 */

/* Uniform square tiles in the destination grid, even for small source photos */
.qodef-tours-destination-item-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

/* Contact form fields stacked with spacing */
.av-form > * { display: block; margin-bottom: 18px; }

/* Footer: links readable on the dark footer background */
.qodef-page-footer .widget a,
.qodef-page-footer .widget p a { color: #ffffff; }
.qodef-page-footer .widget a:hover { color: #ffe500; }

/* Homepage slider: keep white headlines readable over bright skies */
sr7-module sr7-txt { text-shadow: 0 2px 14px rgba(0, 0, 0, .45); }

/* Albanian Sea page: frame the coastline rather than the sky */
.page-id-3015 .qodef-title-holder { background-position: center 70% !important; background-size: cover !important; }

/* Text on photos: a soft dark layer keeps white titles readable on bright nature photos */
/* (the layer lives in the title container: making the image box positioned would let it cover the title) */
.qodef-tours-destination-item-holder .qodef-tours-destination-item-content::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .18) 60%, rgba(0, 0, 0, .08) 100%);
	pointer-events: none;
}
.qodef-tours-destination-item-holder .qodef-tours-destination-item-content-inner { z-index: 1; }
.qodef-tours-destination-item-title { text-shadow: 0 2px 12px rgba(0, 0, 0, .45); }

.qodef-title-holder.qodef-has-bg-image { position: relative; }
.qodef-title-holder.qodef-has-bg-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .18) 0%, rgba(0, 0, 0, .38) 100%);
	pointer-events: none;
}
/* Title above the overlay. Phones: the theme positions it over the photo (absolute), so only lift it. */
.qodef-title-holder.qodef-has-bg-image .qodef-title-wrapper { z-index: 1; }
@media only screen and (min-width: 1025px) {
	.qodef-title-holder.qodef-has-bg-image .qodef-title-wrapper { position: relative; }
}
.qodef-title-holder .qodef-page-title { text-shadow: 0 2px 16px rgba(0, 0, 0, .4); }

/* City pages: static header photo framed just below the middle (parallax showed only the sky on tall photos) */
body.single-destinations .qodef-title-holder.qodef-has-bg-image { background-size: cover !important; background-position: center 62% !important; }

/* Travel Deals flight search: readable text on the yellow background */
#flights p { color: #222; }

/* ---------- Accessibility (PageSpeed): headings & contrast ---------- */
/* Feature-box titles are h3 now (correct heading order) but keep the theme's h4 look. */
h3.qodef-iwt-title { font-size: 18px; line-height: 1.39em; font-weight: 500; }

/* Body text: the theme's #868686 grey is too light (3.6:1); #555 passes WCAG AA (7.4:1). */
.qodef-content p,
.qodef-content li,
.qodef-content .qodef-st-text,
.qodef-content .qodef-iwt-text,
.qodef-content .wpb_text_column,
.qodef-content .qodef-accordion-content { color: #555; }
/* Text on yellow backgrounds */
#flights p,
.qodef-content .vc_row[class*="vc_custom_"] [style*="text-align:center"],
.av-detail-cta p { color: #222; }
/* FAQ titles: the theme's red (#f5031a) is 4.3:1 on white */
.qodef-accordion-holder .qodef-tab-title,
.qodef-accordion-holder .qodef-title-holder .qodef-tab-title { color: #b8000f; }
/* Footer bottom (white background) */
.qodef-page-footer .qodef-footer-bottom-holder,
.qodef-page-footer .qodef-footer-bottom-holder p,
.qodef-page-footer .qodef-footer-bottom-holder a { color: #555; }
/* Footer bottom links (e.g. Photo credits): readable and underlined (not colour-only) */
.qodef-page-footer .qodef-footer-bottom-holder .widget a { color: #333 !important; text-decoration: underline; }

/* Contact form: field text and placeholders dark enough to read (WCAG AA 4.5:1 on the light field). */
body .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { color: #333 !important; }
body .wpcf7-form .wpcf7-form-control::placeholder { color: #666 !important; opacity: 1; }