/*
 Theme Name:   Astra Child
 Description:  Customised Astra Child Theme - Contributor: Asraful (https://asraful.com.bd/)
 Author:       CurlWare
 Author URI:   https://curware.com
 Template:     astra
 Version:      1.2.1
 Text Domain:  astra
 Contributor:  Asraful
 Contributor URI: https://asraful.com.bd/
*/

@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0px;
    }
}

.woocommerce.ast-page-builder-template .site-main{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}

.product-layout {
    display: flex;
    flex-direction: column;
}

.left-side,
.right-side {
    flex: 1;
}

.first-row {
       display: grid;
    grid-template-columns: 35% 65%;

    .left-side {
        padding: 20px;
		h1.product_title.entry-title {
			font-size: 2.5rem;
            text-transform: uppercase;
		}
        form.variations_form.cart .single_variation_wrap {
            display: none !important;
        }
		.astc-custom-text{
			color:#27518A;
			padding-bottom: 10px;
		}
        .astc-custom-image{
            height:80px; 
			max-width: 548px;
            object-fit: cover; 
            width: 100%;
        }
        @media (max-width: 768px) {
            .astc-custom-image{
                height:40px; 
                object-fit: cover; 
                width: 100%;
            }
        }
        .astc-custom-buttons{
            margin-top: 15px;
			display:flex;
            .astc-button{
                display: inline-flex; 
                align-items: center; 
                padding: 10px 15px; 
                color: #2c4552; 
                text-decoration: none; 
                margin-right: 10px;
                margin-top: 5px;
                margin-bottom: 5px;
                border: 1px solid #2c4552;
                border-radius: 30px !important;
                font-weight: 600 !important;
				font-size: x-small;
            }
        }
		.woocommerce-product-details__short-description p {
            font-size: 1.3rem;
            margin-bottom: 10px;
        }
    }
	
	@media (min-width: 922px) {
		.left-side {padding: 80px 80px 20px 80px;}
	}
	@media (max-width: 768px) {
		.left-side {padding: 20px 20px 20px 20px;}
	}
    .right-side {
       
        position: relative;
        /*
        .woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper img {
            height: 90vh !important;
            object-fit: cover;
        }*/
        @media (min-width: 922px) {
            .woocommerce #content .ast-woocommerce-container div.product  div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
                width:100% !important;
            }
        }
 /*		.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport{
			margin-bottom: 0 !important;
		}
        ol.flex-control-nav.flex-control-thumbs {
         width: calc(100% - 2rem) !important;
			position: absolute; 
            bottom: 30px !important;
            left: 1rem;
            background: white;
            padding-right: 1rem !important;
            padding-left: 1rem !important;
            padding-top: 1rem !important;
        }*/
/*         .woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
            width: 24%;
            width: calc(25% - .75em);
            margin-right: 1em;
            margin-bottom: 1em;
            margin-top: 1rem;
        }
        .woocommerce-js div.product div.images .flex-control-thumbs li img{
            width: 170px !important;
        } */
		
    }
	@media (max-width: 768px) {
		.left-side, .right-side {
			width: 100%;
		}
	}
}
.cw-astc-custom-buttons{
	margin-top: 15px;
	display:flex;
	.astc-button{
		display: inline-flex; 
		align-items: center; 
		padding: 10px 15px; 
		color: #2c4552; 
		text-decoration: none; 
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 1px solid #2c4552;
		border-radius: 30px !important;
		font-weight: 600 !important;
		font-size: x-small;
	}
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    width: 80%;
    float: right;
}
 
/* Make Gallery 25% width and place it beside the image */
 
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin-top: 1rem !important;
    width: 20%;
    float: left;
}
 
/* Style each Thumbnail with width and margins */
 
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 90%;
    float: none;
    margin: 0 0 10% 10%;
}

.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 100% !important;
}
section.second-row-section {
    width: 100%;
    background-color: #2c4552;
    align-items: center;
    display: flex;
    justify-content: center;
}

.second-row {
	width: 1250px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    color: #cdc6ae;
    background-color: #2c4552;
    a{
        color: var(--ast-global-color-4);
    }
    .left-side, .right-side {
        padding: 20px;
    }
}

/* Mobile View: Stack Left on Top and Right Below */
@media (max-width: 768px) {
    .second-row,.first-row {
        flex-direction: column;
    }
    .left-side, .right-side {
        width: 100%;
    }
}

@media (min-width: 922px) {
    .woocommerce #content .ast-woocommerce-container div.product  div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
/*         max-height: 90vh; */
        width: 100% !important;
/*         overflow: hidden; */
        margin-bottom: 0;
    }

    .woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary {
        width: 46%;
    }

    .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce.woocommerce-checkout form #customer_details.col2-set .col-2, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-1, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set .col-2 {
        float: none;
        width: auto;
    }
}
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left{
    position: relative;
    align-items: center;
    .astra-shop-thumbnail-wrap {
        width: 100%;
    }
    .astra-shop-summary-wrap {
        position: absolute;
        top: 20%;
        text-align: center;
    }
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.84);
}
.woocommerce-js div.product div.images .flex-control-thumbs li img{
    opacity: 1;
}
.woocommerce-js div.product div.images .flex-control-thumbs li img.flex-active,
 .woocommerce-js div.product div.images .flex-control-thumbs li img:hover{
border: 2px solid #2C4552;
}
.cfvsw-product-page table.variations .label label {font-size: 18px;color: #2c4552;}

.cfvsw-label-none table.variations tr th.label {
    display:block!important;
    .cfvsw-selected-label{
        display: none;
    }
}
.third-row .feature-icons{
    display: grid;
    .feature-icon{
        text-align: center;
        img{
            height: 80px;
            width: 80px;
            object-fit: contain;
        }
        .feature-icon-title{
            font-size: 18px;
            text-transform: uppercase;
            font-family: raleway, Helvetica, Arial, sans-serif;
        }
    }
}
@media (min-width: 922px) {
    .third-row .feature-icons{
        grid-template-columns: repeat(5,1fr);
    }
}
@media (max-width: 900px) {
    .third-row .feature-icons{
		padding:10px;
        grid-template-columns: repeat(2,1fr);
    }
}
.feature-icons-row .feature-icons{
    display: grid;
    .feature-icon{
        text-align: center;
        img{
            height: 80px;
            width: 80px;
            object-fit: contain;
        }
        .feature-icon-title{
            font-size: 18px;
            text-transform: uppercase;
            font-family: raleway, Helvetica, Arial, sans-serif;
        }
    }
}
@media (min-width: 922px) {
    .feature-icons-row .feature-icons{
        grid-template-columns: repeat(5,1fr);
    }
}
@media (max-width: 900px) {
    .feature-icons-row .feature-icons{
        grid-template-columns: repeat(2,1fr);
    }
}
.third-row{
    padding: 20px;
    background-color: #d7e1e8;
    background-image: url(https://dev-lozano-site.pantheonsite.io/wp-content/uploads/2025/03/lozano-3.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: fixed;
    background-blend-mode: soft-light;
	display:flex;
	justify-content:center;
    .third-row-content{
        opacity: 1;
		width:1250px;
		hr{
			background-color:#000000;
		}
    }
}
.woocommerce-js div.product section.related.products {
    text-align: center;
	padding-top: 30px;
}
.woocommerce-js div.product section.related.products ul.products.columns-4 {
    gap: 0;
	a.ast-on-card-button.ast-select-options-trigger.add_to_cart_button {
    display: none;
}
}
/* category product page*/
.astc-product-category{
    width: 100%;
    .astc-product-category__row{
        display: flex;
        background-color: #27518a;
        color: #FFFFFF;
        flex-direction: row;
        justify-content: center;
        .astc-product-category__col-md-9{
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: space-between;
            align-items: center;
            color: #FFFFFF;
            padding: 20px;
            width: 1290px;
            header h1{
               font-size: 2.5rem;
               text-transform: uppercase;
               color: #ffffff;
           }
        }
    }
}
/* shop page*/
.astc-product-shop {
    width: 100%;
    div#primary {
        background-color: #27518a;
        display: flex;
        justify-content: center;
        main#main {
            width: 1290px;
            color:#ffffff;
            h1{
                color:#ffffff;
            }
            nav a{
                color:#E81461;
            }
            nav{
                color:#ffffff;
            }
        }
    }
}

.astc-product-shop__top-row {
    display: flex;
    justify-content: center;
    width: 100%;
    .astc-product-shop-top-row__col {
        width: 1290px;
    }
}


.woocommerce-js div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
display: flex;
flex-direction: row-reverse;
}
.woocommerce-js div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images .flex-viewport {
    float: right !important;
    width: 84%;

} 
.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs {
    float: left !important;
    width: 14%;
    padding:.5rem;
    img{
         float: none;
    }
}
a.ast-on-card-button.ast-select-options-trigger.product_type_simple {
    display: none;
}
@media (max-width: 768px) {
		.first-row {
    grid-template-columns: 100%;
	}
	
	.woocommerce-js div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
	display: flex;
	flex-direction: row-reverse;
	}
	.woocommerce-js div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images .flex-viewport {
		width: 80%;

	} 
	.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs {
				width: 20%;
				padding: 0;
				margin-top: 0 !important;
		img{
			 float: none;
		}
	}
	.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
		margin-right: .2rem;
		margin-bottom: .2rem;
	}
}