/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Child theme for Astra
 Author:       Mosaicowall  
 Template:     astra
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../astra/style.css");








/* Smooth out submenu opening animation */



.elementskit-dropdown {
    display: block !important;     /* override inline display:none */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
}

/* Open state */
.elementskit-dropdown.elementskit-dropdown-open {
    max-height: 600px;
    opacity: 1;
    transform: translateY(0);
}

/* Arrow rotation */
.elementskit-submenu-indicator {
    transition: transform 0.3s ease;
}

a[aria-expanded="true"] .elementskit-submenu-indicator {
    transform: rotate(180deg);
}



/* ElementsKit submenu smooth animation */
.elementskit-dropdown {
    overflow: hidden;
    height: 90px!important;
    transition: height 0.35s ease;
}












.custom-category-banner-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 20px;
  display: block;
}

.custom-category-banner {
    display: flex;
    justify-content: center;
}

.custom-category-banner img,
.custom-category-banner video {
  width: 1450px;
  height: 100%;
  object-fit: contain;
  display: block;
}



.ast-archive-description {
    border-bottom: 0px;
    display: none;
}








/*





.wpc-filter-pa_colors .wpc-filters-checkboxes input[type="checkbox"] {
    display: none;
}


.wpc-filter-pa_colors .wpc-filters-checkboxes label {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
    border: 2px solid #ccc;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
}


.wpc-filter-pa_colors .wpc-filters-checkboxes input[type="checkbox"]:checked + label {
    border: 3px solid #000;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}


.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="brown"] { background-color: brown; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="green"] { background-color: green; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="multicolor"] { background: linear-gradient(45deg, red, yellow, blue); }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="white"] { background-color: #fff; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="black"] { background-color: #000; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="grey"] { background-color: grey; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="red"] { background-color: red; }

.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="blue"] { background-color: blue; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="orange"] { background-color: orange; }
.wpc-filter-pa_colors .wpc-filters-checkboxes label a[href*="yellow"] { background-color: yellow; }


.wpc-filter-pa_colors .wpc-filters-checkboxes label a {
    color: transparent;
    display: block;
    width: 100%;
    height: 100%;
}


ul.wpc-filters-ul-list.wpc-filters-checkboxes.wpc-filters-list-4511 {
    display: flex;
    flex-wrap: wrap;
}


*/








/* From Code Snippet */



#alg_currency_select{
	display: none;
}

.elementor-3200 .elementor-element.elementor-element-d1189bd:not(.elementor-motion-effects-element-type-background){
    background-color: #BA2C52;
    pointer-events: none;
}

.star-rating span, .star-rating span:before {
    color: #FDA256!important;
}

/*language selector*/

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 16px;
}

.gt_float_switcher img {
    width: 18px!important;
}

.gt_float_switcher { 
    box-shadow: none!important;
	/*position: fixed;*/
	top: 58px;
}



/*wishlist*/

svg#yith-wcwl-icon-heart-outline {
    width: 20px;
}


/*search*/

svg.dgwt-wcas-ico-magnifier-handler {
    width: 15px!important;
}

/*currency selector*/
.wSelect-arrow {
    background-image: url('https://mosaicowall.in/wp-content/uploads/2025/08/image-21.webp');
}

.wdt-shop-menu-icon .wdt-shop-menu-cart-number, .wdt-header-icons-list-item .wdt-wishlist-menu-icon .wdt-wishlist-count {  
    background-color: #BA2C52!important;
    color: white!important;
}


.wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image a{
	z-index: 1000000!important;
}











/* Target only the color filter list */
.wpc-filter-pa_colors .wpc-filters-ul-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; 
  padding: 0;
  margin: 0;
  list-style: none;
}

.wpc-filter-pa_colors .wpc-filters-ul-list li {
  flex: 0 1 auto;
  width: auto; 
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #ddd; 
  border-radius: 4px;
}







/* Style the product action buttons */
li.product .button,
li.product .yith-wcqv-button {
     
    color: #fff;              
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
    margin-right: 8px; 
}

/* Hover effect */
li.product .button:hover,
li.product .yith-wcqv-button:hover {
    background-color: #000; 
    color: #fff;
}

/* Force both buttons in one line */
li.product .button,
li.product .yith-wcqv-button {
    vertical-align: middle;
}


.review-rating {
	display: flex;
    justify-content: center;
    
}


.astra-shop-summary-wrap {
    text-align: center;
}


.wpc-filter-link {
    margin-right: 0px!important;
}


.wpc-filter-pa_colors .wpc-filters-checkboxes label a {
   
    width: 700px;
    height: 100%;
}
.wpc-counter-length-1 .wpc-term-count {
    width: 0;
}

/*Product Page spacing*/
.summary.entry-summary {
    padding-top: 50px;
}

.woocommerce-product-details__short-description {
    margin-top: 20px;
}
.additional-short-description h5{
	line-height: 1.5em;
}

.yes-js.js_active .ast-plain-container.ast-single-post #primary {
    margin: 0;
}


/*archive button*/
a.button.product_type_variable.add_to_cart_button {
    width: 100%;
}

a.button.product_type_variable {
    width: 100%;
}


button.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button.button.alt {
    margin-left: 15px;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
    padding-left: 10px;
}


svg#yith-wcwl-icon-heart-outline {
    width: 20px;
}



/*Testimonial slider*/

.wdt-testimonial-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper .wdt-content-icon span {
    background-color: #BA2C52!important;
    color: white!important;
}


.ast-woo-shop-archive .site-content > .ast-container{
	max-width: 1500px;
}







/* Sticky state for desktop and mobile */
.site-header.sticky-header,
.elementor-element-dee41eb.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

/* Prevent content overlap */
body.has-sticky-header .site-content {
  padding-top: var(--sticky-header-height, 0);
}







.grid_no_animation figcaption{
	background-color: white!important;
}


img.pins_image_hover.ihotspot_hastooltop {
    width: 150px;
}





/* Swap product image on hover (category/shop pages) */
ul.products li.product a img {
  transition: opacity 0.4s ease-in-out;
}

ul.products li.product a img.secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

ul.products li.product a:hover img.secondary-image {
  opacity: 1;
}

ul.products li.product a:hover img:first-child {
  opacity: 0;
}



/* Product page Faq */

.product-faq-accordion{
	margin-bottom: 50px;
}

.product-faq-accordion .faq-answer {
  display: none;
  padding: 10px;
  border: 1px solid #eee;
	background-color: #ba2c52;
	border-radius: 5px;
	color: white;
}
.product-faq-accordion .faq-question {
  width: 100%;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border: none;
	color: black;
  background: #f7f7f7;
  margin-bottom: 5px;
}

#primary{
	width: 80%;
}

#secondary{
	width: 20%;
}


.footerlist ul{
	list-style: none;
}

body.has-sticky-header .site-content {
    padding-top: 0;
}

.wSelect-theme-classic.wSelect{
	border: none!important;
    width: 100px!important;
	margin-bottom: 0px!important;
	padding-right: 0!important;
	box-shadow: none!important;
}

.wSelect-theme-classic.wSelect:hover{
	box-shadow: none!important;
	border: none!important;
}

.wSelect {
    position: relative; 
    
}

.wSelect-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: url('https://mosaicowall.in/wp-content/uploads/2025/09/drop-down-arrow.png') 
                no-repeat center center !important;
    background-size: 8px auto !important;
    z-index: 10;
}

.wSelect-selected {
    padding-right: 35px !important;
	background-size: 18px;
}

.wSelect-theme-classic.wSelect {
    font-size: 15px;
    font-family: 'DM Sans';
}

a.glink span {
    font-family: 'DM Sans'!important;
	color: #555;
}

a.glink img {
    width: 18px;
}





.woocommerce-product-details__short-description h5, .entry-content :where(h5) {
    font-size: 14px!important;
	font-family: 'DM Sans';
    line-height: 1.5rem!important;
	letter-spacing: 0.7px;
}

.entry-content p {
	color: black;
}


.entry-summary .product_meta{
	display: none!important;
}

.entry-summary .single-product-category{
	display: none!important;
}

.widget-title.wpc-filter-title {
    font-size: 18px;
    font-weight: 700;
}

.woocommerce-js div.product .product_title {
    font-family: 'Dm Sans';
}

.flaticon-right-arrow, .flaticon-back{
	display: none!important;
}





#tab-title-description, #tab-title-additional_information, #tab-title-reviews, #tab-title-installation_video {
    font-family: 'DM Sans';
}



.owl-theme .owl-nav [class*=owl-] {
    background: #d6d6d600;
}


/*Reviews*/

a.woocommerce-review-link {
    display: none;
}

.woocommerce-product-rating .review-rating {
    display: flex;
    justify-content: left;
}







/* Delivery Estimate */

.wpced .wpced-inner {
    display: inline-block;
    padding: 0;
    margin: 5px 0;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    color: #ba2c52;
    background-color: #f6f6f6;
}






.custom-quick-view-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
}

.custom-quick-view-icon a {
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.custom-quick-view-icon a:hover {
    background: #ff4081; /* your brand color */
}



/* Only one line title */

.wpb-wps-product-title h3.pro_title {
    display: -webkit-box;
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 1.5em;
}


.premium-blog-entry-title{
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 2.5em;
}




#yith-quick-view-modal.open .yith-wcqv-main {
    
    top: 50px;
}






/* floating wishlist button */

.floating-wishlist {
    position: fixed;
    bottom: 75px;
    left: 20px;
    z-index: 9999;
    padding: 8px;
    width: 50px;
    height: 50px;
    background-color: white!important;
    border: 2px solid #ba2c52!important;
    border-radius: 100%;
}

.floating-wishlist .yith-wcwl-add-button a {
    background: #000;
    color: #fff;
    padding: 12px 14px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

.floating-wishlist span {
    display: none; /* hides text, icon only */
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
    color: #ba2c52!important;
}













/* REEL SLIDER */







.reel-wrapper {
  width: 100%;
  padding: 20px 0;
}


.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
  box-sizing: border-box;
}

.swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
}

.reel-slider {
  width: 100%;
}

.reel-slide {
  display: flex !important;
  flex-direction: column !important;
}


.reel-media {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  background: white;
}


.reel-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.reel-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.reel-product {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  background: #111 !important;
}



.reel-product img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}


.reel-product #cartbutton {
    width: 30px;
    height: 30px;
}



.reel-product h4 {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  color: black!important;
  margin-bottom: 10px;
}




.reel-product p {
  margin: 4px 0 0;
  font-size: 14px;
  opacity: 0.85;
}








.reel-slider .swiper-button-prev,
.reel-slider .swiper-button-next {
  color: #fff;
  background: rgba(0,0,0,0.4);
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.reel-slider .swiper-button-prev::after,
.reel-slider .swiper-button-next::after {
  font-size: 18px;
}

.reel-slider .swiper-button-prev {
  left: 10px;
}

.reel-slider .swiper-button-next {
  right: 10px;
}




/* Hide reel slider until Swiper initializes */
.reel-slider {
  opacity: 0;
  visibility: hidden;
}

/* Show once Swiper is ready */
.reel-slider.swiper-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}











@media (max-width: 768px) {
  

  .reel-product {
    padding: 10px;
  }

  .reel-product img {
    width: 48px;
    height: 48px;
  }

  .reel-product h4 {
    font-size: 14px;
  }

  .reel-product p {
    font-size: 13px;
  }

  
  
  
  
   
  
}


video {
  background: #000;
}








@media only screen and (max-width: 600px) {
  .custom-category-banner img,
.custom-category-banner video {
 
  height: auto;
  
}



.ast-left-sidebar #content>.ast-container {
    
    flex-direction: column!important;
    
}


#secondary {
    margin: 0!important;
    
}


}








/* From Code Snippet */

@media (max-width: 767px) {
  .site-header.sticky-header {
    padding: 8px 12px;
  }

  .site-header.sticky-header > .ast-container {
    flex-wrap: nowrap;
  }




.site-content .ast-container {
    
    max-width: 90%;
}








.wdt-heading-content-wrapper a{
	color: white;
}

.woocommerce-MyAccount-navigation-link.is-active a{
	color: #ba2c52;
}


li.woocommerce-MyAccount-navigation-link a{
	color: black;
}


#primary{
	width: 100%;
	margin: 2em 0;
}

#secondary{
	width: 100%;
}




.gtranslate_wrapper span{
color: black;
}
	
	
	.ekit-mobile-extra-selectors {
    display: flex;
    justify-content: space-around;
}
	
	
	.gtranslate_wrapper{
		padding: 2px 5px;
		color: white;
		border-radius: 5px;
	}
	
	
	.wSelect-selected {
    color: white;
}
	
	.wSelect-arrow {
    background: url('https://mosaicowall.in/wp-content/uploads/2025/09/drop-down-arrow2.png') 
                no-repeat center center !important;
		background-size: 8px auto !important;
}
	
	
	.wSelect-theme-classic.wSelect {
    background-color: #fafafa00;
		
}
	
	.gtranslate_wrapper span{
    color: white!important;
}
	
	
	.gt_white_content {
    background-color: #000000!important;
}
	
	

.woocommerce .woocommerce-ordering, .woocommerce-result-count {
    
    width: 150px;
    position: absolute;
    top: 768px;
    right: 50px;
    border: 1px solid black;
    border-radius: 2px;
}

p.woocommerce-result-count {
    display: none;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    margin-bottom: 0em!important;
    position: fixed;
    top: 290px;
}





#yith-quick-view-modal .yith-wcqv-wrapper {
    width: 90% !important;
    height: 100% !important;
    top: 80px!important;
    bottom: 0!important;
}




	

}



















/* HARD OVERRIDE – force product BELOW video */
.reel-wrapper .reel-slider .swiper-slide.reel-slide {
  display: flex !important;
  flex-direction: column !important;
}

.reel-wrapper .reel-slider .swiper-slide.reel-slide .reel-product {
  position: static !important;
  inset: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
  top: unset !important;

  background: white !important;
  padding: 10px!important;
  border-radius: 0 !important;
  z-index: 1 !important;
}

.reel-slider,
.reel-slider * {
  cursor: pointer !important;
}

.reel-product{
    display: flex!important;
    justify-content: space-between!important;
}


.reel-product a{
    text-decoration: none!important;
    display: flex;
    justify-content: space-between!important;
    align-items: center;
}


.reel-media video{
    border-radius: 15px!important;
}



.reel-product-text h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 1.3em;
  max-height: calc(1.3em * 2);
}



@media (max-width: 767px) {
    .reel-wrapper .swiper .swiper-button-next, .reel-wrapper .swiper .swiper-button-prev {
    display: none;
}
}