/*
Theme Name: Urc
Text Domain: Urc
Template: Divi
*/


/* VARIABILI GENERALI */

/* Variabile necessaria ad impedire overflow orizzontale */
:root {
  --scrollbar-width: 15px;
}

/* Variabile necessaria a sottrarre l'altezza dell'header dall'altezza del viewport nell'immagine hero*/
:root {
  --header-height: 80px;
}

/* HEADER */

/* Crea la griglia dell'header */

.urc-header-grid {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 20px;
}


/* Larghezza del logo nella griglia */

.urc-header-grid .et_pb_image img,
.urc-header-grid .et_pb_menu__logo img {
  max-width: 220px;
  height: auto;
}

/* Estende il menu in modo armonioso */

.urc-header-grid .et_pb_menu {
  width: auto;
  justify-self: end;
}

/* Rimuove il margin-bottom automatico di Divi SOLO nell'header */
.urc-header-row .et_pb_module {
    margin-bottom: 0 !important;
}

.urc-header-grid .et_pb_menu .et_pb_menu__menu {
  text-align: right;
}

.urc-header-grid .et_pb_menu__menu li {
    padding-left: 8px;
    padding-right: 8px;
}

/* Display cart quantity in circle in menu */
.et_pb_menu__cart-count {
    background-color: #415175;
    border-radius: 50%;
    border:2px solid #fff;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -21px;
    margin-top: -21px;
    z-index:9;
}

/* Aggiunge margine a sinistra dell'icona carrello su Desktop */
@media (min-width: 981px) {
.et_pb_menu__icon.et_pb_menu__cart-button {
    margin-left:60px
}
}







/* STILI HEADER MOBILE
========================================= */

/* Riga a 2 Colonne (logo – menu) */
.mobile-header-row {
  display: grid;
  grid-template-columns: 70% 30%;
  align-items: center !important;
  padding: 0 !important;
  min-height: 60px;
  z-index: 999999999999;
}

/* Header mobile fisso */
@media (max-width: 980px) {
  .mobile-header-row {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #415175; /* colore header */
    z-index: 999999 !important;
  }

  /* Evita che il contenuto salga sotto l’header */
  body {
    padding-top: 80px !important; /* stessa altezza dell’header */
  }
}

/* Colonna logo */
.mobile-header-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5% !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
  height: 60px; /* altezza header */
}

.mobile-header-logo .et_pb_image {
  display: flex;
  align-items: center;
}

.mobile-header-logo img {
  max-height: 40px;
  height: auto;
  width: auto;
  display: block;
}

/* Colonna Menu */
.mobile-header-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 !important;
  margin: 0 !important;
  height: 60px; /* altezza header */
}

/* Tendina menu mobile a 100% del viewport */
.mobile-header-menu .et_mobile_menu {
  position: fixed !important;
  top: 60px; /* altezza header mobile */
  left: 0;
  width: 100vw;
  max-width: 100vw;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  z-index: 9999;
  border-top: 3px solid #FFE5D9 !important;
}

/* Rimuove eventuali limiti di larghezza imposti da Divi */
.mobile-header-menu .et_mobile_nav_menu,
.mobile-header-menu .mobile_nav {
  width: auto !important;
}

/* Stile del pulsante cta nella tendina mobile */
.et_mobile_menu .mobile-menu-button-item > a {
  display: block;
  width: 100%;
  padding: 16px 20px;
  background: #415175;
  color: #ffffff !important;
  text-align: center;
  font-weight: 600;
  border-radius: 0px;
  margin-top: 10px;
  box-sizing: border-box;
}

/* Rimuove lo stile standard delle voci Divi */
.et_mobile_menu .mobile-menu-button-item {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Nasconde il pulsante su desktop */
@media (min-width: 981px) {
  .mobile-menu-button-item {
    display: none !important;
  }
}

/* Rimuove il bordo alla voce prima del pulsante (penultima voce) */
.et_mobile_menu > li:nth-last-child(2) > a {
  border-bottom: none !important;
}

/* Layering header vs contenuto */
.et-l--header {
  position: relative !important;
  z-index: 9999999 !important;
}

.et-l--header .et_pb_section {
  overflow: visible !important;
}

.et-l--body,
.et_builder_inner_content {
  position: relative;
  z-index: 1;
}









/* CONTENUTI HOMEPAGE */


/* Slider a larghezza piena e altezza schermo */
.sliderhero {
  width: calc(100vw - var(--scrollbar-width));
  height: calc(100vh - var(--header-height));
  background-color: #ffffff; /* colore di sfondo neutro */
  background-image: url('https://unrealcollect.com/wp-content/uploads/2025/12/carte-da-collezione-tcg.webp'); /* usa l'URL dell'immagine */
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;   /* centra verticalmente */
  justify-content: center; /* centra orizzontalmente */
  min-height: 100vh;     /* altezza = viewport */
  box-sizing: border-box;
  padding-top: var(--header-height, 80px); /* spazio per l’header */ 
}

/* SCHEDA PRODOTTO */

/* Breadcrumb WooCommerce su pagine prodotto */
.single-product .woocommerce-breadcrumb {
    font-size: 14px;
    color: #415175;
    line-height: 1.4;
}

/* Link breadcrumb */
.single-product .woocommerce-breadcrumb a {
    color: #D8613C;
    text-decoration: none;
    transition: color .2s ease;
}

.single-product .woocommerce-breadcrumb a:hover {
    color: #415175;
}

/* Rimuove la freccia nativa su tutti i browser */
.woocommerce div.product form.cart .variations select,
.et_pb_wc_add_to_cart form.cart .variations select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #fff;
    border-radius: 0;
    box-sizing: border-box;

    height: 36px;
    width: 100%;
    padding: 6px 40px 4px 12px;
    font-size: 16px;
    line-height: 1.2;
}

/* Select variazioni prodotto – freccia centrata verticalmente */
.woocommerce div.product form.cart .variations select,
.et_pb_wc_add_to_cart form.cart .variations select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    background-color: #fff;
    border-radius: 0;
    box-sizing: border-box;

    height: 40px; /* leggermente più alto per centrare meglio */
    width: 100%;

    /* padding simmetrico = freccia centrata */
    padding: 10px 40px 10px 12px; /* top right bottom left */

    font-size: 16px;
    line-height: 1.2;

    /* Freccia custom #415175 */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23415175' height='14' width='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,10'/></svg>");
    background-repeat: no-repeat;
    background-size: 12px;

    /* NON usiamo più valori verticali */
    background-position: right 12px center;
}


/* Nasconde la freccia nativa su Chrome/Edge */
.woocommerce div.product form.cart .variations select::-ms-expand,
.et_pb_wc_add_to_cart form.cart .variations select::-ms-expand {
    display: none !important;
}

/* Nasconde la freccia nativa su Firefox */
.woocommerce div.product form.cart .variations select::-moz-focus-inner,
.et_pb_wc_add_to_cart form.cart .variations select::-moz-focus-inner {
    border: 0 !important;
}

/* Nasconde la freccia nativa su WebKit (Safari, Chrome) */
.woocommerce div.product form.cart .variations select::-webkit-inner-spin-button,
.woocommerce div.product form.cart .variations select::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Nasconde eventuale freccia aggiunta da Divi */
.woocommerce div.product form.cart .variations select::after,
.et_pb_wc_add_to_cart form.cart .variations select::after {
    display: none !important;
    content: none !important;
}

/* Rimuove la freccia dal wrapper che avvolge il select */
.woocommerce div.product form.cart .variations td.value > span {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

.woocommerce div.product form.cart .variations td.value > span::after,
.woocommerce div.product form.cart .variations td.value > span::before {
    display: none !important;
    content: none !important;
}

/* Rimuove il bordo inferiore delle schede dai tab descrizione prodotto WooCommerce */
.tab-woocommerce-baleia ul.et_pb_tabs_controls li,
.tab-woocommerce-baleia ul.et_pb_tabs_controls::after {
    border: none !important;
}

/* ============================
   Avviso Woocommerce — Successo
   ============================ */
.woocommerce-message {
    background: #FFE5D9; /* Pesca chiaro */
    border-left: 4px solid #D8613C; /* Ocra */
    padding: 18px 20px;
    border-radius: 6px;
    font-size: 15px;
    color: #415175; /* Blu antracite */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    border-radius: 0 !important;
}

/* Testo del messaggio */
.woocommerce-message::before {
    content: "✓";
    font-weight: 700;
    color: #D8613C; /* Ocra */
    margin-right: 10px;
    font-size: 18px;
}

/* ============================
   BOTTONE "Visualizza carrello"
   ============================ */
.woocommerce-message .button.wc-forward {
    background: #415175 !important;
    color: #fff !important;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    border: none;
    transition: all .25s ease;
    white-space: nowrap;
    text-transform: uppercase;
}

.woocommerce-message .button.wc-forward:hover {
    background: #FFE5D9 !important;
    color: #415175 !important;
    padding: 10px 18px !important;
}

/* Rimuove l’icona che causa lo strabordo */
.woocommerce-message .button.wc-forward:after {
    content: none !important;
}


/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 480px) {
    .woocommerce-message {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .woocommerce-message .button.wc-forward {
        width: 100%;
        text-align: center;
    }
}



/* PAGINE CATEGORIA PRODOTTO */

/* Stile breadcrumb nelle categorie prodotto */
.tax-product_cat .woocommerce-breadcrumb {
    font-size: 14px;
    color: #415175;
    line-height: 1.4;
}

/* Link breadcrumb */
.tax-product_cat .woocommerce-breadcrumb a {
    color: #D8613C;
    text-decoration: none;
    transition: color .2s ease;
}

.tax-product_cat .woocommerce-breadcrumb a:hover {
    color: #415175;
}

/* PAGINE INTERNE COME CHI SIAMO */


/* =========================
   DESKTOP — altezza minima
   ========================= */
.et_pb_row.scacchiera-row {
    min-height: 450px;
}

/* Colonne: contenuto centrato verticalmente + sfondo cover */
.et_pb_row.scacchiera-row .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* =========================
   MOBILE — colonne a blocco
   ========================= */
@media (max-width: 980px) {

    /* Le colonne diventano blocchi normali */
    .et_pb_row.scacchiera-row .et_pb_column {
        display: block;
        min-height: 350px;
    }}

@media screen and (max-width: 980px) {
.et_pb_row.scacchiera-row.pari {
	display: flex;
    flex-direction: column-reverse;
}}


/* NINJA FORMS */

/* Rimuove stringa campi obbligatori */

.nf-form-fields-required {
  display: none;
}

/* ============================
   STILE GENERALE DEL FORM
   ============================ */
.nf-form-content {
    max-width: 600px;
    margin: 0 auto;
}

/* Spaziatura tra i campi */
.nf-field-container {
    margin-bottom: 22px;
}

/* ============================
   LABEL
   ============================ */
.nf-field-label label {
    font-size: 15px;
    font-weight: 600;
    color: #415175; /* Blu antracite */
    margin-bottom: 6px;
    display: block;
}

/* Asterisco richiesto */
.ninja-forms-req-symbol {
    color: #D8613C; /* Ocra */
    font-weight: 700;
}

/* ============================
   INPUT & TEXTAREA
   ============================ */
.nf-field-element input.ninja-forms-field,
.nf-field-element textarea.ninja-forms-field {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #949494; /* Grigio chiaro */
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    color: #5F5F5F; /* Grigio scuro */
    transition: all .25s ease;
}

/* Hover & Focus */
.nf-field-element input.ninja-forms-field:focus,
.nf-field-element textarea.ninja-forms-field:focus {
    border-color: #D8613C; /* Ocra */
    box-shadow: 0 0 0 2px rgba(216, 97, 60, 0.25);
    outline: none;
}

/* Textarea più alta */
textarea.ninja-forms-field {
    min-height: 140px;
    resize: vertical;
}

/* ============================
   ERRORI
   ============================ */
.nf-error-wrap {
    margin-top: 6px;
    font-size: 13px;
    color: #D8613C; /* Ocra */
}

.nf-error {
    border-left: 3px solid #D8613C;
    padding-left: 8px;
}

/* ============================
   BOTTONE INVIA
   ============================ */
#nf-field-4 {
    background: #D8613C; /* Ocra */
    color: #fff;
    border: none;
    padding: 14px 26px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all .25s ease;
    width: 100%;
}

/* Hover */
#nf-field-4:hover {
    background: #415175; /* Blu antracite */
}

/* Focus */
#nf-field-4:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(65, 81, 117, 0.25);
}

/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 480px) {
    .nf-form-content {
        padding: 0 10px;
    }
}


/* PAGINA CARRELLO */

/* ============================
   STILE GENERALE CARRELLO
   ============================ */

.wp-block-woocommerce-cart {
    font-family: inherit;
    color: #415175;
}

/* ============================
   TABELLA PRODOTTI
   ============================ */

.wp-block-woocommerce-cart table.wc-block-cart-items {
    border: 1px solid #415175 !important;
    background: #f4f4f4 !important;
    border-radius: 0;
    width: 100%;
}

/* Header tabella */
.wp-block-woocommerce-cart .wc-block-cart-items__header th {
    background: #FFE5D9;
    color: #415175;
    font-weight: 600;
    padding: 12px;
}

/* Nome prodotto */
.wp-block-woocommerce-cart .wc-block-components-product-name {
    color: #415175;
    font-weight: 600;
    font-size: 16px;
}

/* Prezzi */
.wp-block-woocommerce-cart .wc-block-components-product-price__value {
    color: #5F5F5F;
    font-weight: 600;
}

/* Prezzo barrato */
.wp-block-woocommerce-cart del.wc-block-components-product-price__regular {
    color: #949494;
}

/* Badge sconto */
.wp-block-woocommerce-cart .wc-block-components-sale-badge {
    background: #D8613C;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

/* Padding colonna immagine su desktop */
@media (min-width: 981px) {
    .wp-block-woocommerce-cart .wc-block-cart-items__header-image {
        padding-left: 30px !important;
    }
}

/* ============================
   RESET BORDI
   ============================ */

.wp-block-woocommerce-cart .wc-block-cart-items__row,
.wp-block-woocommerce-cart .wc-block-cart-items__row *,
.wp-block-woocommerce-cart .wc-block-cart-items__header,
.wp-block-woocommerce-cart .wc-block-cart-items__header * {
    border: none !important;
    border-color: transparent !important;
}

/* ============================
   BORDI ORIZZONTALI INTERNI
   ============================ */

.wp-block-woocommerce-cart .wc-block-cart-items__header {
    border-bottom: 1px solid #415175 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items__row {
    border-bottom: 1px solid #415175 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items__row:last-child {
    border-bottom: none !important;
}

/* ============================
   QUANTITÀ
   ============================ */

.wp-block-woocommerce-cart .wc-block-components-quantity-selector__input {
    background-color: #ffffff !important;
    border: 1px solid #949494 !important;
    color: #415175;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button {
    background: #FFE5D9;
    color: #415175;
    border: 1px solid #949494;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button:hover {
    background: #D8613C;
    color: #fff;
}

/* ============================
   RIMUOVI ARTICOLO
   ============================ */

.wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
    color: #D8613C;
    font-weight: 600;
    font-size: 14px;
    text-decoration: underline;
}

.wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover {
    color: #415175;
}

/* ============================
   SIDEBAR TOTALI
   ============================ */

.wp-block-woocommerce-cart .wc-block-cart__sidebar {
    background: #FFE5D9;
    padding: 20px;
    border-left: 4px solid #D8613C;
}

.wp-block-woocommerce-cart .wc-block-cart__totals-title {
    color: #415175;
    font-weight: 700;
    margin-bottom: 15px;
}

.wp-block-woocommerce-cart .wc-block-components-totals-item__label {
    color: #415175;
    font-weight: 600;
}

.wp-block-woocommerce-cart .wc-block-components-totals-item__value {
    color: #5F5F5F;
    font-weight: 700;
}

/* ============================
   PULSANTE CHECKOUT
   ============================ */

.wp-block-woocommerce-cart .wc-block-cart__submit-button {
    background: #415175 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 14px 20px !important;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover {
    background: #D8613C !important;
}

/* ============================
   RESPONSIVE
   ============================ */

@media (max-width: 768px) {
    .wp-block-woocommerce-cart .wc-block-cart__sidebar {
        border-left: none;
        border-top: 4px solid #D8613C;
        margin-top: 20px;
    }
}

/* ============================
   MOBILE — Padding uniforme + larghezze allineate
   ============================ */

@media (max-width: 767px) {

    /* Tabella prodotti */
    .wc-block-cart-items {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Celle */
    .wc-block-cart-items__row > td,
    .wc-block-cart-items__header th {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Sidebar (riepilogo) */
    .wc-block-cart__sidebar,
    .wp-block-woocommerce-cart-order-summary-block {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Pulsante che rimanda al checkout */
    .wc-block-cart__submit-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}



/* ============================
   CHECKOUT — STILE GENERALE
   ============================ */

.wp-block-woocommerce-checkout {
    font-family: inherit;
    color: #415175;
    max-width: 1080px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

/* ============================
   CARD DELLE SEZIONI (Billing, Shipping, Payment)
   ============================ */

.wc-block-checkout__form,
.wc-block-components-checkout-step {
    background: #FFE5D9 !important;
    border: 1px solid #D8613C !important;
    padding: 20px !important;
    border-radius: 0 !important;
    margin-bottom: 25px !important;
}

/* Titoli delle sezioni */
.wc-block-components-checkout-step__heading,
.wc-block-components-title {
    color: #415175 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    margin-bottom: 15px !important;
}

/* ============================
   LABEL E CAMPI
   ============================ */

/* Label */
.wc-block-components-text-input label,
.wc-block-components-select label {
    color: #415175 !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

/* Input, select, textarea */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-textarea textarea {
    background: #ffffff !important;
    border: 1px solid #949494 !important;
    color: #415175 !important;
    border-radius: 0 !important;
    padding: 10px !important;
    font-size: 15px !important;
}

/* Errori */
.wc-block-components-validation-error {
    color: #D8613C !important;
    font-weight: 600 !important;
}

/* Aumenta lo spazio interno dell’input quando la label è attiva */
.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:not(:placeholder-shown) {
    padding-top: 20px !important;
}


/* ============================
   RIEPILOGO ORDINE (Order Summary)
   ============================ */

.wc-block-checkout__sidebar {
    background: #FFE5D9 !important;
    border-left: 4px solid #D8613C !important;
    padding: 20px !important;
}

/* Titolo riepilogo */
.wc-block-components-order-summary__title {
    color: #415175 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

/* Etichette */
.wc-block-components-order-summary-item__label {
    color: #415175 !important;
    font-weight: 600 !important;
}

/* Valori */
.wc-block-components-order-summary-item__value {
    color: #5F5F5F !important;
    font-weight: 700 !important;
}

/* ============================
   PULSANTE "EFFETTUA ORDINE"
   ============================ */

.wc-block-components-checkout-place-order-button {
    background: #415175 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 14px 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    width: 100% !important;
    text-align: center !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background: #D8613C !important;
}

/* ============================
   RESPONSIVE — MOBILE
   ============================ */

@media (max-width: 767px) {

    /* Padding generale */
    .wp-block-woocommerce-checkout {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Card */
    .wc-block-components-checkout-step,
    .wc-block-checkout__sidebar {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Pulsante */
    .wc-block-components-checkout-place-order-button {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ============================
   CONTENITORE SOLO PER PAGINE ACCOUNT E INTERNE WC
   (NON tocca header, footer, né Divi)
   ============================ */

.woocommerce-account .woocommerce,
.woocommerce-view-order .woocommerce,
.woocommerce-edit-address .woocommerce,
.woocommerce-orders .woocommerce,
.woocommerce-order-received .woocommerce,
.woocommerce-lost-password .woocommerce {
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
}

/* Pulsante Salva le modifiche (Account WooCommerce) */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button[name="save_account_details"],
.woocommerce-account button[name="save_address"],
.woocommerce-account button[type="submit"] {
    background: #415175 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 15px;
    margin-top: 16px;
}

/* Hover */
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button[name="save_account_details"]:hover,
.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account button[type="submit"]:hover {
    background: #D8613C !important;
    color: #ffffff !important;
}

/* Rimuove l'icona che appare all'hover nei pulsanti WooCommerce */
.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button:hover::after,
.woocommerce #respond input#submit:hover::after,
.woocommerce-account .woocommerce-Button:hover::after {
    display: none !important;
    content: none !important;
}






/* STILI DEL FOOTER */

/* Riga loghi */
.urc-loghi {
  display: flex;
  align-items: baseline;
  flex-direction: row;
  justify-content: center;
  gap: 40px;

}

@media (max-width: 980px) {
  .urc-loghi {
    flex-direction: column;
    align-items:
    center; gap: 20px;}
}

/* STILI PER MOBILE NECESSARI ALLA CORRETTA IMPAGINAZIONE DELL'HEADER - RIMUOVE SPAZI BIANCHI ECC. */


@media (max-width: 980px) {

  /* Disattiva completamente la variabile */
  :root {
    --header-height: 0px !important;
  }

  /* Header mobile = 60px */
  .mobile-header-row {
    min-height: 60px !important;
    height: 60px !important;
  }

  /* Spinge il contenuto sotto l’header */
  body {
    padding-top: 60px !important;
  }

  /* Sliderhero: elimina lo spazio bianco */
  .sliderhero {
    padding-top: 60px !important;
    height: calc(100vh - 60px) !important;
    width: 100% !important;
  }

  /* Intestazioni pagine: elimina lo spazio bianco */
  .intestazione-hero {
    padding-top: 60px !important;
    height: auto !important;
    min-height: 180px !important;
  }

  /* Tendina mobile allineata al nuovo header */
  .mobile-header-menu .et_mobile_menu {
    top: 60px !important;
  }
}

/* STILI PER VISUALIZZAZIONE BADGE QUANTITÀ CARRELLO WOOCOMMERCE */

@media (max-width: 980px) {

  /* L’icona carrello diventa il riferimento */
  .mobile-header-menu .et_pb_menu__cart-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  }

  /* Override degli stili desktop del badge */
  @media (max-width: 980px) {
  .mobile-header-menu .et_pb_menu__cart-count {
    position: absolute !important;
    top: -6px;
    right: -6px;
    margin: 0 !important;
    width: 18px;        /* larghezza fissa */
    height: 18px;       /* stessa altezza = cerchio perfetto */
    font-size: 10px;
    background-color: #fff;
    color: #415175;
    border-radius: 50%;
    border: 1px solid #415175;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 0 !important;   /* fondamentale */
  }
}