/* Admin */
.editor-styles-wrapper h1,
.block-editor-block-list__block {
    color: #000!important;
}

.peketips-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.peketips-grid-item {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
}

.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form {
    background: transparent!important;
}

/*
 * Reservas
 */

body .ea-bootstrap.bootstrap {

}
body .ea-bootstrap.bootstrap .ea-form-v2 {
    max-width: 500px!important;
    margin: 0 auto;
}

.ea-bootstrap .step.final {
    color: #fff!important;
    padding: 10px!important;
}
.ea-bootstrap .step.final input {
    background-color: var(--e-global-color-df81cb3);
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    color: #fff!important;
}
.ui-datepicker,
.ea-bootstrap .step.final {
    background-color: #2E2E8D!important;
}

.ea-bootstrap a {
    color: #fff!important;
    width: 35px!important;
    height: 35px!important;
    border-radius: 3px!important;
    display: block;
    margin: auto!important;
}

.ea-bootstrap .time-row a {
    margin-left: 0!important;
}

.ui-datepicker .ui-datepicker-calendar td:hover,
.ea-bootstrap .ui-datepicker .no-slots, .ea-bootstrap .ui-datepicker .no-slots:hover,
.ea-bootstrap .ui-datepicker .busy, .ea-bootstrap .ui-datepicker .busy:hover,
.ui-datepicker .ui-datepicker-current-day {
    background-color: transparent!important;
}

.ui-datepicker .ui-datepicker-calendar td:hover a {
    background-color: #fff!important;
    color: #2E2E8D!important;
}

.ui-datepicker .ui-datepicker-calendar .time-row td:hover a {
    background-color: transparent!important;
    color: #fff!important;
}

.ea-bootstrap .time-value {
    background-color: transparent!important;
    border: 1px solid white!important;
}

.ea-bootstrap .time-value:hover {
    background-color: #fff!important;
    color: #2E2E8D!important;
}
.ea-bootstrap .time-value {
    margin-right: 5px!important;
}

.ea-bootstrap .time-value.selected-time,
.ea-bootstrap .time-value.selected-time:hover {
    background-color: #fff!important;
    color: #2E2E8D!important;
}

.ui-datepicker .ui-datepicker-current-day a {
    background-color: #c79c3d!important;
    color: #fff!important;
}

.ea-bootstrap .ui-datepicker td a {
    padding: 5px!important;
}

.ea-bootstrap .ui-datepicker .no-slots a {
    background-color: rgba(163, 163, 117, 0.5)!important;
}
.ea-bootstrap .ui-datepicker .busy a {
    background-color: rgba(255, 0, 0, 0.5)!important;
}

.ea-bootstrap .well {
    background-color: transparent!important;
    border: 0!important;
}

.ea-bootstrap .step.final label {
    color: #fff!important;
}


.ea-bootstrap .btn-primary {
    background-color: #c79c3d!important;
}

/* Woocommerce Appointments */
.wc-appointments-date-picker .ui-datepicker,
.wc-appointments-date-picker .ui-datepicker th,
.wc-appointments-date-picker .ui-datepicker td,
.wc-appointments-date-picker .ui-datepicker td .ui-state-default,
.wc-appointments-date-picker .ui-datepicker .ui-datepicker-header a,
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot_heading,
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot a {
    color: #fff!important;
}

.wc-appointments-date-picker .ui-datepicker td.ui-datepicker-today span {
    color: #C79C3D!important;
}

.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form {
    border: 1px solid #fff!important;
}

.slot-picker {
    border-top: 1px solid #fff!important;
}

@media all and (max-width: 480px) {
    .peketips-grid {
        grid-template-columns: 1fr;
    }
}