/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
/* =========================================================
   BLACKOUT VISION™ - FULL PRODUCT PAGE CSS
   JDM DECALS HUNGARY
========================================================= */

/* HÁTTÉR */

.single-product .product-main{
    background:
        radial-gradient(circle at top center, rgba(255,45,20,.22), transparent 35%),
        linear-gradient(180deg,#050505 0%,#101010 45%,#050505 100%);
    padding:50px 0;
    overflow:hidden;
    position:relative;
}

.single-product .product-main:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.03) 0,
            rgba(255,255,255,.03) 1px,
            transparent 1px,
            transparent 9px
        );
    opacity:.5;
    pointer-events:none;
}

.single-product .product-main .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    position:relative;
    z-index:2;
}

/* =========================================================
   TERMÉKKÉP / BANNER
========================================================= */

.single-product .product-gallery,
.single-product .product-images,
.single-product .woocommerce-product-gallery{
    width:100% !important;
    max-width:100% !important;
    flex-basis:100% !important;
    float:none !important;
    margin:0 auto 35px auto !important;
    text-align:center !important;
}

.single-product .product-gallery-slider,
.single-product .woocommerce-product-gallery__wrapper{
    width:100% !important;
    max-width:550px !important;
    margin:0 auto !important;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        0 0 45px rgba(255,50,25,.25),
        0 0 120px rgba(0,0,0,.7);
}

.single-product .product-gallery-slider img,
.single-product .woocommerce-product-gallery img{
    width:100% !important;
    max-width:1150px !important;
    display:block !important;
    margin:0 auto !important;
    border-radius:24px;
    object-fit:cover;
}

/* THUMBNAIL ELREJTÉS */

.product-thumbnails,
.product-small,
.product-thumbnails-slider{
    display:none !important;
}

/* =========================================================
   JOBB OLDAL / INFO BLOKK
========================================================= */

.single-product .product-info{
    width:100% !important;
    max-width:1000px !important;
    flex-basis:100% !important;
    float:none !important;
    margin:35px auto 0 auto !important;
    text-align:center !important;
}

/* Flatsome override */

.single-product .large-6,
.single-product .large-5,
.single-product .large-7,
.single-product .medium-6{
    max-width:100% !important;
    flex-basis:100% !important;
}

/* =========================================================
   CÍM
========================================================= */

.product-title,
.entry-title{
    text-align:center !important;
    color:#f5f5f5 !important;
    text-transform:uppercase;
    font-size:clamp(34px,4vw,70px) !important;
    line-height:1.05 !important;
    letter-spacing:.5px;
    margin-bottom:18px !important;
    text-shadow:
        0 0 15px rgba(255,255,255,.15),
        0 0 30px rgba(255,55,25,.55);
}

/* =========================================================
   ÁR
========================================================= */

.price-wrapper,
.product-page-price{
    text-align:center;
    margin:20px 0 30px;
}

.price del,
.product-page-price del{
    color:#777 !important;
    opacity:1 !important;
    font-size:28px;
}

.price ins,
.product-page-price ins,
.price > .amount{
    color:#ff351f !important;
    font-size:52px !important;
    font-weight:900;
    text-decoration:none !important;
    text-shadow:0 0 24px rgba(255,53,31,.7);
}

/* =========================================================
   LEÍRÁS
========================================================= */

.product-short-description,
.woocommerce-product-details__short-description{
    max-width:900px;
    margin:0 auto 35px;
    text-align:center;
    color:#d0d0d0;
    font-size:18px;
    line-height:1.8;
}

.product-short-description p{
    margin-bottom:10px;
}

/* =========================================================
   VARIÁCIÓK
========================================================= */

.variations,
.variations tbody,
.variations tr,
.variations td,
.variations th{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}

.variations label{
    display:block;
    color:#fff !important;
    text-transform:uppercase;
    font-size:20px;
    margin:25px 0 14px;
    text-shadow:0 0 12px rgba(255,255,255,.5);
}

/* GOMBOK */

.woo-variation-swatches .variable-items-wrapper{
    justify-content:center !important;
    gap:12px !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
    background:linear-gradient(145deg,#180403,#390b06) !important;
    color:#fff !important;
    border:1px solid rgba(255,65,35,.45) !important;
    box-shadow:0 0 18px rgba(255,40,20,.2) !important;
    border-radius:10px !important;
    padding:16px 20px !important;
    min-height:60px !important;
    transition:.25s ease;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:hover,
.woo-variation-swatches .variable-items-wrapper .variable-item.selected{
    background:#fff !important;
    color:#111 !important;
    transform:translateY(-3px);
    box-shadow:0 0 28px rgba(255,255,255,.4) !important;
}

/* =========================================================
   WCPA / EGYEDI GRAFIKA
========================================================= */

.wcpa_form_outer{
    max-width:800px;
    margin:40px auto 25px;
    padding:28px;
    background:rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    box-shadow:0 0 35px rgba(0,0,0,.55);
    text-align:center;
}

.wcpa_form_outer label,
.wcpa_form_label{
    color:#fff !important;
    text-transform:uppercase;
}

/* =========================================================
   MENNYISÉG + KOSÁR
========================================================= */

form.cart,
.woocommerce-variation-add-to-cart{
    justify-content:center !important;
    text-align:center !important;
}

.quantity.buttons_added{
    background:#0b0b0b;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    overflow:hidden;
    margin-right:15px !important;
}

/* KOSÁR GOMB */

.single_add_to_cart_button{
    background:linear-gradient(135deg,#ff351f,#991207) !important;
    color:#fff !important;
    border-radius:999px !important;
    padding:17px 46px !important;
    font-size:20px !important;
    font-weight:900 !important;
    text-transform:uppercase;
    letter-spacing:.5px;
    box-shadow:0 0 34px rgba(255,50,25,.6);
    transition:.22s ease;
}

.single_add_to_cart_button:hover{
    transform:scale(1.04);
    box-shadow:0 0 50px rgba(255,50,25,.9);
}

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

.product_meta{
    text-align:center;
    margin-top:40px;
    padding:18px 0;
    border-top:1px dashed rgba(255,255,255,.16);
    border-bottom:1px dashed rgba(255,255,255,.16);
    color:#aaa;
}

.product_meta a{
    color:#fff !important;
}

/* =========================================================
   TABOK
========================================================= */

.product-tabs{
    background:rgba(0,0,0,.3);
    border-radius:18px;
    padding:25px;
    margin-top:45px;
}

/* =========================================================
   MOBIL
========================================================= */

@media(max-width:768px){

    .single-product .product-main{
        padding:25px 10px;
    }

    .single-product .product-gallery-slider,
    .single-product .woocommerce-product-gallery__wrapper{
        border-radius:14px;
    }

    .single-product .product-gallery-slider img,
    .single-product .woocommerce-product-gallery img{
        border-radius:14px;
    }

    .product-title,
    .entry-title{
        font-size:34px !important;
    }

    .price ins,
    .product-page-price ins,
    .price > .amount{
        font-size:36px !important;
    }

    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
        width:100%;
    }

    .quantity.buttons_added{
        margin:0 auto 12px !important;
    }

    .single_add_to_cart_button{
        width:100%;
        margin-top:12px;
    }

    .wcpa_form_outer{
        padding:18px;
    }
}