/*
Theme Name: BonVoyage Child
Theme URI: http://bonvoyage.qodeinteractive.com
Description: A child theme of BonVoyage Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.2
Text Domain: bonvoyage
Template: bonvoyage
*/


/* --------------------------------------------- */
/* Home Page: Tour Titles	                     */
/* --------------------------------------------- */
.home h4.eltd-tour-title{
	font-family: inherit !important;
	font-size: 19px !important;
}


/* --------------------------------------------- */
/* Contact Form: Travel Dates                    */
/* --------------------------------------------- */

/* Base styles (mobile first) */
.travel-dates {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* stack vertically on mobile */
  gap: 0;                 /* handled by margins instead */
  margin: 0;
  padding-bottom: 28px;
  width: 100%;
}

/* Each field takes full width on mobile */
.travel-dates .wpcf7-form-control-wrap {
  flex: 1 1 0;
  margin: 0;
}

/* Date input styling */
.travel-dates input[type="date"] {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

/* Dash ("bis") styling */
.travel-dates .dash {
  flex: 0 0 auto;
  line-height: 1;
  margin: 0.5rem 0;       /* vertical space between fields */
  user-select: none;
}



/* --------------------------------------------- */
/* Tour Page: CTA Trip					         */
/* --------------------------------------------- */

.cta-trip h3 {
	color: #000 !important;
	font-size: 24px;
	margin-bottom: 16px !important;
}

.cta-trip p {
	color: #555 !important;
	padding-bottom: 24px;
}


/* --------------------------------------------- */
/* Contact Page: Contact Column with Icon        */
/* --------------------------------------------- */

.contact-column__wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-column {
	align-items: center;
	display: flex;
}

.contact-column__icon {
	padding-right: 12px;
	max-width: 20px;
	width: 100%;
}

.contact-column__icon .fa-phone {
	font-size: 22px;
}

.contact-column__icon .fa-whatsapp {
	font-size: 24px;
}

.contact-column__icon .fa-paper-plane {
	font-size: 18px;
}



/* --------------------------------------------- */
/* Search Results Page					         */
/* --------------------------------------------- */

.eltd-tours-search-page-holder {
	margin-top: 110px;
}

.eltd-tours-search-page-holder .eltd-search-ordering-holder {
  margin-bottom: 110px; /* spacing below ordering bar */
}

.eltd-tours-search-page-holder .eltd-sidebar,
.eltd-tours-search-page-holder .eltd-tours-search-main-filters-holder {
  margin-top: 0;
}


/* --------------------------------------------- */
/* Desktop layout (from 601px and up)            */
/* --------------------------------------------- */
@media (min-width: 601px) {
  .travel-dates {
    align-items: center;
    flex-direction: row;     /* side by side on desktop */
    gap: 0.75rem;            /* horizontal spacing between items */
    justify-content: space-between;
  }

  .travel-dates .dash {
    margin: 0;               /* remove vertical spacing */
    order: 2;                /* keep between fields */
  }

  .travel-dates .wpcf7-form-control-wrap[data-name="anreise"] {
    order: 1;
  }

  .travel-dates .wpcf7-form-control-wrap[data-name="abreise"] {
    order: 3;
  }
}