/* ════════════════════════════════════
   LABELS & ΓΕΝΙΚΟ ΚΕΙΜΕΝΟ
════════════════════════════════════ */
.ahb_m4 #fbuilder .usedSlots .ahb_list {
    background-color: #000000;
}


/* ════════════════════════════════════
   LABELS & ΓΕΝΙΚΟ ΚΕΙΜΕΝΟ
════════════════════════════════════ */
#fbuilder {
    color: #ffffff !important;
}

#fbuilder label {
    color: #ffffff !important;
}

/* Μόνο τα span που είναι labels/τίτλοι - ΟΧΙ τα span μέσα σε fields */
#fbuilder .fields > span,
#fbuilder .fform > span,
#fbuilder .section_breaks span,
#fbuilder .comment_area span {
    color: #ffffff !important;
}

/* Το κείμενο ΜΕΣΑ στα input/select να είναι λευκό */
#fbuilder input[type=text],
#fbuilder input[type=email],
#fbuilder input[type=tel],
#fbuilder input[type=number],
#fbuilder textarea,
#fbuilder select {
    color: #ffffff !important;
}

/* Validation error span → μαύρο */
#fbuilder span.err,
#fbuilder .err {
    color: #000000 !important;
    background-color: #ffd5d5 !important;
    border: 1px solid #cc0000 !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
    font-weight: bold !important;
}
/* ════════════════════════════════════
   INPUT FIELDS
════════════════════════════════════ */
#fbuilder input[type=text],
#fbuilder input[type=email],
#fbuilder input[type=tel],
#fbuilder input[type=number],
#fbuilder textarea,
#fbuilder select {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    border-radius: 4px !important;
}

#fbuilder input::placeholder,
#fbuilder textarea::placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
}

#fbuilder select option {
    background-color: #6b0f1a !important;
    color: #ffffff !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΓΕΝΙΚΑ
════════════════════════════════════ */
#fbuilder .ui-datepicker-inline {
    max-width: none !important;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - HEADER (μήνας/βέλη)
════════════════════════════════════ */
#fbuilder .ui-datepicker-header {
    background: #f0f0f0 !important;
    color: #000000 !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 4px 4px 0 0 !important;
}

#fbuilder .ui-datepicker-title {
    color: #000000 !important;
    font-weight: bold !important;
}

#fbuilder .ui-datepicker-prev,
#fbuilder .ui-datepicker-next {
    color: #000000 !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΟΝΟΜΑΤΑ ΗΜΕΡΩΝ (ΚΥ ΔΕ...)
════════════════════════════════════ */
#fbuilder .ui-datepicker th {
    background: #f5f5f5 !important;
    color: #444444 !important;
    font-weight: bold !important;
    border: 1px solid #e0e0e0 !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΔΙΑΘΕΣΙΜΕΣ ΗΜΕΡΕΣ
════════════════════════════════════ */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    text-align: center !important;
}

#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {
    background: #f0e0e0 !important;
    color: #6b0f1a !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΜΗ ΔΙΑΘΕΣΙΜΕΣ ΗΜΕΡΕΣ
════════════════════════════════════ */
#fbuilder .ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4 !important;
    color: #cccccc !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΕΠΙΛΕΓΜΕΝΗ ΗΜΕΡΑ
════════════════════════════════════ */
#fbuilder .ui-datepicker-calendar .ui-state-active {
    background: #6b0f1a !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 3px !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΠΛΗΡΩΣ ΚΛΕΙΣΜΕΝΕΣ ΜΕΡΕΣ
════════════════════════════════════ */
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {
    background: #ffdddd !important;
    color: #999999 !important;
}

/* ════════════════════════════════════
   ΗΜΕΡΟΛΟΓΙΟ - ΧΩΡΙΣ BORDERS
════════════════════════════════════ */
#fbuilder .ui-datepicker table,
#fbuilder .ui-datepicker thead,
#fbuilder .ui-datepicker tr,
#fbuilder .ui-datepicker td {
    border: 1px solid #eeeeee !important;
}

#fbuilder .ui-datepicker {
    box-shadow: none !important;
}

/* ════════════════════════════════════
   TIME SLOTS (διαθέσιμες ώρες)
════════════════════════════════════ */
#fbuilder .slots {
    background: transparent !important;
    box-shadow: none !important;
}

#fbuilder .slots div {
    border: 0px !important;
}

#fbuilder .slots div a {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    font-weight: bold !important;
}

#fbuilder .slots div a:hover {
    background: #f0e0e0 !important;
    color: #6b0f1a !important;
}

/* ════════════════════════════════════
   TIME SLOTS - ΕΠΙΛΕΓΜΕΝΟ SLOT
════════════════════════════════════ */
#fbuilder .slots .currentSelection a {
    background: #6b0f1a !important;
    color: #ffffff !important;
    border: 1px solid #6b0f1a !important;
    font-weight: bold !important;
}

/* ════════════════════════════════════
   TIME SLOTS - ΗΔΗ ΚΛΕΙΣΜΕΝΑ
════════════════════════════════════ */
#fbuilder .slots .htmlUsed a {
    text-decoration: line-through !important;
    background: #dddddd !important;
    color: #aaaaaa !important;
}

/* ════════════════════════════════════
   SELECTED SLOTS LIST (η λίστα κράτησης)
════════════════════════════════════ */
#fbuilder .ahb_list {
    margin: 10px 0px !important;
}

#fbuilder .ahb_list .ahb_list_time {
    border: 0px !important;
    background: rgba(255,255,255,0.15) !important;
    padding: 8px 12px !important;
    margin-right: 6px !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 3px !important;
}

#fbuilder .ahb_list .ahb_list_service {
    border: 0px !important;
    background: rgba(255,255,255,0.15) !important;
    padding: 8px 12px !important;
    margin-right: 6px !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 3px !important;
}

#fbuilder .ahb_list a {
    border: 0px !important;
    background: rgba(255,255,255,0.15) !important;
    padding: 8px 12px !important;
    color: #ffaaaa !important;
    display: inline-block !important;
    border-radius: 3px !important;
}

/* ════════════════════════════════════
   TOTAL COST
════════════════════════════════════ */
#fbuilder .totalCost,
#fbuilder .totalCost *,
div.totalCost {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

/* ════════════════════════════════════
   VALIDATION ERROR
════════════════════════════════════ */
#fbuilder .err,
#fbuilder .errField,
#fbuilder span.err {
    color: #000000 !important;
    background-color: #ffd5d5 !important;
    border: 1px solid #cc0000 !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
    font-weight: bold !important;
}

/* ════════════════════════════════════
   SUBMIT BUTTON
════════════════════════════════════ */
#fbuilder .pbSubmit {
    background-color: #ffffff !important;
    color: #6b0f1a !important;
    border: none !important;
    padding: 10px 30px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: opacity 0.2s !important;
}

#fbuilder .pbSubmit:hover {
    background-color: #f0e0e0 !important;
    color: #6b0f1a !important;
}

/* ════════════════════════════════════
   SUMMARY BOX (η κράτηση που επιλέχτηκε)
════════════════════════════════════ */
#fbuilder .usedSlots .ahb_list {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px dashed #cccccc !important;
    padding: 10px !important;
    margin: 10px 0px 10px 0px !important;
    border-radius: 4px !important;
}

#fbuilder .usedSlots .ahb_list span,
#fbuilder .usedSlots .ahb_list .ahb_list_time,
#fbuilder .usedSlots .ahb_list .ahb_list_service,
#fbuilder .usedSlots .ahb_list .ahb_list_quantity {
    color: #ffffff !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

/* X κουμπί (cancel) */
#fbuilder .usedSlots .ahb_list a.cancel {
    color: #ffaaaa !important;
    background-color: transparent !important;
}

/* Cost */
#fbuilder .usedSlots ~ .totalCost,
#fbuilder .totalCost {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}