/*
Theme Name: WebNet 2026
Theme URI: https://www.webnet-italia.com
Version: 3.6
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Description: Smart. Fast. Flexible. Beautiful. Light. WebNet WordPress Theme is the most powerful theme in our collection.
Author: Tommaso Capretti
Author URI: https://www.webnet-italia.com
Template: Divi
*/
@import url(../Divi/style.css);
/* Colore Rosso Sbiadito per Spedizione Arte */
.art-shipping-highlight {
    color: #e57373; /* Rosso sbiadito */
    font-weight: bold;
}
/* Colore Verde Sbiadito per Ritiro in Sede */
.pickup-highlight {
    color: #81c784; /* Verde sbiadito */
    font-weight: bold;
}
/* =======================================================
   CUSTOM DIVI BLOG GRID - LAYOUT ARTE
======================================================= */

:root {
    /* Variabile per il colore fucsia dell'hover - puoi cambiarlo facilmente qui */
    --bordo-hover-fucsia: #b5175a; 
}

/* 1. Struttura principale della card (Flexbox per riordinare) */
.custom-art-blog .et_pb_post {
    display: flex !important;
    flex-direction: column;
    padding: 30px !important;
    background-color: #fff;
    border: 1px solid #eaeaea;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
}

/* Effetto Hover: Bordo Fucsia */
.custom-art-blog .et_pb_post:hover {
    border-color: #7cda24;
    /* Usiamo un'ombra interna per ispessire il bordo senza causare "salti" di layout sulla griglia */
    box-shadow: inset 0 0 0 1px #7cda24; 
}

/* 2. Meta Info (Data e Categorie) - Primo elemento in alto */
.custom-art-blog .post-meta {
    order: 1; /* Sposta le info in prima posizione */
    position: relative;
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #888;
    text-transform: uppercase;
}

/* La piccola riga grigia sopra i Meta (come da tua immagine) */
.custom-art-blog .post-meta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 1px;
    background-color: #dcdcdc;
}

/* 3. Titolo - Secondo elemento */
.custom-art-blog .entry-title {
    order: 2; /* Sposta il titolo in seconda posizione */
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    /* Consigliato: assegna qui il font condensato che usi per i titoli (es. Oswald, Bebas Neue) */
    font-family: 'Oswald', 'Bebas Neue', 'Anton', sans-serif; 
}

.custom-art-blog .entry-title a {
    color: #000;
    text-decoration: none;
}

/* 4. Immagine in evidenza - Terzo elemento */
.custom-art-blog .entry-featured-image-url {
    order: 3; /* Sposta l'immagine sotto al titolo */
    margin-bottom: 20px;
    width: 100%;
}

.custom-art-blog .entry-featured-image-url img {
    width: 100%;
    height: auto;
    display: block;
}

/* 5. Contenuto (Estratto e Bottone) - Quarto elemento */
.custom-art-blog .post-content {
    order: 4;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Aiuta a spingere il bottone in basso se le card hanno altezze diverse */
}

/* Stile dell'estratto */
.custom-art-blog .post-content p {
    color: #555;
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 25px;
}

/* 6. Bottone "Continua a Leggere" */
.custom-art-blog .more-link {
    display: inline-block;
    align-self: flex-start; /* Mantiene il bottone allineato a sinistra senza prendere tutta la larghezza */
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
    color: #333 !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: transparent;
    transition: all 0.3s ease;
    margin-top: auto; /* Se le card hanno altezza fissa, questo spinge il bottone sempre in fondo */
}

.custom-art-blog .more-link:hover {
    border-color: #7cda24;
    color: #7cda24 !important;
}

/* =======================================================
   RESPONSIVE (Tablet e Mobile)
======================================================= */
@media (max-width: 768px) {
    .custom-art-blog .et_pb_post {
        padding: 20px !important; /* Riduce il padding sui dispositivi mobili */
    }
    
    .custom-art-blog .entry-title {
        font-size: 22px; /* Riduce la grandezza del titolo */
    }
}
/* =======================================================
   CUSTOM DIVI BLOG GRID - LAYOUT ARTE - FINE
======================================================= */
/* =======================================================
   CAMBIO TESTO PULSANTE "LEGGI TUTTO"
======================================================= */

/* 1. Nascondiamo il testo originale riducendo il font a 0 */
.custom-art-blog .more-link {
    font-size: 0 !important; 
}

/* 2. Inseriamo il nuovo testo e ripristiniamo la formattazione */
.custom-art-blog .more-link::after {
    content: 'CONTINUA A LEGGERE'; /* <-- Inserisci qui il testo che preferisci */
    font-size: 12px; /* Ripristiniamo la dimensione del testo visibile */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}
/* Sostituisce "Il mio account" con l'icona utente SOLO su PC (schermi sopra i 980px) */
@media all and (min-width: 981px) {
    li.menu-item-255 > a {
        font-size: 0px !important; /* Nasconde il testo "Il mio account" */
    }

    li.menu-item-255 > a::before {
        font-family: 'ETmodules' !important;
        content: '\e08a'; /* Codice dell'icona utente nativa di Divi */
        font-size: 20px !important; /* Dimensione dell'icona (puoi aumentarla o ridurla) */
        display: inline-block;
    }
}