/* ==========================================
   POST VENDITA
   ========================================== */

.gp-postvendita {
    margin-top      : 50px;
    padding         : 32px;

    /** background      : #f3f1ec; */ 
    background      : transparent; 
    border-radius   : 12px;

}


.gp-postvendita-grid {
    display               : grid;
    grid-template-columns : repeat(4, minmax(0, 1fr));
    gap                   : 5px;
}

.gp-postvendita-card {
    display       : flex;
    align-items   : flex-start;

    gap           : 15px;

    min-height    : auto;
    min-height    : 180px;

    padding       : 16px;
    padding-top   : 30px;

    background    : #f8f8f8;
    background    : #f3f1ec;  

    border        : 1px solid #ececec;
    border-radius : 16px;
    transition    : all 0.25s ease;
}




.gp-postvendita-icon {

    width           : 56px;
    height          : 56px;

    display         : flex;
    align-items     : center;
    justify-content : center;

    flex-shrink     : 0;

    color           : var(--odoo-brand-accent);
}


.gp-postvendita-icon i:before {
    color: #ff5f1f !important;
}


.gp-postvendita-icon i {
    font-size : 42px;
}

.gp-postvendita-content {
    display : grid;
    gap     : 8px;
}

.gp-postvendita-title {
    margin      : 0;
    font-size   : 24px;
    font-weight : 400;
    line-height : 1.25;
    color       : #222;
}

.gp-postvendita-text {
    margin      : 0;
    font-size   : 16px;
    line-height : 1.55;
    color       : #555;
}

/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 992px) {

    .gp-postvendita-grid {

        grid-template-columns : repeat(2, minmax(0, 1fr));
        gap                   : 30px;
    }
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 768px) {

    .gp-postvendita {

        padding : 24px;
    }

    .gp-postvendita-grid {

        grid-template-columns : 1fr;
        gap                   : 24px;
    }

    .gp-postvendita-icon {

        width  : 48px;
        height : 48px;
    }

    .gp-postvendita-icon i {

        font-size : 34px;
    }
}