/* =========================
   SUBMIT BUTTON
========================= */
.wpforms-form button[type=submit] {
    color: #fff!important;
    background-color: #EC7C8B!important; /* NEW primary */
    background: #EC7C8B!important;
    font-size: 18px!important;
    float: right!important;
    border-radius: 3.75em !important;
    text-transform: uppercase!important;
    padding: 10px 32px!important;
    min-width: 200px;
    letter-spacing: 2px!important;
    border: 1px solid #EC7C8B!important;
    opacity: 1!important;
    box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.2)!important;
    width: 100%!important;
    font-weight: 600;
	    
}

/* HOVER */
.wpforms-form button[type=submit]:hover {
    background: #2b2b2b!important; /* NEW hover */
    background-color: #2b2b2b!important;
    border-color: #2b2b2b!important;
    border-radius: 3.75em !important;
}

/* Divi wrapper duplicate rule */
div.wpforms-container-full button[type=submit]:hover { 
    background: #2b2b2b!important;
    border: 1px solid #2b2b2b!important;
       border-radius: 3.75em !important;
}

div.wpforms-container-full button[type=submit]:not(:hover):not(:active) { 
    color: #fff!important;
    background-color: #EC7C8B!important;
       border-radius: 3.75em !important;
}


/* =========================
   INPUT FIELDS
========================= */
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    border-radius: 6px!important;
    padding: 10px;
    border: 1px solid #c7b18a!important; /* soft brand border */
}


/* =========================
   FOCUS STATE
========================= */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input:focus,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus { 
    border: 1px solid #8ca57c!important; /* green highlight */
}


/* =========================
   LABELS
========================= */
div.wpforms-container-full .wpforms-form .wpforms-field-label,
.wpforms-field-label-inline {
    font-size: 18px!important;
    font-family: 'Roboto'!important;
    color: #2e6b75!important; /* deep teal for titles */
}


/* =========================
   TIME PICKER
========================= */
.ui-timepicker-wrapper {
    background: #fff;
    border: 1px solid #c7b18a!important;
    border-radius: 3px;
    z-index: 10001;
    min-width: 300px;
    max-width: 100%;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover { 
    background: #b9a572!important; /* gold/brown brand */
    color: #fff!important;
    border: 1px solid #b9a572!important;
}


/* =========================
   FLATPICKR CALENDAR
========================= */
.flatpickr-calendar {
    background: #fff;
    border: 1px solid #c7b18a!important;
    box-shadow: 0 3px 13px rgba(0,0,0,.08);
}

.flatpickr-day.today {
    border-color: #b9a572!important;
}

.flatpickr-day:hover {
    background-color: #b9a572!important;
    color: #fff!important;
}

.flatpickr-day.selected { 
    background: #b9a572!important;
    color: #fff!important;
    border: 1px solid #b9a572!important;
}


/* =========================
   SELECT OPTIONS
========================= */
div.wpforms-container-full select > option:not(.placeholder):checked,
div.wpforms-container-full select > option:hover { 
    background: #b9a572!important;
    color: #fff!important;
}


/* =========================
   REPEATER BUTTONS
========================= */
.wpforms-field-repeater-button-add { 
    color: #fff!important;
    background-color: #2e6b75!important; /* dark teal add */
    border: 1px solid #2e6b75!important;
    border-radius: 6px!important;
}

.wpforms-field-repeater-button-remove { 
    background: #EC7C8B!important; /* UPDATED to match primary */
    border: 1px solid #EC7C8B!important;
    border-radius: 6px!important;
    color: #fff!important;
}


/* =========================
   CHECKBOX / LINK COLOR
========================= */
.wpforms-field-label-inline a { 
    color: #2e6b75!important;
}
