/* ==========================================================================
   Wone - Modern Card Layout (Matches Food Truck Cards)
   ========================================================================== */

/* Definizione Colori e Variabili Globali */
:root {
    --ft-primary-blue: #47a0a4; /* Il blu dei tuoi bottoni "VAI AL MENU" */
    --ft-grey: #666; /* Il grigio dei dettagli delle schede */
    --ft-card-shadow: 0 4px 15px rgba(0,0,0,0.08); /* Ombra leggera */
}

/* --------------------------------------------------------------------------
   STILING UNIVERSALE: Campi di input e Bottoni
   -------------------------------------------------------------------------- */

/* =========================================================
   INGRANDIRE I TITOLI DEI PRODOTTI NELLA VETRINA
   ========================================================= */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 22px !important;      /* Cambia questo numero per farlo più grande o più piccolo */
    font-weight: 700 !important;     /* Rende il testo in grassetto */
    line-height: 1.3 !important;     /* Migliora lo spazio se il titolo va a capo */
    margin-bottom: 10px !important;  /* Dà un po' di respiro prima del prezzo */
}

/* Opzionale: Se vuoi una grandezza diversa solo per i cellulari */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 28px !important; 
    }
}

/* Campi di testo e Dropdown puliti e arrotondati */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
    padding: 12px 15px !important;
    transition: border-color 0.2s;
    font-size: 16px;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
    border-color: var(--ft-primary-blue) !important;
    outline: none;
}

/* Styling Bottoni per rispecchiare "VAI AL MENU" */
.woocommerce .button,
.woocommerce-page .button,
.woocommerce a.button,
.woocommerce-page a.button {
    background-color: #f7f7f7;
    color: #515151;
    border-radius: 5px !important;
    padding: 12px 25px !important;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #ccc;
    transition: all 0.3s;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
}

.woocommerce .button:hover,
.woocommerce-page .button:hover {
    background-color: #eee;
    color: #333;
}

/* Bottoni Primari (Aggiorna Carrello, Vai alla Cassa, Effettua Ordine) -> BLU */
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce #respond input#submit.alt {
    background-color: var(--ft-primary-blue) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
    opacity: 0.9;
    background-color: var(--ft-primary-blue) !important;
}

/* --------------------------------------------------------------------------
   PAGINA CARRELLO (woocommerce_cart)
   -------------------------------------------------------------------------- */

/* Wrapper principale */
.woocommerce-cart .woocommerce {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Tabella Carrello -> Card */
.woocommerce-cart table.shop_table_cart {
    border-radius: 8px;
    border: 1px solid #eee !important;
    background-color: #fff;
    box-shadow: var(--ft-card-shadow);
    border-collapse: separate !important;
    margin-bottom: 0;
}

/* Th colorati leggeri */
.woocommerce-cart table.shop_table_cart thead th {
    background-color: #f9f9f9;
    color: #333;
    font-weight: 700;
    padding: 15px !important;
}

.woocommerce-cart table.shop_table_cart td {
    padding: 20px 15px !important;
    border-top: 1px solid #eee;
}

.woocommerce-cart table.shop_table_cart .product-remove a.remove {
    color: #e74c3c !important;
    font-size: 25px !important;
    font-weight: 400;
}

.woocommerce-cart table.shop_table_cart .product-name a {
    font-weight: 700;
    color: #333;
    font-size: 18px;
}

/* Area Totali e Procedi -> Card affiancate su desktop */
@media (min-width: 992px) {
    .woocommerce-cart .cart-collaterals {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
}

.woocommerce-cart .cart_totals {
    width: 100% !important;
    float: none !important;
    border-radius: 8px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: var(--ft-card-shadow);
    padding: 30px;
}

.woocommerce-cart .cart_totals h2 {
    border-bottom: 3px solid var(--ft-primary-blue);
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 24px;
    color: #333;
}

.woocommerce-cart .cart_totals table th {
    font-weight: 700;
    color: #555;
    font-size: 16px;
}

/* Bottone Procedi al Checkout -> Grande come card button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    padding: 15px !important;
}

/* --------------------------------------------------------------------------
   PAGINA PAGAMENTO (woocommerce_checkout)
   -------------------------------------------------------------------------- */

/* Layout a due colonne su desktop */
@media (min-width: 992px) {
    .woocommerce-checkout .woocommerce {
        display: flex;
        gap: 40px;
        align-items: flex-start;
    }
    .woocommerce-checkout #customer_details {
        flex: 1;
    }
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        width: 45%;
        margin-top: 0 !important;
    }
}

/* Card Dettagli Fatturazione */
.woocommerce-checkout .col2-set {
    border-radius: 8px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: var(--ft-card-shadow);
    padding: 30px;
    width: 100% !important;
}

/* Th colorati nel riepilogo */
.woocommerce-checkout #order_review table thead th {
    background-color: #f9f9f9;
    color: #333;
    font-weight: 700;
    padding: 15px !important;
}

/* Card Riepilogo Ordine */
.woocommerce-checkout #order_review {
    border-radius: 8px;
    border: 1px solid #eee !important;
    background-color: #fff;
    box-shadow: var(--ft-card-shadow);
    padding: 30px;
    border-collapse: separate !important;
}

/* Label form pulite */
.woocommerce-checkout label {
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 15px;
}

/* Bottone Effettua Ordine speciale -> Grande */
.woocommerce-checkout #place_order {
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
    padding: 18px !important;
}
/* FIX CAMPI DI CHECKOUT SORMONTATI E STRETTI */
.woocommerce-checkout .woocommerce form .form-row,
.woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin-bottom: 20px !important;
}

.woocommerce-checkout .woocommerce form .form-row label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

.woocommerce-checkout .woocommerce form .form-row input.input-text {
    width: 100% !important;
    box-sizing: border-box !important;
}