/**
 * pizzait-pizzaioli.css — Griglia "Aiuto pizzaioli" ([pizzaioli_garantiti]).
 * ORIGINALE recuperato dal vecchio listingpro-child/functions.php
 * (funzione pizza_it_print_pizzaioli_assets, <style id="pg-shortcode-inline-css">).
 * Brand: rosso #d94b38.
 */

.pg-wrap{
    width:100% !important;
    max-width:1320px !important;
    margin:0 auto !important;
    padding:0 16px !important;
    box-sizing:border-box !important;
}

.pg-header{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:20px !important;
    margin-bottom:22px !important;
}

.pg-main-title{
    margin:0 0 6px !important;
    color:#2d2d2d !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
}

.pg-main-subtitle{
    margin:0 !important;
    color:#666 !important;
    font-size:16px !important;
    line-height:1.5 !important;
}

.pg-count{
    flex:0 0 auto !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    background:#fff4f1 !important;
    color:#d94b38 !important;
    font-size:14px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}

.pg-search-form{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-bottom:28px !important;
    padding:16px !important;
    background:#fff !important;
    border:1px solid #eee7e2 !important;
    border-radius:20px !important;
    box-shadow:0 8px 22px rgba(0,0,0,.04) !important;
}

.pg-search-input{
    flex:1 1 auto !important;
    width:100% !important;
    min-height:46px !important;
    padding:0 16px !important;
    border:1px solid #e4ddd8 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:15px !important;
    outline:none !important;
    box-shadow:none !important;
}

.pg-search-input:focus{
    border-color:#d94b38 !important;
}

.pg-search-button,
.pg-search-reset{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    cursor:pointer !important;
}

.pg-search-button{
    border:1px solid #d94b38 !important;
    background:#d94b38 !important;
    color:#fff !important;
}

.pg-search-button:hover{
    background:#bd3f2f !important;
    border-color:#bd3f2f !important;
    color:#fff !important;
}

.pg-search-reset{
    border:1px solid #eee7e2 !important;
    background:#fff !important;
    color:#555 !important;
}

.pg-search-reset:hover{
    border-color:#d94b38 !important;
    color:#d94b38 !important;
}

.pg-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:28px !important;
    width:100% !important;
    align-items:start !important;
}

.pg-card{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    background:#fff !important;
    border:1px solid #eee7e2 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    box-shadow:0 10px 26px rgba(0,0,0,.05) !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
}

.pg-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.08) !important;
}

.pg-card-media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:16/10 !important;
    background:#f4f4f4 !important;
    overflow:hidden !important;
}

.pg-card-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.pg-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    background:#d94b38 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

.pg-badge-overlay{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    right:auto !important;
    z-index:5 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:none !important;
}

.pg-card:hover .pg-badge,
.pg-card:hover .pg-badge-overlay,
.pg-card-media:hover .pg-badge,
.pg-card-media:hover .pg-badge-overlay{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

.pg-card-body{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    padding:22px !important;
}

.pg-card-top{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

.pg-card-title{
    margin:0 !important;
    font-size:25px !important;
    line-height:1.15 !important;
    color:#2d2d2d !important;
    word-break:break-word !important;
    font-weight:800 !important;
}

.pg-info-summary{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:2px !important;
}

.pg-info-pill{
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:#fff4f1 !important;
    color:#b63f30 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:700 !important;
}

.pg-details-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:flex-start !important;
    min-height:40px !important;
    padding:0 15px !important;
    border:1px solid #d94b38 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#d94b38 !important;
    font-size:14px !important;
    font-weight:800 !important;
    cursor:pointer !important;
    transition:all .2s ease !important;
}

.pg-details-toggle:hover{
    background:#d94b38 !important;
    color:#fff !important;
}

.pg-details{
    flex-direction:column !important;
    gap:16px !important;
    margin-top:4px !important;
    padding-top:16px !important;
    border-top:1px solid #f1ece7 !important;
}

.pg-details.is-open{
    display:flex !important;
}

.pg-section{
    padding-top:0 !important;
}

.pg-label{
    margin-bottom:8px !important;
    color:#d94b38 !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
}

.pg-text{
    color:#555 !important;
    font-size:15px !important;
    line-height:1.65 !important;
}

.pg-text p{
    margin:0 0 10px !important;
}

.pg-text p:last-child{
    margin-bottom:0 !important;
}

.pg-experience-list ul{
    margin:0 !important;
    padding-left:22px !important;
    list-style:disc outside !important;
}

.pg-experience-list li{
    display:list-item !important;
    margin:0 0 7px !important;
    padding-left:2px !important;
    list-style:disc outside !important;
}

.pg-experience-list li::marker{
    color:#d94b38 !important;
}

.pg-phone-link{
    color:#d94b38 !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

.pg-phone-link:hover{
    text-decoration:underline !important;
}

.pg-pagination{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin-top:42px !important;
}

.pg-page-info{
    flex-basis:100% !important;
    text-align:center !important;
    margin-bottom:8px !important;
    color:#666 !important;
    font-size:14px !important;
    font-weight:700 !important;
}

.pg-pagination .page-numbers{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:38px !important;
    height:38px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    border:1px solid #eee7e2 !important;
    background:#fff !important;
    color:#333 !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.pg-pagination .page-numbers.current{
    background:#d94b38 !important;
    border-color:#d94b38 !important;
    color:#fff !important;
}

.pg-pagination .page-numbers:hover{
    border-color:#d94b38 !important;
    color:#d94b38 !important;
}

.pg-pagination .page-numbers.current:hover{
    color:#fff !important;
}

.pg-pagination .disabled{
    opacity:.45 !important;
    pointer-events:none !important;
}

.pg-empty{
    padding:28px !important;
    border:1px solid #eee7e2 !important;
    border-radius:20px !important;
    background:#fff !important;
    text-align:center !important;
}

.pg-empty p{
    margin:0 0 14px !important;
    color:#555 !important;
    font-size:16px !important;
}

.pg-reset-link{
    color:#d94b38 !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

.pg-reset-link:hover{
    text-decoration:underline !important;
}

@media (max-width:1024px){
    .pg-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .pg-main-title{
        font-size:30px !important;
    }
}

@media (max-width:767px){
    .pg-wrap{
        padding:0 12px !important;
    }
    .pg-header{
        flex-direction:column !important;
        align-items:flex-start !important;
    }
    .pg-main-title{
        font-size:27px !important;
    }
    .pg-count{
        white-space:normal !important;
    }
    .pg-search-form{
        flex-direction:column !important;
        align-items:stretch !important;
        padding:14px !important;
    }
    .pg-search-button,
    .pg-search-reset{
        width:100% !important;
    }
    .pg-grid{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }
    .pg-card-title{
        font-size:22px !important;
    }
    .pg-card-body{
        padding:18px !important;
    }
    .pg-card-media{
        aspect-ratio:16/11 !important;
    }
    .pg-badge-overlay{
        top:12px !important;
        left:12px !important;
    }
    .pg-badge{
        font-size:12px !important;
        padding:7px 11px !important;
    }
    .pg-pagination .page-numbers{
        min-width:36px !important;
        height:36px !important;
        padding:0 10px !important;
    }
}
