/**
Theme Name: rinsglow
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rinscosmetics
Template: astra
*/
/* ###################################################################################################################################### */
/* start styling the navbar */
/*
     ## color palette
     #8d523e
     #c59b71
     #b48460
     #f6d18c
     #836e8f
     #6d77c1
     #e09957
     #552d2f
     #836e8f

*/
/* https://coolors.co/colors/brown */
:root{
     --primary-color:#fff;
     --text-color:#A52A2A ;
     --brand-color:#d4a373 ;
     --paragraphs-color:#3B3C36;
     --footer-color:#3D0C02;
     --products-color:#218838 ;
}
body , .ast-separate-container{
     background-color: #fff !important ;
     padding-top: 125px;
}
@media (max-width: 768px) {
     body, .ast-separate-container{
          padding-top: 240px;
     }
}
.woocommerce-additional-fields {
    display: none !important;
}
/* language switcher */
.trp_language_switcher_shortcode{
  width: 100px !important;
  margin: 0 10px !important;
}
.trp-ls-shortcode-current-language{
  width: 110px !important;
  padding: 0;
  border: none !important;
  border-radius: 10px !important;
  display: block;
  margin: 0;
  padding: 1px !important;
}
/* ################################### boostrap overiding */
.carousel-control-next, .carousel-control-prev {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    position: absolute !important;
    top: 50% !important;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    filter: var(--bs-carousel-control-icon-filter);
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    text-decoration: none;
    outline: 0;
    opacity: .9;
    background-color: transparent;
}
/* ##################################################### */
.main-title{
  color: var(--text-color);
  font-style: italic;
  font-weight: 600;
  font-stretch: extra-condensed;
  letter-spacing: 1.5px;
}
.icon svg{
    color: var(--brand-color);

}
.top-header{
     display: flex;
     flex-direction: column;
     gap: 20px;
     background-color:#f0f2f5 ;
     width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
}
.top-header.hide-on-scroll {
  transform: translateY(-100%);
}
.top-header .global-info{
     display: flex;
     justify-content: space-between;
     margin: 0 10px;
     padding: 10px 0;
}
.global-info .contacts .phone ,
.global-info .contacts .email ,
.global-info .account a{
     color: var(--text-color);
}
.top-header .global-info .contacts .email{
     margin-left: 40px;
}
.global-info .account a{
     text-decoration: none;
}
.global-info .glowlook-account-link svg{
  fill: var(--text-color);
}
.navbar {
background-color: #f0f2f5 !important;
padding: 10px 0;
}
.navbar-brand {
font-family: 'Arial', sans-serif;
font-size: 24px;
color: #d4a373 !important; /* Gold color for "natus" */
font-weight: bold;
}
.navbar-expand-lg .navbar-nav .nav-link
{
     color: var(--text-color) !important;
}
.nav-link {
color: #333;
font-family: 'Arial', sans-serif;
font-size: 14px;
margin: 0 15px;
}
.nav-link:hover {
color: #d4a373;
}
.navbar-icons img {
width: 30px;
height: 30px;
margin-left: 15px;
position: relative;
}
@media (max-width: 991px) {
     .nav-link {
     margin: 5px 0;
     }
     .navbar-icons {
     margin-top: 10px;
     }
     .global-info .contacts{
          display: flex;
          flex-direction: column;
     }
     .top-header .global-info .contacts .email{
     margin-left: 0;
}
}
/* style the cart icon */
#rinsglow-cart .cart-count{
  position: absolute;
  top: -12px;
  right: -2px;
  background-color: brown;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  color: #fff;

}
#rinsglow-cart{
  position:relative ;
}

/* end styling the navbar */
/* start Discover Natural Beauty */
/* Discover Natural Beauty */
.discover-naturel-beauty .discover-naturel-beauty-content p {
     color: var(--paragraphs-color);
     line-height: 2rem;
     letter-spacing: 1px;
 }
 /* end Discover Natural Beauty */

 /* ################################################################### */
 /* ##### start filter products by category style ##################*/
  /* ################################################################### */
 /* Product Grid Styling */
 .custom-product-grid {
     margin: 2rem 0;
 }

 /* Override WooCommerce default product styles */
 .custom-product-grid .woocommerce {
     margin: 0;
 }

 /* Grid layout for products */
 .custom-product-grid .products,
 .custom-product-grid .woocommerce ul.products {
     display: grid !important;
     grid-template-columns: repeat(4, 1fr) !important;
     gap: 2rem !important;
     padding: 0 1rem !important;
     list-style: none !important;
     margin: 0 !important;
 }

 /* Individual product card */
 .custom-product-grid .product,
 .custom-product-grid .woocommerce ul.products li.product {
     background: #fff !important;
     border: 1px solid #eee !important;
     border-radius: 8px !important;
     padding: 1rem !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
     text-align: center !important;
     position: relative !important;
     overflow: hidden !important;
     width: 100% !important;
 }

 .custom-product-grid .product:hover,
 .custom-product-grid .woocommerce ul.products li.product:hover {
     transform: translateY(-5px) !important;
     box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
 }

 /* Product image styling */
 .custom-product-grid .product img,
 .custom-product-grid .woocommerce ul.products li.product img {
     max-width: 100% !important;
     height: auto !important;
     object-fit: cover !important;
     margin-bottom: 1rem !important;
 }

 /* Product title */
 .custom-product-grid .product .ast-loop-product__link {
     text-decoration: none !important;
 }
 .custom-product-grid .product .woocommerce-loop-product__title,
 .custom-product-grid .woocommerce ul.products li.product .woocommerce-loop-product__title {
     font-size: 1.1rem !important;
     margin: 0.5rem 0 !important;
     color: #333 !important;
 }

 /* Product price */
 .custom-product-grid .products .price,
 .custom-product-grid .woocommerce ul.products li.product .price {
     color: var(--paragraphs-color) !important;
     font-size: 1.2rem !important;
     font-weight: bold !important;
     margin-bottom: 1rem !important;
     text-decoration: none;
 }
 /* ############################################################################# */
 /* #################### astra customizations ################################### */
 /* ############################################################################# */

 .products .astra-shop-summary-wrap .review-rating{
     display: flex;
     justify-content: center;
 }
 .products .astra-shop-summary-wrap,
 .woocommerce ul.products li.product .astra-shop-summary-wrap {
     padding: 0 10px !important;
 }

 /* Add to cart button and links */
 .custom-product-grid .product .button,
 .custom-product-grid .product .added_to_cart,
 .custom-product-grid .product .button.product_type_variable,
 .custom-product-grid .product .button.product_type_grouped,
 .custom-product-grid .product .button.product_type_external,
 .custom-product-grid .product .read-more,
 .custom-product-grid .woocommerce ul.products li.product .button,
 .custom-product-grid .woocommerce ul.products li.product .added_to_cart,
 .custom-product-grid .woocommerce ul.products li.product .button.product_type_variable,
 .custom-product-grid .woocommerce ul.products li.product .button.product_type_grouped,
 .custom-product-grid .woocommerce ul.products li.product .button.product_type_external,
 .custom-product-grid .woocommerce ul.products li.product .read-more {
     background-color: var(--products-color) !important;
     color: #fff !important;
     padding: 0.5rem 1rem !important;
     border-radius: 4px !important;
     text-transform: none !important;
     font-size: 0.9rem !important;
     transition: background-color 0.3s ease !important;
     text-decoration: none !important;
     display: inline-block !important;
     text-align: center !important;
 }

 .custom-product-grid .product .add_to_cart_button,
 .custom-product-grid .product .ajax_add_to_cart,
 .custom-product-grid .woocommerce ul.products li.product .add_to_cart_button,
 .custom-product-grid .woocommerce ul.products li.product .ajax_add_to_cart {
     text-decoration: none !important;
 }

 .custom-product-grid .product .button:hover,
 .custom-product-grid .product .added_to_cart:hover,
 .custom-product-grid .product .button.product_type_variable:hover,
 .custom-product-grid .product .button.product_type_grouped:hover,
 .custom-product-grid .product .button.product_type_external:hover,
 .custom-product-grid .product .read-more:hover,
 .custom-product-grid .woocommerce ul.products li.product .button:hover,
 .custom-product-grid .woocommerce ul.products li.product .added_to_cart:hover,
 .custom-product-grid .woocommerce ul.products li.product .button.product_type_variable:hover,
 .custom-product-grid .woocommerce ul.products li.product .button.product_type_grouped:hover,
 .custom-product-grid .woocommerce ul.products li.product .button.product_type_external:hover,
 .custom-product-grid .woocommerce ul.products li.product .read-more:hover {
     background-color: #218838 !important;
 }
 .ast-woocommerce-container{
   margin: 0 50px ;
 }
 .ast-woocommerce-container .woocommerce-result-count{
   margin-left: 90px;
   background-color: #eee !important;
   padding:10px;
   border-radius: 5px;
   color: #222;

 }
 @media (max-width:768px) {
   .ast-woocommerce-container .woocommerce-result-count{
     width: 100%;
     margin: auto;
   }
 }
 .ast-woocommerce-container form .orderby{
    margin-right: 50px;
    background-color: #eee !important;
    border-radius: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 20px ;
 }

 .ast-woocommerce-container .astra-shop-summary-wrap{
   text-align: center;
 }
 .ast-woocommerce-container .ast-loop-product__link{
   text-decoration: none;
   color: #444 ;
 }
 .ast-woocommerce-container .add_to_cart_button ,
 .ast-woocommerce-container .product_type_grouped ,
 .ast-woocommerce-container .product_type_simple
 {
    text-decoration: none;
    padding: 8px 25px !important;
}
.ast-woocommerce-container .woocommerce-pagination{
  display: flex;
  justify-content: center;
}
.ast-woocommerce-container .woocommerce-pagination .page-numbers{
  display: flex;
  justify-content: center;
  gap:10px;
}
.woocommerce nav.woocommerce-pagination ul li a,
 .woocommerce nav.woocommerce-pagination ul li a,
 .woocommerce nav.woocommerce-pagination ul li span
 {
    background: #b5b7b9;
    color: #ffffff;
    border-radius: 5px;
 }
 .woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li
{
  border: none ;
}
.entry-header .entry-title{
  display: none !important;
}
 /* ############################################################################# */
 /* ####################end astra customizations ################################### */
 /* ############################################################################# */

 /* Loading state */
 .custom-product-grid .loading {
     text-align: center;
     padding: 2rem;
     font-size: 1.2rem;
     color: #666;
 }

 /* Filter wrapper */
 .filter-wrapper {
     margin: 2rem auto;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 /* Custom select wrapper */
 .filter-wrapper .select-container {
     position: relative;
     display: inline-block;
     min-width: 280px;
     max-width: 100%;
 }

 /* Custom select styling */
 .filter-wrapper select#simple-cat-filter {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background: linear-gradient(145deg, #ffffff, #f8f8f8);
     border: 1px solid #ccc;
     border-radius: 12px;
     padding: 5px 70px; /* Adjusted for mobile */
     font-size: 1.1rem;
     font-weight: 500;
     color: #2c3e50;
     width: 100%;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     box-shadow: 0 2px 8px rgba(0,0,0,0.05);
     z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/")
 }
 @media (max-width: 1024px) {
     .custom-product-grid .products,
     .custom-product-grid .woocommerce ul.products {
         grid-template-columns: repeat(2, 1fr) !important;
     }
 }

 @media (max-width: 767px) {
     .custom-product-grid .products,
     .custom-product-grid .woocommerce ul.products {
         grid-template-columns: 1fr !important;
         padding: 0 0.5rem !important;
     }
     filter-wrapper .select-container {
          width: 100%;
          padding: 0 1rem;
     }
     .filter-wrapper select#simple-cat-filter {
          font-size: 1rem;
          padding:5px 50px;
          border-radius: 10px;
          background: #fff;
          background-image: none; /* optional: remove arrow background */
      }
 }
/* ##### end filter products by categorie style */
/* cart popup styling */
#custom-cart-popup {
  position: fixed;
  top: 60px;
  right: 20px;
  width: 400px;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 9999;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  padding: 15px;
  border-radius: 8px;
  max-height: 400px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  #custom-cart-popup {
    width: 90%;
    right: 5%;
    top: 50px;
  }
  .cart-item{
    gap: 0;
  }
}
.popup-inner {
  position: relative;
}

.close-popup {
  position: absolute;
  top: -26px;
  right: -30px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  width: 40px;
  height: 40px;
  color: #222;
}
@media (max-width: 768px) {
  .close-popup {
    width: 50px;
  }

}
.close-popup:hover {
  background: #444;
  color: #fff;
  padding: 0;
  border-radius: 20px;
}
.cart-item {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;

}

.cart-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.cart-item-info {
  flex: 1;
}

.view-cart-button {
  display: block;
  background: #333;
  color: white;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 10px;
}
.view-cart-button:hover {
  background: #555;
  color: #fff;
}
.remove-item , .remove-item:hover {
    color: rgb(221, 83, 83);
    font-size: 26px;
    background: none !important;
}

/* shop page style */

.custom-category-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.custom-category-item {
    margin-bottom: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.custom-category-item a {
    text-decoration: none;
    color: #444; /* Matches the blue in the image */
    font-size: 14px;
    padding: 5px 10px;
    display: block; /* Full width clickable area */
    transition: color 0.3s ease; /* Smooth hover effect */
}

.custom-category-item a:hover {
    color: #005177; /* Darker blue on hover */
}

.all-button a {
    background-color: #f0f0f0; /* Light gray background for "All" button */
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
}

.category-count {
    margin-left: 5px;
    color: #666; /* Gray count color */
}

/* Adjust sidebar layout */
.categories-sidebar {
    width: 100%;
    padding: 15px 0;
    background-color: #fff; /* White background */
    border-right: 1px solid #eee; /* Subtle right border */
}

/* Ensure footer stays at bottom */
html, body {
    height: 100%;
    margin: 0;
}

#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#primary, #main {
    flex: 1 0 auto;
}

#colophon.site-footer {
    flex-shrink: 0;
    width: 100%;
}
/* start woocommerce custom styles */
.woocommerce-js ul.products li.product a.ast-loop-product__link{
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #777;
    text-align: center;
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__link{
  text-decoration: none;
}
.woocommerce ul.products li.product .price{
    text-align: center;
}
.woocommerce-js ul.products li.product .button, .woocommerce-page ul.products li.product .button{
    background-color: green;
    text-decoration: none;
    width: 100%;
    padding: 5px 10px;
    text-align: center;
}
.woocommerce-js ul.products li.product .ast-woo-product-category, .woocommerce-page ul.products li.product .ast-woo-product-category{
    text-align: center;
}
/* end shop page styles */
/* -------------------------style account page-------------------------------- */
.ast-article-single{
  padding: 60px ;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a{
  color: var(--paragraphs-color);
}
.woocommerce-notices-wrapper{
  margin: 30px auto;
}
.woocommerce-MyAccount-content{
    padding: 10px;
    border: 1px solid #ddd;

}
.woocommerce-MyAccount-content a{
  color: #0d0d29;
}
.woocommerce-message{
  border-top: var(--text-color) solid 2px !important;
}
.woocommerce-cart-form__cart-item .product-name a{
  color: var(--text-color) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #444 !important;
  color: #fff !important;
  padding: 5px;
}
.woocommerce-page table.cart td.actions .button{
  background-color: #444 !important;
}
.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg{
  fill: rgb(173, 73, 73) !important;
}
.woocommerce-page.woocommerce-checkout #payment #place_order,
.woocommerce.woocommerce-checkout #payment #place_order{
  background-color: #444 !important;
  color: #fff !important;
}
/* end woocommerce custom styles */