/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.28
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =====================================================
   WooCommerce – stile coerente con Elementor Theme Builder
   ===================================================== */

/* --- Tipografia e colore base --- */
body,
.woocommerce,
.woocommerce-page {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 18px);
    font-weight: var(--e-global-typography-text-font-weight, 400);
}

/* --- Titoli --- */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3,
.woocommerce-page h4 {
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    color: var(--e-global-color-text);
}

/* --- Pulsanti principali (aggiungi al carrello, acquista, ecc.) --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    border: none;
    border-radius: 0;
    padding: 14px 32px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
}

/* --- Pulsante aggiungi al carrello disabilitato (nessuna data selezionata) --- */
.woocommerce .single_add_to_cart_button:disabled {
    background-color: var(--e-global-color-f4983cf);
    color: var(--e-global-color-secondary);
    cursor: not-allowed;
    pointer-events: auto;
}

/* --- Pulsante secondario / alt --- */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
}

/* --- Prezzo --- */
.woocommerce .price,
.woocommerce .amount,
.woocommerce .woocommerce-Price-amount {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
}

/* --- Nome prodotto --- */
.woocommerce .product_title,
.woocommerce-loop-product__title {
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    color: var(--e-global-color-text);
}

/* --- Campi form (checkout, account, coupon) --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border: 1px solid var(--e-global-color-f4983cf, #27170B8A);
    background-color: var(--e-global-color-bff47cc, #F4F1EC);
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 18px);
    border-radius: 0;
    padding: 10px 14px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: var(--e-global-color-accent);
    outline: none;
    box-shadow: none;
}

/* --- Label form --- */
.woocommerce form .form-row label,
.woocommerce-checkout label {
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    color: var(--e-global-color-text);
}

/* --- Tavola carrello --- */
.woocommerce-cart table.cart th {
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    color: var(--e-global-color-text);
    border-bottom: 2px solid var(--e-global-color-primary);
}

.woocommerce-cart table.cart td {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
}

/* --- Totali carrello / ordine --- */
.woocommerce .cart_totals h2,
.woocommerce .order-total th,
.woocommerce .order-total td {
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    color: var(--e-global-color-text);
}

.woocommerce .cart_totals,
.woocommerce .checkout_coupon {
    padding: 24px;
}

/* --- Notifiche WooCommerce --- */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 18px);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-bff47cc, #F4F1EC);
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
    padding: 1em 1.5em;
    border-top: 4px solid;
    margin-bottom: 2rem;
}

.e-woocommerce-notices-wrapper {
    margin-top: 3rem;
}
.e-woocommerce-notices-wrapper .woocommerce-error {
    padding: 1em 1.5em;
    border-top: 4px solid;
    margin-bottom: 2rem;
    list-style-type: none;
}
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--e-global-color-accent) !important;
}

.woocommerce-message::before {
    color: var(--e-global-color-accent) !important;
}

.woocommerce-error {
    border-top-color: var(--e-global-color-primary) !important;
}

.woocommerce-notices-wrapper .woocommerce-message a.button,
.woocommerce-notices-wrapper .woocommerce-info a.button,
.woocommerce-notices-wrapper .woocommerce-error a.button {
    background-color: transparent;
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    font-size: var(--e-global-typography-text-font-size, 18px);
    padding: 6px 16px;
    border-radius: 0;
    letter-spacing: normal;
    text-transform: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.woocommerce-notices-wrapper .woocommerce-message a.button:hover,
.woocommerce-notices-wrapper .woocommerce-info a.button:hover,
.woocommerce-notices-wrapper .woocommerce-error a.button:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
}

/* --- Breadcrumb --- */
.woocommerce .woocommerce-breadcrumb {
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    color: var(--e-global-color-f4983cf, #27170B8A);
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--e-global-color-accent);
}

/* --- Tab prodotto (Descrizione, Recensioni) --- */
.woocommerce .woocommerce-tabs ul.tabs li a {
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    color: var(--e-global-color-text);
}

.woocommerce .woocommerce-tabs ul.tabs li.active a,
.woocommerce .woocommerce-tabs ul.tabs li:hover a {
    color: var(--e-global-color-primary);
}

/* --- Riepilogo ordine (checkout) --- */
#order_review_heading,
.woocommerce-checkout h3 {
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    color: var(--e-global-color-text);
}

/* --- Link generici nel contesto WooCommerce --- */
.woocommerce a,
.woocommerce-page a {
    color: var(--e-global-color-accent);
}

.woocommerce a:hover,
.woocommerce-page a:hover {
    color: var(--e-global-color-primary);
}

/* Template Single Product */
.woocommerce.woocommerce-page .elementor-add-to-cart.elementor-product-simple > form {
    display: flex;
    flex-wrap: wrap !important;
    flex-direction: row;
    row-gap: 1rem;
}
.woocommerce.woocommerce-page .elementor-add-to-cart.elementor-product-simple > form > .marinati-datepicker-wrap {
    width: 100%;
}

/* --- My Account (widget Elementor) --- */
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    color: var(--e-global-color-text);
    background: transparent;
    border-color: transparent;
    transition: background 0.2s ease, color 0.2s ease;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--e-global-color-primary);
    background: var(--e-global-color-bff47cc, #F4F1EC);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    background: var(--e-global-color-bff47cc, #F4F1EC);
    border-color: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    font-weight: var(--e-global-typography-primary-font-weight, 600);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a {
    color: var(--e-global-color-accent);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a:hover {
    color: var(--e-global-color-primary);
}

/* --- Checkout – pulsante "Effettua l'ordine" --- */
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    border: none;
    border-radius: 0;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
}

/* --- Checkout – label campi form --- */
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row label,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row label,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row label {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
}

/* --- Carrello (widget Elementor) --- */
.elementor-widget-woocommerce-cart .woocommerce {
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 18px);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    color: var(--e-global-color-text);
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) {
    color: var(--e-global-color-accent);
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):hover {
    color: var(--e-global-color-primary);
}

.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    font-size: var(--e-global-typography-text-font-size, 18px);
    border: none;
    border-radius: 0;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}

.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
}

.elementor-widget-woocommerce-cart .woocommerce button.button {
    border-color: var(--e-global-color-primary);
    border-radius: 0;
}

/* --- My Account – login e registrazione --- */
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register {
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 18px);
    color: var(--e-global-color-text);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login h2,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register h2 {
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    color: var(--e-global-color-text);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login label,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register label {
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    color: var(--e-global-color-text);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login input[type="text"],
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login input[type="email"],
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login input[type="password"],
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register input[type="text"],
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register input[type="email"],
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register input[type="password"] {
    border: 1px solid var(--e-global-color-f4983cf, #27170B8A);
    background-color: var(--e-global-color-bff47cc, #F4F1EC);
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 18px);
    border-radius: 0;
    padding: 10px 14px;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login input:focus,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register input:focus {
    border-color: var(--e-global-color-accent);
    outline: none;
    box-shadow: none;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login button[type="submit"],
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register button[type="submit"] {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    border: none;
    border-radius: 0;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login button[type="submit"]:hover,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register button[type="submit"]:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
}

/* --- My Account – contenuto account (font-size) --- */
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-MyAccount-content-wrapper {
    font-size: var(--e-global-typography-text-font-size, 18px);
    font-family: var(--e-global-typography-text-font-family, "Crimson Text"), sans-serif;
    color: var(--e-global-color-text);
}

/* --- My Account – testo privacy policy nel login/registrazione --- */
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .woocommerce-privacy-policy-text,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .woocommerce-privacy-policy-text {
    color: var(--e-global-color-f4983cf, #27170B8A);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .woocommerce-privacy-policy-text a,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .woocommerce-privacy-policy-text a {
    color: var(--e-global-color-accent);
}

/* --- Pulsante mostra/nascondi password --- */
.woocommerce .show-password-input,
.woocommerce-page .show-password-input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: auto !important;
    min-height: auto !important;
    color: var(--e-global-color-text) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.woocommerce .show-password-input::after,
.woocommerce-page .show-password-input::after {
    color: var(--e-global-color-text);
}

/* --- My Account – layout login/registrazione affiancati --- */
.elementor-widget-woocommerce-my-account .woocommerce .col2-set#customer_login {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
}

.elementor-widget-woocommerce-my-account .woocommerce .col2-set#customer_login .u-column1,
.elementor-widget-woocommerce-my-account .woocommerce .col2-set#customer_login .u-column2 {
    flex: 1 1 0;
    width: auto;
    float: none;
}

@media (max-width: 767px) {
    .elementor-widget-woocommerce-my-account .woocommerce .col2-set#customer_login {
        flex-direction: column;
        gap: 32px;
    }
}

/* --- Checkout – riepilogo ordine (intestazioni e totali) --- */
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table thead th,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot th,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tfoot td {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family, "URW DIN"), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight, 600);
}

/* --- Datepicker data di ingresso — pagina prodotto --- */
.marinati-datepicker-wrap {
    margin-bottom: 24px;
}

.marinati-datepicker-label {
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), serif;
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    font-size: 16px;
    color: var(--e-global-color-text);
    margin-bottom: 2rem;
}

/* Contenitore: sfondo crema, angoli squadrati, font del tema */
#marinati-datepicker [data-vc=calendar] {
    background-color: var(--e-global-color-bff47cc);
    border-radius: 0;
    font-family: var(--e-global-typography-accent-font-family, "Crimson Text"), serif;
    color: var(--e-global-color-text);
}

/* Scudo: reset proprietà globali su tutti i button del calendario */
#marinati-datepicker [data-vc=calendar] button {
    border: none;
    box-shadow: none;
    outline: none;
    letter-spacing: normal;
    text-transform: none;
}

/* Pulsanti-data */
#marinati-datepicker [data-vc-date-btn] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    min-height: 1.875rem;
    min-width: 1.875rem;
    padding: 0;
    border: none;
    border-radius: .5rem;
    width: 100%;
    height: 100%;
}

#marinati-datepicker [data-vc-date-btn]:hover {
    color: var(--e-global-color-text);
}

/* Pulsanti mese/anno nell'header */
#marinati-datepicker [data-vc=month],
#marinati-datepicker [data-vc=year] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: .25rem;
    background-color: transparent;
    border: none;
    border-radius: .25rem;
}

/* Celle mese/anno nel selettore */
#marinati-datepicker [data-vc-months-month],
#marinati-datepicker [data-vc-years-year] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 600;
    height: 2.5rem;
    border: none;
    border-radius: .5rem;
    padding: .25rem;
}

/* Frecce di navigazione */
#marinati-datepicker [data-vc-arrow] {
    background-color: transparent;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    border: none;
    position: relative;
    cursor: pointer;
}

#marinati-datepicker [data-vc-arrow]::before {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

/* Header mese/anno (griglia centrata) */
#marinati-datepicker [data-vc-header=content] {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: pre-wrap;
}

/* Data selezionata → rosso primario */
#marinati-datepicker [data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn,
#marinati-datepicker [data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn:hover {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
}

/* Oggi → accent */
#marinati-datepicker [data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn {
    background-color: transparent;
    color: var(--e-global-color-accent);
}

/* Mese/anno selezionati → rosso primario */
#marinati-datepicker [data-vc-theme=light] .vc-months__month[data-vc-months-month-selected],
#marinati-datepicker [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected],
#marinati-datepicker [data-vc-theme=light] .vc-months__month[data-vc-months-month-selected]:hover,
#marinati-datepicker [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]:hover {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
}

/* Colore verde per le giornate di ingresso gratuito */
#marinati-datepicker {
    --marinati-free-color: #4a7c59;
}

/* Cella data gratuita: stack verticale numero + badge */
#marinati-datepicker .marinati-free-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

#marinati-datepicker .marinati-free-day [data-vc-date-btn] {
    height: auto;
    width: auto;
    color: var(--marinati-free-color);
}

/* Badge "Gratuito" sotto il numero del giorno */
#marinati-datepicker .marinati-free-badge {
    display: block;
    background-color: var(--marinati-free-color);
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-accent-font-family), serif;
    font-size: 11px;
    font-weight: 500;
    border-radius: 2px;
    padding: 1px 4px;
    line-height: 1.2;
    text-align: center;
    pointer-events: none;
}