/**
 * Theme Name:     GeneratePress Child
 * Author:         Tom Usborne
 * Template:       generatepress
 * Text Domain:	   generatepress-child
 * Description:    GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
 */
#rmp_menu_trigger-391546 {
    
    background-color: #5e266a;
   
}


@media screen and (max-width: 1024px) {
    #rmp-container-391546 {
        position: fixed;
        top: 0;
        margin: 0;
        transition: transform 0.5s;
        overflow: auto;
        width: 75%;
        max-width: 350px;
        min-width: 320px;
        background-color: #ed2079;
        background-image: url(rmp-menu.css?ver=14.12.15);
        height: 100%;
        left: 0;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }
}



/* GeneratePress Site CSS */
.home.full-width-content .inside-article {
    background: none;
}

/* Custom header */
.site-header button.wp-block-search__button {
    border: 1px solid var(--accent);
    margin-left: 0;
    border-radius: 0 5px 5px 0;
    overflow: hidden;
    padding: 10px;
    background-color: var(--accent);
    
}

.site-header #wp-block-search__input-1 {
    border-radius: 5px 0 0 5px;
    border: 1px solid var(--accent);
}

.site-header .wc-block-product-search .wc-block-product-search__button {
    background-color: var(--accent);
    color: var(--dark-blue);
    margin-left: 0;
}

.site-header .wp-block-search {
    flex: 1;
}

/* General styles */
.woocommerce ul.products li.product,
.woocommerce ul.products {
    margin-bottom: 0;
}

/* End GeneratePress Site CSS */

/* Example CSS for styling the SKU display */
.sku-display {
    display: inline-block;
    padding: 8px 12px;
    background-color: #5E266A;
    /* Set your desired background color */
    color: #fff;
    /* Set your desired text color */
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
}


.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product,
.wp-block-columns.contact .wp-block-column {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    transition: all 0.1s ease-in;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 8px;
}


/* Increase regular price font size */
.price del .amount {
    font-size: 16px;
    /* Adjust the size as needed */
    color: black;
}

/* Decrease sale price font size */
.price ins .amount {
    font-size: 28px;
    /* Adjust the size as needed */
}

.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    border-radius: 15px;
    width: 100%;
    background: #ED2079;
    font-weight: bold;
}

.custom-img {
    max-width: 100%;
    height: auto;
}

.babycaretips {
    background: yellow;


}

.babycaretips a {
    background: yellow;
    color: black !important;
    font-weight: bold;

}

.babycaretips a:hover {
    color: White !important;
    font-weight: bold;

}

.justify {
    text-align: justify;
}

.kb-gallery-image-contain img {
    border: 2px solid #eee;
}


@media screen and (max-width: 600px) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {

        margin: 1em 0 0.992em;
    }
}



    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {

        margin-top: 3em;
    }
/* Make the product list a flexible grid */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  
	/* adjust spacing between cards */
}

/* Make each product card a column-flex container so inner parts can stretch */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  /* Let theme control width (columns). If your theme forces fixed width, remove below. */
 
}

/* Ensure the product link/inner wrapper fills the li height */
.woocommerce ul.products li.product > a,
.woocommerce ul.products li.product .product-inner,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  
  
}

/* Make the main content grow so footer (price/button) can sit at bottom */
.woocommerce ul.products li.product .product-inner > .product-content,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-product-details__short-description {
  /* these selectors match common title/desc wrappers — no harm if some don't exist */
}

/* Push price & add-to-cart to bottom so all cards align */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .amount,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .woocommerce-loop-product__price {
  margin-top: auto;
}

/* Optional: make product images behave consistently */
.woocommerce ul.products li.product .wp-post-image,
.woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  max-height: 250px; /* adjust to a fixed visual image height */
  object-fit: cover;
  display: block;
}

/* Responsive tweak: for very small screens keep default stack */
@media (max-width: 600px) {
  .woocommerce ul.products {
    display: block;
  }
  .woocommerce ul.products li.product {
    display: block;
  }
  .woocommerce ul.products li.product > a,
  .woocommerce ul.products li.product .product-inner {
    display: block;
    height: auto;
  }
}

.wc-block-cart-link .wc-block-mini-cart__icon {
    display: inline-flex;
    height: auto;
    margin: 0;
    color: whitesmoke;
}
.wc-block-cart-link .wc-block-cart-link__text {
    display: inline-flex;
    color: whitesmoke;
}
.woocommerce-loop-product__title {
    width: 20ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Product Title */
.single-product .product_title {
    font-size: 30px !important;
    line-height: 1.3;
    font-weight: 700;
}

/* GeneratePress WooCommerce 50/50 Layout */
@media (min-width: 769px) {

    .woocommerce div.product {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .woocommerce div.product div.images {
        padding-left: 0;
    }

    .woocommerce div.product div.summary {
        padding-right: 0;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100% !important;
        max-width: 100% !important;
    }

    .single-product .product_title {
        font-size: 24px !important;
    }
}
/* Desktop: Image Left, Content Right */
@media (min-width: 769px){

    .single-product .inside-article .product{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:flex-start;
        gap:30px;
    }

    .single-product .woocommerce-product-gallery{
        width:50% !important;
        max-width:50% !important;
        flex:0 0 50% !important;
        float:none !important;
        clear:none !important;
    }

    .single-product .summary.entry-summary{
        width:50% !important;
        max-width:50% !important;
        flex:0 0 50% !important;
        float:none !important;
        clear:none !important;
        margin-top:0 !important;
    }
}

/* Mobile */
@media (max-width:768px){
    .single-product .inside-article .product{
        display:block !important;
    }

    .single-product .woocommerce-product-gallery,
    .single-product .summary.entry-summary{
        width:100% !important;
        max-width:100% !important;
    }
}

/* Product title */
.single-product .product_title{
    font-size:30px !important;
    line-height:1.3;
}