:root {--stec-corner-smoothing:3px;--stec-font-general:Arial, Helvetica, sans-serif;--stec-top-menu-bg:#fff;--stec-top-menu-color:#525252;--stec-top-menu-color-active:#fff;--stec-top-menu-bg-active-primary:#ff5f5f;--stec-top-menu-bg-active-secondary:#eb4b4b;--stec-agenda-list-title-color:#454850;--stec-agenda-month-year-bg:#ececec;--stec-agenda-month-year-color:#454850;--stec-agenda-cell-bg:#fff;--stec-agenda-cell-color:#454850;--stec-agenda-cell-bg-hover:#ececec;--stec-agenda-cell-color-hover:#454850;--stec-agenda-cell-bg-active:#454850;--stec-agenda-cell-color-active:#fff;--stec-agenda-cell-today-bg:#fff;--stec-agenda-cell-today-color:#ff5f5f;--stec-mw-legend-bg:#454850;--stec-mw-legend-color:#bdc0c8;--stec-mw-legend-today-bg:#2c2e32;--stec-mw-legend-today-color:#f6bf64;--stec-mw-cell-bg:#fff;--stec-mw-cell-color:#454850;--stec-mw-cell-bg-hover:#ececec;--stec-mw-cell-color-hover:#454850;--stec-mw-cell-bg-active:#454850;--stec-mw-cell-color-active:#fff;--stec-mw-cell-diff-bg:#f5f5f5;--stec-mw-cell-diff-color:#454850;--stec-mw-cell-today-bg:#ff5f5f;--stec-mw-cell-today-color:#fff;--stec-mw-cell-more-color:#454850;--stec-grid-bg:#fff;--stec-grid-border-color:#efefef;--stec-grid-title-color:#454850;--stec-grid-text-color:#525252;--stec-boxgrid-title-color:#fff;--stec-boxgrid-text-color:#fff;--stec-boxgrid-dimness:0.3;--stec-boxgrid-dimness-hover:0.7;--stec-ep-bg:#fff;--stec-ep-bg-hover:#ececec;--stec-ep-title-color:#454850;--stec-ep-title-color-hover:#525252;--stec-ep-text-color:#525252;--stec-ep-text-color-hover:#525252;--stec-ep-button-color:#454850;--stec-ep-button-color-hover:#ff5f5f;--stec-ec-bg:#fff;--stec-ec-title-color:#454850;--stec-ec-title-secondary-color:#454850;--stec-ec-text-color:#525252;--stec-ec-tab-menu-bg:#ececec;--stec-ec-tab-menu-bg-active:#fff;--stec-ec-tab-menu-color:#525252;--stec-ec-tab-menu-color-active:#525252;--stec-ec-button-bg:#454850;--stec-ec-button-bg-hover:#ff5f5f;--stec-ec-button-color:#fff;--stec-ec-button-color-hover:#fff;--stec-ec-button-toggle-color:#454850;--stec-ec-button-toggle-color-hover:#ff5f5f;}/* Fix Calendar Icons - Font Awesome Loading Issue */

/* Ensure Font Awesome icons display properly */
.fa-solid,
.fas,
.fa-regular,
.far,
.fa-light,
.fal,
.fa-brands,
.fab,
[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* Fix solid icons */
.fa-solid,
.fas {
    font-weight: 900 !important;
}

/* Fix regular icons */
.fa-regular,
.far {
    font-weight: 400 !important;
}

/* Fix light icons */
.fa-light,
.fal {
    font-weight: 300 !important;
}

/* Fix brands icons */
.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* Ensure calendar thumbnail icons display */
.stec-thumbnail-icon,
.stec-thumbnail-icon i,
.stec-thumbnail-icon .fa-solid,
.stec-thumbnail-icon .fas {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Fix icons in calendar navigation and buttons */
.stec-calendar i,
.stec-layout i,
.stec-event i,
[class*="stec"] i,
[class*="stec"] .fa-solid,
[class*="stec"] .fas {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

/* Ensure icons are visible and not hidden */
.fa-solid:before,
.fas:before,
.fa-regular:before,
.far:before,
[class*="fa-"]:before {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for calendar-alt and other common calendar icons */
.fa-calendar-alt:before,
.fa-calendar:before {
    content: "\f073" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* Ensure icons have proper spacing */
.stec-thumbnail-icon i,
.stec-thumbnail-icon .fa-solid {
    width: auto !important;
    height: auto !important;
    font-size: inherit !important;
}

/* Fix Number of Persons Plus/Minus Button Alignment */

/* Fix the quantity selector container */
.stec-light-modal .stec-qty-selector,
.stec-light-modal stec-div.stec-qty-selector,
.stec-light-modal stec-div[class*="qty-selector"] {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    height: auto !important;
    min-height: 60px !important;
}

/* Fix the plus/minus icon buttons - center them vertically */
.stec-light-modal .stec-qty-selector i,
.stec-light-modal stec-div.stec-qty-selector i,
.stec-light-modal stec-div[class*="qty-selector"] i,
.stec-light-modal .stec-qty-selector .fa-minus,
.stec-light-modal .stec-qty-selector .fa-plus,
.stec-light-modal .stec-qty-selector i.fa-minus,
.stec-light-modal .stec-qty-selector i.fa-plus {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    height: 42px !important;
    line-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure minus button (left) is properly positioned */
.stec-light-modal .stec-qty-selector i:first-child,
.stec-light-modal .stec-qty-selector .fa-minus:first-child {
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Ensure plus button (right) is properly positioned */
.stec-light-modal .stec-qty-selector i:last-child,
.stec-light-modal .stec-qty-selector .fa-plus:last-child {
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Fix the input field alignment */
.stec-light-modal .stec-qty-selector input[type="text"],
.stec-light-modal .stec-qty-selector input[type="number"],
.stec-light-modal stec-div.stec-qty-selector input {
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 50px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Ensure the container maintains proper height */
.stec-light-modal .stec-qty-selector,
.stec-light-modal stec-div.stec-qty-selector {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}