/**
 * HP-Experiencia de Compra - Estilos
 * Author: Mariano Arael Romero Texis - Alrit
 * Email: mariano@hunterprice.mx
 */

/* ===================================
   Variables y configuración general
   =================================== */

:root {
    --hp-primary-color: #e82469;
    --hp-secondary-color: #333;
    --hp-text-color: #555;
    --hp-border-radius: 8px;
    --hp-transition: all 0.3s ease;
}

/* ===================================
   Estilos base del plugin
   =================================== */

.hp-experiencia-compra {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
}

/* ===================================
   Estilos para Datepicker
   =================================== */

#ui-datepicker-div {
    background: #ffffff;
    border: #e82469 3px solid;
    padding: 2rem;
    border-radius: 10px;
}

.ui-datepicker-header {
    display: flex;
    flex-wrap: wrap;
}

.ui-datepicker-prev {
    width: 50%;
}

.ui-datepicker-next {
    width: 50%;
    text-align: right;
}
.ui-datepicker-title{
    width: 100%;
    text-align: center;
}
.ui-datepicker-current-day{
    background: #e82469;
}
.ui-datepicker-current-day a{
    color: white;
}
[data-handler="selectDay"]:hover {
    background: #f5f5f5;
    cursor: pointer;
}

/* Aquí irán más estilos según se vayan agregando funcionalidades */