.vapempimgdiv {
    display: none;
}

.vapempnamediv{
    display: none;
}

#s2id_vapserpeopleselect{
    display: none;
}

#vapempblock1{
    display: none;
}

#vapsersearchform {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 8px!important;
}

.vapcalendardiv {
    width: 100%;
}

.vapbookbuttondiv .vapbookbuttoninnerdiv {
    display: flex; 
    width: 100%;
}

.vapbookbuttondiv .vapcheckoutbutton {
    flex-grow: 1; 
    width: 100%; 
}

a.vap-btn.green, button.vap-btn.green {
    background-color: var(--accent) !important;
}

a.vap-btn.green, button.vap-btn.green:hover {
    background-color: var(--accent) !important;
}

.select2-container {
	width: 100% !important;
}

.vapempcontactdiv {
	display: none;
}

.vapempinfoblock {
	display: none;
}

.vap-empmain-block {
	display: none;
}

/* Targets the main form container to set the default text color to white */
#vappayform,
#vappayform * {
  /* Set all text inside the form to White (#FFFFFF) */
  color: #FFFFFF !important; 
  /* Use !important to override component-specific colors (like #666 or #D6D6D6) */
}

/* Specific elements that often need explicit color setting, like labels and text fields */
.vapsummaryoptionsheadtitle,
.vapcartitemname,
.vapcartitemprice,
.vapcartitemboxdetails,
.vapcartitemboxoptionsdur,
.vapcartitemboxoptionstcost,
.vapsummarytottitle,
.vapsummarytotprice,
.vap-confirmapp-h3,
.cf-label,
.cf-value {
  color: #FFFFFF !important;
}
/* --- 1. GLOBAL FONT FAMILY & BODY COLORS (Poppins, #D6D6D6 for body, #FFFFFF for titles) --- */
body {
  /* Set Poppins as the universal font */
  font-family: 'Poppins', sans-serif;
  /* Set the default text color for body text, paragraphs, etc. */
  color: #D6D6D6; /* Light gray for body text */
}

h1, h2, h3, h4, h5, h6,
.vapsummaryoptionsheadtitle, /* Order Summary title */
.vap-confirmapp-h3 /* Complete Order title */
 {
  /* Ensure titles are white */
  color: #FFFFFF; 
}

/* --- 2. FORM FONT OVERRIDES (Ensures all form text is white) --- */
/* Target the form container and all its children to force white text */
#vappayform,
#vappayform * {
  /* Set all text inside the form to White */
  color: #FFFFFF !important; 
}

/* Specific input fields and labels must be targeted for font consistency and white color */
#vappayform input[type="text"],
#vappayform input[type="email"],
#vappayform label,
.vapcartitemname,
.vapcartitemprice,
.vapcartitemboxdetails,
.vapcartitemboxoptionsdur,
.vapcartitemboxoptionstcost,
.vapsummarytottitle,
.vapsummarytotprice,
.cf-label,
.cf-value {
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif; /* Explicitly ensure Poppins */
}

/* Ensure general form elements adopt the global font/color */
input,
select,
textarea {
  font-family: inherit; 
  color: inherit; 
}

/* --- 3. BUTTON STYLING (Accent Color Background) --- */
/* Targets all <button> tags, the specific button class, and the remove service button */
button,
.vap-btn,
.vapcartremovebtn {
  /* FONT: Ensure Poppins is used on buttons */
  font-family: 'Poppins', sans-serif;
  /* COLOR: White text on the button background */
  color: #FFFFFF !important; 
  /* BACKGROUND: Set the button background to the global accent color */
  background-color: var(--e-global-color-accent) !important;
  border: none !important;
  cursor: pointer;
  padding: 8px 15px;
}

/* Specific adjustment for the remove button icon, if it's styled separately */
.vapcartremovebtn i {
    color: #FFFFFF !important;
}