/*
    Custom CSS – Barbería Elegante
    Negro / Plateado / Blanco
*/

/* =========================
   OCULTAR MAPA COMPLETAMENTE
========================= */
#map,
.map,
#location-map,
.location-map,
.google-map,
iframe[src*="google.com/maps"],
iframe[src*="google.es/maps"],
iframe[src*="maps.google"],
iframe[src*="maps.gstatic"],
#eventForm .map,
#eventForm #map {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* =========================
   EVENTOS
========================= */
#events h3 {
    color: #ffffff;
    font-weight: 600;
}

#events p.duration,
#events div.duration {
    color: #c0c0c0;
    font-size: 14px;
}

#events p.description,
#events div.description {
    color: #9e9e9e;
}

/* Evento seleccionado */
#events .selectedEvent {
    background-color: #1c1c1c;
    border-left: 4px solid #c0c0c0;
}

/* =========================
   BOTONES
========================= */
#events input.reserve_time_btn,
#events input.select_another_btn {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover {
    background-color: #c0c0c0;
    color: #0f0f0f;
}

/* =========================
   FORMULARIO
========================= */
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    color: #ffffff;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 6px;
}

#eventForm #save_button {
    background-color: #c0c0c0;
    color: #0f0f0f;
    border: none;
    padding: 12px 18px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}

#eventForm #save_button:hover {
    background-color: #ffffff;
}

/* =========================
   UI WIDGET
========================= */
div.ui-widget-content {
    background-color: #0f0f0f;
    color: #ffffff;
    border: 1px solid #1c1c1c;
}

div.ui-widget-header {
    background-color: #1c1c1c;
    color: #ffffff;
    border-bottom: 1px solid #c0c0c0;
}

/* =========================
   TIMELINE
========================= */
#timeline-container table.timeline {
    background-color: #0f0f0f;
}

.timeline td.not_worked_time {
    background-color: #1c1c1c;
}

.timeline td.free_time {
    background-color: #ffffff;
    color: #0f0f0f;
}

.timeline td.selected_time {
    background-color: #c0c0c0;
    color: #0f0f0f;
}

.timeline td.reserved_time {
    background-color: #555555;
    color: #ffffff;
}

/* =========================
   LOADING
========================= */
div#loading {
    color: #c0c0c0;
}

/* =========================
   FECHA / FORM
========================= */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
    color: #ffffff;
}

/* =========================
   OCULTAR MAPA + IMAGEN DEL MAPA
========================= */
#map,
.map,
#location-map,
.location-map,
.map-image,
.map_preview,
.location-image,
.location_preview,
.google-map,
.map-container,
.location-container,
iframe[src*="google.com/maps"],
iframe[src*="google.es/maps"],
iframe[src*="maps.google"],
iframe[src*="maps.gstatic"],
img[src*="map"],
img[src*="maps"],
img[src*="google"],
img[alt*="map"],
img[alt*="ubicación"],
img[alt*="ubicacion"],
#eventForm .map,
#eventForm #map,
#events .map,
#events img.map {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
}