/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* .bitter-heading {
    font-family: 'Bitter', serif !important;
    font-weight: bold;
  }
   */ 

/* Override H1 to use Bitter font */
h1 {
    font-family: 'Bitter', serif !important; /* Ensure 'Bitter' font applies */
}



  #top-bar
  {
      background: rgb(222,16,16);
  background: linear-gradient(144deg, rgba(222,16,16,0.5) 0%, rgba(213,228,23,1) 27%, rgba(0,124,255,1) 50%, rgba(185,29,178,1) 75%, rgba(255,0,0,0.5) 100%);background: rgb(208,5,5);
  background: linear-gradient(75deg, rgba(208,5,5,0.5) 0%, rgba(213,228,23,1) 27%, rgba(100,169,242,1) 50%, rgba(185,29,178,1) 75%, rgba(255,0,0,0.25) 100%);
      );
  box-shadow: inset 0px 2px 1px 0px rgba(153,153,153,0.5);
          
          
  }
  
  .roundCor {
      border-radius: 10px;
  }  

  
/* Style for the "Order via WhatsApp" button on single product pages */
.woocommerce .whatsapp-button,
.woocommerce .shop-whatsapp-button {
    display: inline-block;
    background-color: #25D366;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
}

.woocommerce .whatsapp-button:hover,
.woocommerce .shop-whatsapp-button:hover {
    background-color: #20b358;
}
/*
.woocommerce-Price-amount,
.price {
    display: none;
}
*/

/* Set Width same for the both buttons */
/*.woocommerce .single-product .product-buttons { 
    display: flex;
    gap: 20px; /* Space between buttons */
}
*/
.woocommerce .single_add_to_cart_button,
.woocommerce .whatsapp-button {
    flex: 1;
    text-align: center;
}




/* Hide Add to Cart button on shop and product pages 
.woocommerce ul.products li.product .button,
.single-product .single_add_to_cart_button {
    display: none;
} */ 
/*
.woocommerce ul.products li.product .button,
.single-product .single_add_to_cart_button {
    display: none;
}*/

/* Hide Quantity field on product pages */
.single-product .quantity {
    display: none;
}

/* WhatsApp Button Styling */
.whatsapp-button {
    @extend .button-primary; /* Inherit all styles from the primary button class */
    background-color: #25D366; /* WhatsApp green */
    color: #FFFFFF; /* Text color */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: all 0.3s ease-in-out; /* Smooth hover effect */
}

.whatsapp-button:hover {
    background-color: #128C7E; /* Darker WhatsApp green for hover */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.whatsapp-button:focus {
    outline: 2px solid #075E54; /* WhatsApp dark green focus ring */
}


.follow-icons-yblock i {
    color: var(--primary-color); /* Use this if you have a CSS variable for the primary color */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

/* Fallback if you don't use variables: Replace #4CAF50 with your primary color */
.follow-icons-yblock i {
    color: #007BFF; /* Replace with your primary color */
}

/* Add a hover effect for interactivity */
.follow-icons-yblock i:hover {
    color: #45a049; /* Replace with a darker/lighter shade of the primary color */
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}