/* =========================================================================
   RESERVAS.EVENTS - HEADER "AGREGAR UN SERVICIO" BUTTON STYLES
   ========================================================================= */

.re-header-add-service-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #c5a880 0%, #a8905f 100%) !important;
    color: #ffffff !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    border: none !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 10px rgba(197, 168, 128, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
}

.re-header-add-service-btn:hover,
.re-header-add-service-btn:focus {
    background: linear-gradient(135deg, #d4b78f 0%, #b89f6c 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 4px 14px rgba(197, 168, 128, 0.5) !important;
    text-decoration: none !important;
}

.re-header-add-service-btn span {
    color: #ffffff !important;
}

/* Nav menu li wrapper styling */
li.re-header-submit-li {
    display: inline-flex !important;
    align-items: center !important;
    list-style: none !important;
}

/* Floating wrapper if injected into site header container */
.re-header-btn-wrapper {
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767px) {
    .re-header-add-service-btn {
        padding: 6px 12px !important;
        font-size: 12px !important;
        margin-left: 5px !important;
    }
}