/*
Theme Name: Hotello x Express by Diego
Theme URI: https://hotello.stylemixthemes.com/
Template: hotello
Author: StylemixThemes
Author URI: https://stylemixthemes.com/
Description: Hotello WordPress Theme is a responsive Hotel WordPress theme targeted especially for hotel, chalet, resort, motel, hostel, bed and breakfast and apartment with all-in-one booking system within theme package.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,editor-style,sticky-post,theme-options
Version: 1.4.4.1779778593
Updated: 2026-05-26 08:56:33

*/

/* ===== Bottone "Scopri i prezzi" - widget prenotazione ===== */
#datepicker-button.btn {
    background: linear-gradient(135deg, #c9a96e 0%, #b08d4d 100%);
    color: #fff;
    border: none;
    border-radius: 2px;
    height: 65px;
    padding: 0 36px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(176, 141, 77, 0.35);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Effetto "shine" che attraversa il bottone al hover */
#datepicker-button.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    transition: left 0.6s ease;
}

#datepicker-button.btn:hover {
    background: linear-gradient(135deg, #b08d4d 0%, #97763d 100%);
    box-shadow: 0 8px 22px rgba(176, 141, 77, 0.5);
    transform: translateY(-2px);
}

#datepicker-button.btn:hover::before {
    left: 100%;
}

#datepicker-button.btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(176, 141, 77, 0.4);
}

#datepicker-button.btn:focus-visible {
    outline: 2px solid #c9a96e;
    outline-offset: 3px;
}