/* =====================================================
   IBRICO - SINGLE PRODUCT
   PARTE 1/3
   Layout + Galleria
===================================================== */

:root{

    --ibrico-blue:#072f5f;
    --ibrico-red:#e30613;
    --ibrico-yellow:#ffcc00;
    --ibrico-border:#e7e7e7;
    --ibrico-bg:#f8f9fb;

}

/* ===============================
   PAGINA
================================ */

.ibrico-product-page{

    max-width:1600px;
    margin:50px auto;
    padding:0 20px;

}

/* ===============================
   LAYOUT
================================ */

.ibrico-layout{

    display:grid;
    grid-template-columns:48% 52%;
    gap:50px;
    align-items:flex-start;

}

/* ===============================
   GALLERIA
================================ */

.ibrico-gallery{

    position:sticky;
    top:25px;

}

/* ===============================
   FOTO PRINCIPALE
================================ */

.ibrico-main-image{

    width:100%;
    background:#fff;
    border:1px solid var(--ibrico-border);
    border-radius:18px;
    overflow:hidden;
    padding:25px;

}

.ibrico-main-image img{

    display:block;
    width:100%;
    height:auto;
    object-fit:contain;

}

/* ===============================
   MINIATURE
================================ */

.ibrico-thumbnails{

    display:flex;
    gap:14px;
    margin-top:18px;
    overflow-x:auto;
    padding-bottom:6px;

}

.ibrico-thumbnails::-webkit-scrollbar{

    height:8px;

}

.ibrico-thumbnails::-webkit-scrollbar-thumb{

    background:#d5d5d5;
    border-radius:20px;

}

.ibrico-thumb{

    width:95px;
    min-width:95px;
    height:95px;

    object-fit:contain;

    background:#fff;

    border:2px solid transparent;

    border-radius:12px;

    padding:6px;

    cursor:pointer;

    transition:.25s;

}

.ibrico-thumb:hover{

    border-color:var(--ibrico-yellow);

    transform:translateY(-3px);

}

.ibrico-thumb.active{

    border-color:var(--ibrico-red);

}

/* ===============================
   IMMAGINI
================================ */

.ibrico-gallery img{

    user-select:none;
    -webkit-user-drag:none;

}

/* ===============================
   ELIMINA GALLERIA WC
================================ */

.woocommerce-product-gallery{

    display:none !important;

}

.flex-control-nav,
.flex-control-thumbs,
.flex-viewport{

    display:none !important;

}
/* =====================================================
   IBRICO - SINGLE PRODUCT
   PARTE 2/3
   Colonna destra
===================================================== */

/* ===============================
   COLONNA DESTRA
================================ */

.ibrico-product-content{

    display:flex;
    flex-direction:column;
    gap:22px;

}

/* ===============================
   TITOLO
================================ */

.ibrico-title{

    margin:0;

    font-size:38px;

    line-height:1.15;

    font-weight:800;

    color:var(--ibrico-blue);

}

/* ===============================
   RECENSIONI
================================ */

.ibrico-rating{

    display:flex;

    align-items:center;

    gap:10px;

}

.ibrico-rating .star-rating{

    margin:0;

}

.ibrico-rating .woocommerce-review-link{

    color:#666;

    text-decoration:none;

    font-weight:600;

}

/* ===============================
   PREZZO
================================ */

.ibrico-price{

    display:flex;

    align-items:center;

}

.ibrico-price .price{

    margin:0;

    font-size:42px;

    font-weight:800;

    color:var(--ibrico-red);

}

.ibrico-price del{

    color:#999;

    margin-right:10px;

}

.ibrico-price ins{

    text-decoration:none;

}

/* ===============================
   DISPONIBILITA'
================================ */

.ibrico-stock{

    font-size:16px;

    font-weight:700;

}

.ibrico-stock .in-stock{

    color:#22a447;

}

.ibrico-stock .out-of-stock{

    color:#d60000;

}

/* ===============================
   DESCRIZIONE
================================ */

.ibrico-description{

    font-size:17px;

    line-height:1.8;

    color:#444;

}

/* ===============================
   BOX ACQUISTO
================================ */

.ibrico-buybox{

    background:#fff;

    border:1px solid var(--ibrico-border);

    border-radius:18px;

    padding:25px;

}

/* ===============================
   QUANTITA'
================================ */

.quantity{

    margin-bottom:20px !important;

}

.quantity .qty{

    width:80px !important;

    height:52px !important;

    border-radius:10px;

    border:1px solid #ddd;

    text-align:center;

    font-size:18px;

}

/* ===============================
   PULSANTE CARRELLO
================================ */

.single_add_to_cart_button{

    width:100%;

    height:58px;

    border-radius:12px !important;

    background:var(--ibrico-yellow) !important;

    color:var(--ibrico-blue) !important;

    font-size:18px !important;

    font-weight:800 !important;

    transition:.25s;

}

.single_add_to_cart_button:hover{

    background:#ffd633 !important;

    transform:translateY(-2px);

}

/* ===============================
   WHATSAPP
================================ */

.ibrico-whatsapp{

    display:block;

    margin-top:18px;

    padding:16px;

    text-align:center;

    background:#25D366;

    color:#fff !important;

    border-radius:12px;

    text-decoration:none;

    font-size:16px;

    font-weight:800;

    transition:.25s;

}

.ibrico-whatsapp:hover{

    background:#1db954;

}

/* ===============================
   SERVIZI
================================ */

.ibrico-features{

    display:grid;

    gap:15px;

}

.ibrico-feature{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    border:1px solid var(--ibrico-border);

    border-radius:14px;

    padding:18px;

}

.ibrico-icon{

    width:46px;

    height:46px;

    border-radius:50%;

    background:var(--ibrico-bg);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.ibrico-feature strong{

    color:var(--ibrico-blue);

    display:block;

    margin-bottom:4px;

}

.ibrico-feature div:last-child{

    color:#555;

    line-height:1.5;

}
/* =====================================================
   IBRICO - SINGLE PRODUCT
   PARTE 3/3
   Tabs - Correlati - Responsive
===================================================== */

/* ===============================
   META PRODOTTO
================================ */

.ibrico-product-meta{

    margin-top:25px;
    padding-top:20px;
    border-top:1px solid var(--ibrico-border);

}

.ibrico-product-meta .product_meta{

    display:flex;
    flex-direction:column;
    gap:10px;
    color:#555;
    font-size:15px;

}

.ibrico-product-meta a{

    color:var(--ibrico-blue);
    text-decoration:none;
    font-weight:700;

}

.ibrico-product-meta a:hover{

    color:var(--ibrico-red);

}

/* ===============================
   TABS
================================ */

.ibrico-tabs{

    margin-top:60px;

}

.woocommerce-tabs{

    background:#fff;
    border:1px solid var(--ibrico-border);
    border-radius:18px;
    padding:30px;

}

.woocommerce-tabs ul.tabs{

    display:flex !important;
    gap:12px;
    flex-wrap:wrap;
    border:none !important;
    margin-bottom:25px !important;
    padding:0 !important;

}

.woocommerce-tabs ul.tabs::before{

    display:none !important;

}

.woocommerce-tabs ul.tabs li{

    list-style:none !important;
    border:none !important;
    background:none !important;
    margin:0 !important;
    padding:0 !important;

}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after{

    display:none !important;

}

.woocommerce-tabs ul.tabs li a{

    display:block;
    padding:14px 22px;
    border-radius:12px;
    background:#f5f5f5;
    color:var(--ibrico-blue) !important;
    text-decoration:none;
    font-weight:700;

}

.woocommerce-tabs ul.tabs li.active a{

    background:var(--ibrico-blue);
    color:#fff !important;

}

.woocommerce-Tabs-panel{

    padding:25px 0 0 0;
    border:none;
    margin:0;

}

/* ===============================
   CORRELATI
================================ */

.ibrico-related{

    margin-top:70px;

}

.ibrico-related-title{

    font-size:34px;
    color:var(--ibrico-blue);
    margin-bottom:30px;
    font-weight:800;

}

.related.products ul.products{

    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:25px;

}

.related.products li.product{

    width:100% !important;
    margin:0 !important;
    padding:20px;
    border:1px solid var(--ibrico-border);
    border-radius:16px;
    background:#fff;
    transition:.25s;

}

.related.products li.product:hover{

    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.related.products li.product img{

    width:100%;
    height:auto;

}

/* ===============================
   RESPONSIVE
================================ */

@media(max-width:1200px){

    .ibrico-layout{

        grid-template-columns:1fr;
        gap:35px;

    }

    .ibrico-gallery{

        position:relative;
        top:auto;

    }

}

@media(max-width:768px){

    .ibrico-product-page{

        padding:0 15px;

    }

    .ibrico-title{

        font-size:30px;

    }

    .ibrico-price .price{

        font-size:34px;

    }

    .ibrico-main-image{

        padding:15px;

    }

    .ibrico-thumb{

        width:75px;
        min-width:75px;
        height:75px;

    }

    .related.products ul.products{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:480px){

    .ibrico-title{

        font-size:26px;

    }

    .ibrico-price .price{

        font-size:30px;

    }

    .woocommerce-tabs{

        padding:20px;

    }

    .woocommerce-tabs ul.tabs{

        flex-direction:column;

    }

    .woocommerce-tabs ul.tabs li a{

        text-align:center;

    }

    .related.products ul.products{

        grid-template-columns:1fr;

    }

}

/* ===============================
   ANIMAZIONI
================================ */

.ibrico-main-image img{

    transition:.25s ease;

}

.ibrico-thumb{

    transition:.25s ease;

}

.single_add_to_cart_button,
.ibrico-whatsapp{

    transition:.25s ease;

}
/* ===============================
   SERVIZI ORIZZONTALI
================================ */

.ibrico-services{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:25px;

}

.ibrico-service{

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;

    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:14px;

    padding:20px;

    transition:.25s;

}

.ibrico-service:hover{

    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.ibrico-service-icon{

    font-size:42px;
    margin-bottom:15px;

}

.ibrico-service strong{

    display:block;
    margin-bottom:8px;

    color:#072f5f;

    font-size:17px;

}

.ibrico-service p{

    margin:0;

    color:#666;

    font-size:14px;

    line-height:1.5;

}