/*
Theme Name: Diapers Nigeria
Theme URI: https://diapersng.com/
Description: Customisations for Diapers Nigeria Website
Author: Blue Sequence
Author URI: https://bluesequence.com
Template: Divi
Version: 0.1.0
*/
/*-------------------[GENERAL]--------------------*/

/*this sets the height of the image module*/
.thc-full-height-image-column{
height:100%}

/*this sets the height of the image container*/
.thc-full-height-image-column .et_pb_image_wrap{
height:100%}

/*this sets the height and fit of the actual image*/
.thc-full-height-image-column img{
  object-fit:cover;
  height:100%
}
/*this sets the height and fit of the actual video*/
.pa-stretch-video,
.pa-stretch-video .et_pb_video_box,
.pa-stretch-video .et_pb_video_wrap {
    height: 100% !important;
    width: 100% !important;
}
.pa-stretch-video .et_pb_video_box {
    object-fit: cover; /* Ensures video scales nicely without distortion */
}

/*this reduces the margin bottom on woocommerce products*/
.diapers-products .woocommerce ul.products li.product, .diapers-products .woocommerce-page ul.products li.product{
	margin-bottom: 1em !important;
}
/*this reduces the margin bottom on woocommerce products*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	margin-bottom: 1em !important;
}
/*this styles the woocommerce pagination*/
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #1977d2;
    color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul {
  border-color: #1977d2;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right-color:#1977d2;
}
/*------Force all product grid containers to be the same height*/
/* Adjust the min-height value to fit your longest titles */
.diapersng-product .woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px; 
}
.diapersng-product .woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Shows a maximum of 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em; /* Sets a fixed vertical space for the title */
}
.diapersng-product .woocommerce ul.products li.product .price,
.diapersng-product .woocommerce ul.products li.product .button {
    margin-top: auto;
}
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px; 
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Shows a maximum of 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em; /* Sets a fixed vertical space for the title */
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
    margin-top: auto;
}

.woocommerce div.product form.cart .button:after,
.woocommerce ul.products li.product .add_to_cart_button:after {
    display: none !important;
}
/*Remove Global Overlay Background Colour and border on Product Images*/
.et_overlay {
 background: rgba(0, 0, 0, 0) !important;
 border: none !important;
}
/*Remove Global Overlay Icon  Colour on Product Images*/
.et_overlay::before {
  color: rgba(0, 0, 0, 0) !important;
}

/*------Style Global Woocomerce buttons-----*/
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#id,
body .woocommerce a.button,
body .woocommerce-page button.button {
    font-size:14px !important;
    background-color: #ffffff !important;
    border-width: 1px !important;
    border-color: #1977d2 !important;
    color: #1977d2 !important;
}

.woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit {
	font-size: 14px !important;
    background-color: #ffffff !important;
    border-width: 1px !important;
    border-color: #1977d2 !important;
	color: #1977d2 !important;
}


/* Remove the default icon from WooCommerce buttons */
.woocommerce div.product form.cart .button:after,
.woocommerce ul.products li.product .button:after,
.woocommerce #respond input#submit.alt:after,
.woocommerce a.button.alt:after,
.woocommerce button.button.alt:after,
.woocommerce input.button.alt:after {
  display: none !important;
}


/* Remove the default hover icon from WooCommerce buttons */
.woocommerce .button:after, 
.woocommerce-page .button:after {
  display: none !important;
}
.woocommerce .button:hover, 
.woocommerce-page .button:hover {
  padding-right: inherit !important;
}

/*Styling woocommerce error message text*/
.woocommerce-message a, .woocommerce-error a, .woocommerce-info a {
  color: #1977d2 !important;
}
.woocommerce #reviews .commentlist .star-rating  {
	color: #f5c842 !important;
}
.woocommerce .star-rating span::before, 
.woocommerce .star-rating::before {
   color: #f5c842 !important; /* Change to your preferred star color */
}
	
.woocommerce p.stars a{
	color: #f5c842 !important;
}

/*----Product Filter section----*/
  .widget-title-viewed {
	font-size: 18px !important;
    line-height: 2.4rem !important;
    font-weight: 600 !important;
	/*padding-top: 2%;*/
}
 .recently-viewed-section .woocommerce ul.product_list_widget {
     margin: 0;
    padding: 0;
	list-style: none outside;
    clear: both;
}

.recently-viewed-section .woocommerce ul.product_list_widget li{
  display:inline-block;
   vertical-align: top;
   width:22.6%;
  margin-right: 0.625rem;
   padding: 0 0 2% 0 !important;
}
 
.recently-viewed-section .woocommerce ul.product_list_widget li a {
	 display:block;
	margin-right: 0.625rem;
	
}
.recently-viewed-section .woocommerce ul.product_list_widget li:last-child{
	margin-right: 0;
}
.recently-viewed-section .woocommerce ul.product_list_widget li img {
  float: none;
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  height: auto; 
  display:block;
 }
 /*Remove Global Overlay Background Colour on Product Images
.et_overlay {
 background: rgba(0, 0, 0, 0) !important;
}
Remove Global Overlay Icon  Colour on Product Images
.et_overlay::before {
  color: rgba(0, 0, 0, 0) !important;
}*/



 /* --- DESKTOP STYLES (Screens 769px and above) --- */
@media (min-width: 769px) {
    /* Prepare the product container */
    ul.products li.product {
        position: relative !important;
        overflow: hidden !important;
        padding-bottom: 40px !important; /* Makes room for the absolute button */
    }

    /* Position the Add to Cart button out of view */
    ul.products li.product .button.add_to_cart_button,
    ul.products li.product .button.product_type_simple,
    ul.products li.product .button.product_type_variable {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        text-align: center;
        border-radius: 3px !important;
        
        /* Initial state hidden below the product grid */
        opacity: 0 !important;
        transform: translateY(100%) !important;
        
        /* Smooth sliding animation transition */
        transition: transform 0.4s ease, opacity 0.4s ease !important;
        z-index: 10;
    }

    /* Slide the button up on container hover */
    ul.products li.product:hover .button.add_to_cart_button,
    ul.products li.product:hover .button.product_type_simple,
    ul.products li.product:hover .button.product_type_variable {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}


 @media (max-width: 980px) {
	 .recently-viewed-section .woocommerce ul.product_list_widget li{
     width: 30.67%;
 }
 }
 /* --- MOBILE STYLES (Screens 768px and below) --- */
@media (max-width: 768px) {
    ul.products li.product .button.add_to_cart_button,
    ul.products li.product .button.product_type_simple,
    ul.products li.product .button.product_type_variable {
        position: relative !important;
        opacity: 1 !important;
        transform: none !important;
        display: inline-block !important;
        margin-top: 10px !important;
        width: 100% !important; /* Forces the button to be full width on mobile for easier tapping */
		padding-bottom: 0 !important; /* Makes room for the absolute button */
    }
.diapersng-product .woocommerce ul.products li.product {
    min-height: 260px; 
}
.woocommerce ul.products li.product {
    min-height: 250px; 
}
}
 @media only screen and (max-width:767px) {

  .recently-viewed-section .woocommerce ul.product_list_widget li{
      width: 45.5%;
   }
 }
 
 /*360px  - 479x*/
@media (max-width: 29.9375em){

.recently-viewed-section .woocommerce ul.product_list_widget li {
      width: 45.5%;
       }
	
}