/*
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: Child theme per il tema UiCore Pro.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.0
Text Domain: uicore-pro-child
*/

@media (min-width: 992px) {
    .etn-container {
        margin-top: 80px !important;
    }
}

.elementor-33 .elementor-element.elementor-element-9d9abdd .calendar-event-details:hover {
    border-color: #E2E9F2 !important;
    background: #E2E9F2 !important;
    box-shadow: none;
}



/* --- UICORE MENU & AVATAR --- */
/*
@media (min-width: 1025px) {
    .uicore-navbar,
    .uicore-navbar .uicore-header-wrapper {
        margin-top: 0 !important;
        background-color: #ffffff !important;
        backdrop-filter: none !important; 
    }
}

.uicore.uicore-box .uicore.uicore-container {
    background: white !important;
}

*/
/* 1. Forza lo sfondo trasparente su tutto il blocco e sui singoli link */
.uicore-socials,
.uicore-socials .uicore-social-icon {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Colora il tracciato dell'icona (sia che usi un tag <i> sia che usi i selettori di UiCore) */
.uicore-socials .uicore-social-icon,
.uicore-socials .uicore-social-icon i,
.uicore-socials .uicore-social-icon::before {
    color: #3A322C !important;
    fill: #3A322C !important;
    font-size: 20px !important; /* Regola la dimensione se serve */
    transition: color 0.3s ease, fill 0.3s ease;
}

/* 3. Effetto Hover: diventano color Champagne quando ci passi sopra */
.uicore-socials .uicore-social-icon:hover,
.uicore-socials .uicore-social-icon:hover i,
.uicore-socials .uicore-social-icon:hover::before {
    color: #DEC19E !important;
    fill: #DEC19E !important;
}

@media (max-width: 1024px) {
    /* Rende trasparente lo sfondo dell'header su mobile e tablet */
    .uicore-header, 
    .uicore-navigation-wrapper,
    .uicore-header-wrapper {
        background-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

/* Allinea Avatar e Nome utente sulla stessa riga */
.uicore-menu .menu-item-1019 > a .ui-menu-item-wrapper,
.uicore-menu .menu-item .avatar + * {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

/* Dimensioni e arrotondamento Avatar */
.uicore-menu .menu-item img.avatar {
    display: inline-block !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
    margin: 0 !important;
}

/* --- ARMEMBER SETTINGS --- */

/* Icona profilo */
.arm-df__fc-icon i {
    color: #000 !important;
}

.arm_bank_transfer_note_container {
    border: 2px solid #f5f5f5 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

.arm--material-outline-style .arm-df__form-field .arm-df__form-field-wrap {
    height: 40px !important;
}

/* Container della lista piani */
.arm_module_plans_container .arm_module_plans_ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Singola Card */
.arm_module_plans_container .arm_module_plans_ul li.arm_setup_column_item {
    width: calc(50% - 7.5px) !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: auto !important;
}

/* Stile Card Base (Unificati padding e altezze) */
.arm_module_plans_container .arm_module_plan_option {
    width: 100% !important;
    height: auto !important;
    padding: 1px 7px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* Titoli dei piani */
.arm_module_plans_container h5.arm_module_plan_name {
    font-size: 16px !important;
    height: auto !important;
    line-height: 1.2 !important;
}

.arm_plan_skin3 .arm_module_plan_option .arm_module_plan_name {
    padding: 5px 15px 0 55px !important;
}

.arm_plan_skin3 .arm_module_plan_option .arm_plan_name_box {
    margin-bottom: 0 !important;
}

/* Dimensione principale per le cifre */
.arm_module_plans_container .arm_module_plan_price,
.arm_module_plans_container .arm_module_plan_cycle_price {
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Dimensione ISOLATA per il simbolo € */
.arm_module_plans_container .arm_euro_symbol {
    font-size: 18px !important;
    vertical-align: baseline !important;
    margin-left: 2px !important;
}

/* Margini del contenitore dell'importo */
.arm_module_plans_container .arm_module_plan_price_type {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
}

.arm_module_plans_container .arm_setup_column_item .arm_module_plan_option .arm_module_plan_price_type {
    margin: 0 !important;
}

/* --- CARD ATTIVA (SELEZIONATA) --- */

.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_module_plan_option,
.arm_form_106 li.arm_setup_column_item.arm_active .arm_module_plan_option {
    background-color: #00004C !important; 
    border-color: #00004C !important;
    border-radius: 12px !important;
}

/* Cerchio spunta */
.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_setup_check_circle,
.arm_form_106 li.arm_setup_column_item.arm_active .arm_setup_check_circle {
    background-color: transparent !important;
    border-color: #ffffff !important;
}

/* Testo e icone bianche sulla card attiva (PULITO DA CARATTERI CORROTTI) */
.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_module_plan_name,
.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_module_plan_price,
.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_module_plan_price_type,
.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_module_plan_cycle_price,
.arm_module_plans_container li.arm_setup_column_item.arm_active .armfa,
.arm_module_plans_container li.arm_setup_column_item.arm_active .arm_setup_check_circle i,
.arm_setup_form_2 .arm_plan_skin3 .arm_module_plan_option .arm_setup_check_circle i,
.arm_setup_form_2 .arm_plan_skin3 .arm_module_plan_option:hover .arm_setup_check_circle i {
    color: #ffffff !important;
}

/* Sistemazione link Password Dimenticata per evitare layout sballati */
.arm_forgotpassword_link {
    display: block !important;
    text-align: right !important;
    margin: 10px 0 0 0 !important;
}

/*pagina profilo personale - FORZATO A 1 COLONNA */

/* 1. Reset altezze e padding degli input */
.arm_form_105 .arm-df__form-field-wrap input,
.arm_form_105 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 5px !important;
    padding-top: 0 !important;
    line-height: normal !important;
}

/* 2. Trasparenza e stile campi */
.arm_form_105 .arm-df__form-control,
.arm_form_105 input:not([type='submit']):not([type='checkbox']):not([type='radio']),
.arm_form_105 select,
.arm_form_105 textarea {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 12px 25px !important;
    box-sizing: unset !important;
}

/* 3. FORZA IL CONTENITORE AD ESSERE UNA GRIGLIA A 1 COLONNA */
.arm_form_105 form,
.arm_form_105 .arm-df__fields-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important; /* Unica colonna al 100% */
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 4. FORZA TUTTI I CAMPI A ESTENDERSI PER L'INTERA LARGHEZZA */
.arm_form_105 .arm-control-group,
.arm_form_105 .arm-df__form-group,
.arm_form_105 .arm_form_field_container,
.arm_form_105 .arm_field_col_1,
.arm_form_105 .arm_field_col_2 {
    grid-column: 1 / -1 !important; /* Dalla prima all'ultima colonna */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

.arm--material-outline-style .arm-df__form-field .arm-df__form-field-wrap {
    height: 50px !important;
}

/* --- profilo utente: elenco doc con margine inferiore ridotto ---*/
/* 1. Forza il margine inferiore a 15px per i blocchi dei documenti */
.arm_form_105 #arm-df__form-group_1151,
.arm_form_105 #arm-df__form-group_1152,
.arm_form_105 #arm-df__form-group_1153,
.arm_form_105 .arm-df__form-group_html {
    margin-bottom: 15px !important;
}

/* 2. Sblocca l'altezza fissa (50px) SOLO per questi 3 campi e per i wrapper HTML */
.arm_form_105 #arm-df__form-group_1151 .arm-df__form-field,
.arm_form_105 #arm-df__form-group_1151 .arm-df__form-field-wrap,
.arm_form_105 #arm-df__form-group_1152 .arm-df__form-field,
.arm_form_105 #arm-df__form-group_1152 .arm-df__form-field-wrap,
.arm_form_105 #arm-df__form-group_1153 .arm-df__form-field,
.arm_form_105 #arm-df__form-group_1153 .arm-df__form-field-wrap,
.arm_form_105 .arm-df__form-group_html .arm-df__form-field,
.arm_form_105 .arm-df__form-group_html .arm-df__form-field-wrap {
    height: auto !important;
    min-height: auto !important;
    line-height: normal !important;
}

/* 3. Spaziatura e stile per i singoli link */
.arm_form_105 #arm-df__form-group_1151 a,
.arm_form_105 #arm-df__form-group_1152 a,
.arm_form_105 #arm-df__form-group_1153 a {
    display: inline-block !important;
    margin-bottom: 0 !important;
}

/* --- RESPONSIVE MOBILE --- */

@media screen and (max-width: 768px) {
    .arm_module_plans_container .arm_module_plans_ul li.arm_setup_column_item {
        width: 100% !important;
    }
}

.arm_form_105 .arm_form_label_wrapper {
    width: 500px !important;
}

/* --- CAMBIA LAYOUT CAMPI ADD MEMBER --- */
/* 1. Etichette (label) delle tabelle admin */
.arm_admin_form .form-table th label:not(.arm_font_size_20):not(.arm_plan_payment_cyle_lbl) {
    font-size: 14px !important;
}

/* 2. Tutti gli input, select e textarea nell'admin di ARMember */
.arm_admin_form input[type="text"],
.arm_admin_form input[type="search"],
.arm_admin_form input[type="number"],
.arm_admin_form input[type="email"],
.arm_admin_form input[type="password"],
.arm_admin_form input[type="tel"],
.arm_admin_form input[type="url"],
.arm_admin_form select,
.arm_admin_form textarea,
.arm_datatable_searchbox input {
    font-size: 14px !important;
}

/* Riduce il gap verticale (es. 4px) e orizzontale (es. 10px) fornito da ARMember */
.arm_admin_form .arm_admin_form_content table.form-table > tbody,
.arm_admin_form:not(.arm_add_edit_plan_form,.arm_add_edit_private_content_form,.arm_add_edit_coupon_wrapper_frm,.arm_add_edit_bulk_coupon_wrapper_frm,.arm_edit_drip_rule_wrapper_frm) .arm_admin_form_content table.form-table:not(.arm_subscription_plan_table,.paid_subscription_upgrade_downgrade_tbl,.arm_additional_form_field_table,.arm_content_type_table,.arm_display_block) > tbody {
    gap: 4px 10px !important;
}

.arm_admin_form table.form-table td,
.arm_admin_form table.form-table th {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* --- EVENTIN SETTINGS --- */

/* Spaziatura titolo "Aggiungi al Calendario" nella sidebar */
.etn-sidebar .etn-add-to-calender-title .etn-title,
.etn-single-parent .etn-add-to-calender-title .etn-title {
    margin: 0 0 20px 0 !important;
}

/* Titolo eventi nel Calendario */
.etn-calendar-wrapper .calendar-event-title,
.events_calendar_list .calendar-event-details .calendar-event-content .calendar-event-title {
    color: #00004C !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    font-family: "Instrument Serif", serif !important;
}

/* Pulsante nel Calendario (Stato Normale) */
.events_calendar_list .calendar-event-details .event-calendar-action .etn-btn,
.etn-calendar-wrapper .etn-btn {
    background-color: #00004C !important;
    color: #ffffff !important;
    border: none !important;
}

/* Pulsante nel Calendario (Stato Hover) */
.events_calendar_list .calendar-event-details .event-calendar-action .etn-btn:hover,
.etn-calendar-wrapper .etn-btn:hover {
    background-color: #4682B4 !important;
    color: #ffffff !important;
}

.eventin-container-style {
    margin: 140px auto !important;
}

.etn-order-purchase-create-form {
    margin: 140px auto !important;
}

/* --- ALTRO CSS --- */

/* Wrapper creato dallo snippet: allinea avatar e nome */
.csc-user-menu-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-right: 18px !important;
}

/* Stile dell'avatar */
.csc-menu-avatar-img {
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    object-fit: cover !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* Sistema il posizionamento della freccia del tema UiCore */
.menu-item-has-children > a > .sub-arrow,
.menu-item-has-children > a > i,
.menu-item-has-children > a > svg {
    right: 0 !important;
    left: auto !important;
}

.wc-block-checkout__terms {
	display: none;
}

/* 1. Azzera il border-radius dell'intestazione e applica il padding ai titoli (TH) */
.woocommerce table.shop_table thead th {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    
    /* Regola qui il padding dell'intestazione (Sopra/Sotto | Destra/Sinistra) */
    padding: 5px 5px !important; 
}

/* 2. (Opzionale) Aggiunge padding anche alle celle con i dati (TD) per uniformare la tabella */
.woocommerce table.shop_table tbody td {
    padding: 5px 5px !important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
    float: inline-end;
    padding: 0 !important;
    padding-inline-start: 0 !important;
}

/* 1. Forza le etichette (Label) SOPRA ai campi di testo */
.woocommerce-EditAccountForm.edit-account p.form-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    float: none !important;
}

.woocommerce-EditAccountForm.edit-account p.form-row label {
    display: block !important;
    margin-bottom: 6px !important; /* Spazio tra l'etichetta e l'input */
    width: 100% !important;
    text-align: left !important;
}

/* 2. Mantieni Nome e Cognome affiancati su 2 colonne (Desktop) */
@media (min-width: 768px) {
    .woocommerce-EditAccountForm.edit-account p.form-row-first,
    .woocommerce-EditAccountForm.edit-account p.form-row-last {
        width: 48% !important;
        display: inline-flex !important;
        float: left !important;
    }
    
    .woocommerce-EditAccountForm.edit-account p.form-row-last {
        float: right !important;
    }
}

/* 3. Riduzione del Padding interno di tutti i campi di testo del form */
.woocommerce-EditAccountForm.edit-account input.input-text {
    padding: 5px 5px !important; 
    height: auto !important;      /* Impedisce al tema di forzare altezze fisse tipo 50px */
    min-height: 20px !important;  /* Altezza minima contenuta ed elegante */
    box-sizing: border-box !important;
}

/* 4. Aggiustamento specifico per i campi password con icona mostra/nascondi */
.woocommerce-EditAccountForm.edit-account .password-input {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

.woocommerce-account .woocommerce form fieldset {
    box-shadow: none !important;
}

/* ======================================================
   STILE PULSANTE ACCEDI (menu-item-1816)
   ====================================================== */

/* 1. Centra verticalmente il list-item nell'header ed evita che si allunghi in altezza */
.menu-item-1816 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important; /* Centra il pulsante verticalmente */
}

.menu-item-1816 a {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Applica lo stile da pulsante rettangolare al wrapper del testo */
.menu-item-1816 .ui-menu-item-wrapper {
    background-color: #00004C !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 8px 20px !important; /* Padding verticale e orizzontale bilanciato */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    height: auto !important; /* Impedisce di ereditare l'altezza dell'header */
    transition: all 0.3s ease !important;
}

/* 3. Stato Attivo / Cliccato / Pagina corrente */
.menu-item-1816.current-menu-item .ui-menu-item-wrapper,
.menu-item-1816 a:focus .ui-menu-item-wrapper,
.menu-item-1816 a:active .ui-menu-item-wrapper {
    background-color: #00004C !important;
    color: #ffffff !important;
}

/* 4. HOVER */
.menu-item-1816 a:hover .ui-menu-item-wrapper,
.menu-item-1816.current-menu-item a:hover .ui-menu-item-wrapper {
    background-color: #ffffff !important;
    color: #0D0D0F !important;
}

/* ======================================================
   MENU UTENTE LOGGATO (menu-item-1817) - FIX FRECCIA & SUBMENU
   ====================================================== */

/* 1. Mantiene il punto di ancoraggio relativo per il sotto-menu */
.menu-item-1817 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.menu-item-1817 > a {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* 2. Pillola bianca compatta che include sia il contenuto che la freccia */
.menu-item-1817 > a > .ui-menu-item-wrapper {
    background-color: #ffffff !important;
    color: #00004C !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

/* Avatar e nome utente */
.menu-item-1817 .csc-user-menu-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    color: #00004C !important;
}

.menu-item-1817 .arm-avatar {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

/* 3. FIX FRECCIA: forza la freccia (o pseudo-elemento del tema) ad allinearsi a destra del nome */
.menu-item-1817 > a::after,
.menu-item-1817 .sub-arrow,
.menu-item-1817 .dropdown-toggle {
    position: static !important;
    display: inline-block !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    color: #00004C !important;
}

/* 4. FIX SUBMENU: Posizionamento corretto a discesa sotto la pillola */
.menu-item-1817 .sub-menu {
    top: 100% !important;
    left: 0 !important;
    margin-top: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    z-index: 9999 !important;
}

/* Reset dei link dentro la tendina */
.menu-item-1817 .sub-menu .ui-menu-item-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
    box-shadow: none !important;
    padding: 8px 16px !important;
}

/* Crea uno spazio in cima per evitare che i contenuti finiscano sotto l'header */
.single-product #content,
.woocommerce-page #content,
#page .uicore-body-content {
    margin-top: 100px !important;
}

// Slider eventin home
/* Bordo di base e transizione fluida per l'item */
.etn-event-item {
    border: 1px solid #B19A7E !important;    
    border-radius: 12px;         
    background-color: #ffffff;    
    overflow: hidden;       
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Cambiamento al passaggio del mouse (HOVER) */
.etn-event-item:hover {
    background-color: #F4EFE6 !important;       
    border-color: #B19A7E !important;            
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -30px !important;
}

.etn-event-slider .swiper-wrapper {
    padding: 20px !important;
}