/*
 * Comments Compact - Layout identico al vecchio sito
 * Scoped solo per sezione commenti
 */

/* ========================================
   PUNTO 2: COMMENTI COMPATTI
======================================== */

/* Riduci spazio sopra commenti */
.ve-comments-area {
    margin-top: 50px;  /* era 80px */
    padding-top: 40px;  /* era 60px */
}

/* Blocco Staff Coaching Academy SOPRA i commenti */
.ve-comment-intro {
    margin-bottom: 40px;  /* Spazio prima commenti */
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;  /* Separatore */
}

.ve-comment-intro-title {
    font-size: 24px;
    margin-bottom: 15px;
}

.ve-comment-intro-text {
    font-size: 15px;
    line-height: 1.6;
}

/* Lista commenti esistenti più compatta */
.ve-comments-title {
    font-size: 22px;
    margin: 0 0 25px 0;
}

.ve-comments-list {
    margin: 0 0 35px 0;
}

.ve-comments-list .comment {
    padding: 20px 0;
}

/* Titolo form (DOPO i commenti) */
.ve-comment-reply-title {
    font-size: 24px;
    margin: 40px 0 15px 0;  /* Spazio sopra dopo commenti */
    padding-top: 35px;
    border-top: 1px solid #e0e0e0;  /* Separatore */
}

/* ========================================
   LINK COMMENTI: ORO (NON BLU)
======================================== */

/* Tutti i link nella sezione commenti */
.ve-comments-area a,
.ve-comment-metadata a,
.ve-comment-author a,
.ve-comment-reply-link,
.comment-reply-link,
.comment-author a {
    color: #B28E3A !important;  /* ORO come articoli */
    text-decoration: none !important;
}

.ve-comments-area a:hover,
.ve-comment-metadata a:hover,
.ve-comment-reply-link:hover,
.comment-reply-link:hover,
.comment-author a:hover {
    color: #8b6d2c !important;  /* ORO SCURO */
    text-decoration: underline !important;
}


/* ========================================
   COMMENTI: LAYOUT COME VECCHIO SITO
======================================== */

/* Header commento: autore + data */
.comment-header,
.ve-comment-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

/* Autore commento */
.comment-author,
.ve-comment-author {
    font-size: 16px;
    font-weight: 600;
}

/* Data/metadata ALLINEATA A DESTRA */
.comment-metadata,
.ve-comment-metadata {
    font-size: 14px;
    color: #666;
    text-align: right;
    margin-left: auto;
}

/* Contenuto commento */
.comment-content,
.ve-comment-content {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 10px;
}

/* Link reply */
.comment-reply-link,
.ve-comment-reply-link {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}



/* ========================================
   PUNTO 4B: COMMENT FORM MOBILE COMPATTO
======================================== */

@media (max-width: 768px) {
    
    /* Sezione commenti mobile */
    .ve-comments-area {
        margin-top: 35px;
        padding-top: 30px;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Blocco intro ancora più compatto mobile */
    .ve-comment-intro {
        margin-bottom: 25px;
        padding-bottom: 20px;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .ve-comment-intro-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .ve-comment-intro-text {
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* Titolo form mobile */
    .ve-comment-reply-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    /* Nota privacy mobile LEGGIBILE */
    .ve-comment-notes {
        font-size: 13px !important;  /* AUMENTATO da 12px */
        margin-bottom: 15px;
    }
    
    /* FORM COMMENTI: DENTRO VIEWPORT + LEGGIBILE */
    .ve-comment-form {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .ve-comment-form p {
        margin-bottom: 12px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .ve-comment-form label {
        font-size: 14px !important;  /* AUMENTATO da 13px */
        margin-bottom: 6px;
        display: block;
    }
    
    /* INPUT FORM: DENTRO VIEWPORT + LEGGIBILI */
    .ve-comment-form input[type="text"],
    .ve-comment-form input[type="email"],
    .ve-comment-form input[type="url"],
    .ve-comment-form textarea {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 14px !important;  /* AUMENTATO */
        font-size: 15px !important;  /* AUMENTATO da 14px */
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    .ve-comment-form textarea {
        min-height: 130px !important;
        max-width: 100% !important;
    }
    
    /* Pulsante submit mobile LEGGIBILE */
    .ve-comment-submit {
        width: 100% !important;
        padding: 14px 20px !important;  /* AUMENTATO */
        font-size: 15px !important;  /* AUMENTATO da 14px */
        box-sizing: border-box !important;
    }
    
    /* Lista commenti mobile */
    .ve-comments-title {
        font-size: 28px !important;  /* 1.5x più grande (era 18px) */
        margin-bottom: 20px !important;
        font-weight: 700 !important;
    }
    
    /* LINK COMMENTI: ORO NON BLU */
    .ve-comments-area a,
    .ve-comment-metadata a,
    .ve-comment-author a,
    .ve-comment-reply-link,
    .comment-reply-link {
        color: #B28E3A !important;  /* ORO */
        text-decoration: none !important;
    }
    
    .ve-comments-area a:hover,
    .ve-comment-metadata a:hover,
    .ve-comment-reply-link:hover {
        color: #8b6d2c !important;  /* ORO SCURO */
        text-decoration: underline !important;
    }
    
    .ve-comments-list {
        margin-bottom: 25px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .ve-comments-list .comment {
        padding: 15px 0;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Titolo "Lascia un commento" PIÙ GRANDE */
    .ve-comment-reply-title {
        font-size: 28px !important;  /* 1.4x più grande (era 20px) */
        font-weight: 700 !important;
    }
}