/* 
Theme Name: Il Fuoco Sacro
Description: Theme for Il Fuoco Sacro website
Author URI: https://ilfuocosacro.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: ilfuocosacro
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

html {
    scroll-behavior: smooth;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #333;
}

::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #333 #000;
}

/* Elementor newsletter — email field border on focus-within */
/*.elementor-field-type-email {
    border: 1px solid transparent;
    transition: border-color 0.2s ease;
}

.elementor-field-type-email:focus-within {
    border-color: rgb(75, 10, 0) !important;
}
*/

/* Flatpickr dark theme allineato a elementor-kit-6 */
.flatpickr-calendar {
    background: #0e0e0e !important;
    /* #1A1A1A */
    border: 1px solid var(--e-global-color-secondary) !important;
    /* #0E0E0E */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
    color: var(--e-global-color-03923ac) !important;
    /* #FFFFFF */
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    border-bottom-color: var(--e-global-color-8a4a560) !important;
    border-top-color: var(--e-global-color-8a4a560) !important;
}

.flatpickr-months, .flatpickr-month, .flatpickr-current-month, .flatpickr-current-month input.cur-year, .flatpickr-monthDropdown-months, .flatpickr-weekdays, span.flatpickr-weekday {
    color: #afafaf !important;
}

.flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background: var(--e-global-color-8a4a560) !important;
    color: var(--e-global-color-03923ac) !important;
}

.flatpickr-day {
    color: var(--e-global-color-03923ac) !important;
    border-radius: 4px !important;
    background: #000;
}

.flatpickr-day:hover, .flatpickr-day:focus {
    background: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-03923ac) !important;
}

.flatpickr-day.today {
    border-color: var(--e-global-color-primary) !important;
    /* #2D0600 */
}

.flatpickr-day.today:hover {
    background: var(--e-global-color-primary) !important;
    color: var(--e-global-color-03923ac) !important;
}

.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.endRange {
    background: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-03923ac) !important;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.flatpickr-disabled, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
    color: var(--e-global-color-807636a) !important;
    /* #C8C8C8 */
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

.flatpickr-prev-month, .flatpickr-next-month {
    fill: var(--e-global-color-03923ac) !important;
    color: var(--e-global-color-03923ac) !important;
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
    fill: var(--e-global-color-03923ac) !important;
}

.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
    fill: var(--e-global-color-primary) !important;
}

.numInputWrapper:hover {
    background: var(--e-global-color-secondary) !important;
}

.numInputWrapper span {
    border-color: var(--e-global-color-secondary) !important;
    opacity: 0.5;
}

.numInputWrapper span:after {
    border-top-color: var(--e-global-color-03923ac) !important;
    border-bottom-color: var(--e-global-color-03923ac) !important;
}

.flatpickr-current-month input.cur-year:hover {
    background: var(--e-global-color-secondary) !important;
}