/* background-color: #fff0f3;    /LIGHT 
   background-color: #ffccd5;
   background-color: #ffb3c1;
   background-color: #ff8fa3;
   background-color: #ff758f;
   background-color: #ff4d6d;
   background-color: #c9184a;
   background-color: #a4133c;
   background-color: #800f2f;
   background-color: #590d22;
   background-color: #c9184a;   //سرخ آبی ‌Red
 */

:root{
   
   /* Paniz */
   
   /* --main_mnu: #FF5722;

   --main_mnu_orj: #2874f0;
   --main_nav_orj: #ff80c0; 
   
   --cart_them: #fff0f3;
   --cart_them: #ffccd5;
   --body_them: #ffb3c1;
   --navi_them: #ff8fa3; 
   --main_them: #ff758f;
   --bott_them: #ff758f;
   --inde_them: #ff758f;
   --foot_them: #ff758f;
   --link_them: #a4133c; */

   

   /* parsianjean */

   --main_mnu: #FF5722;
   --main_mnu_orj: #2230f3;
   --main_nav_orj: #0a0886; 

   --cart_them: #102b85;
   --body_them: #b3b6bd;
   --navi_them: #8fffcb; 
   --main_them: #7595ff;
   --bott_them: #142794;
   --inde_them: #ff758f;
   --foot_them: #395f6e;
   --link_them: #040542;
   

   --MyPadding: 10px;
}


#searchTxt {
   padding:10px 20px;
 }

/* a link */

   a:link{
    color:var(--link_them); 
    color:brown;
   }

   a:visited{
    color:revert-layer;
   }

   a:hover{
    color:red;
   }

   a:active{
    color:greenyellow;
   }

   .input-group {
      display: flex;
      align-items: center;
      gap: 10px; /* Adjust spacing between label and input */
    }
    label {
      font-weight: bold; /* Optional styling */
    }
    input {
      flex-grow: 3; /* Allows the input to take up remaining space */
    }



/* main-area */
   .main-area{
      background-color:var(--body_them); 
      /* color: #fff; */
      color: #3a3636;
   }
/* index-area */
   .inde{
      background-color:var(--inde_them); 
       color: #937979;

      font-size: 14px;
      font-weight: 400;
      margin-bottom: 4px;
     
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
   }

/* footer-area */
   .footer-area{
      padding: 40px 0px;
       
       background-color:var(--bott_them); 
      color: #fff;
   }
   .footer-area a{
      text-decoration: none;
   }
   .footer-area .footer-heading{
      font-size: 24px;
      color: #fff;
   }
   .footer-area .footer-underline{
      height: 1px;
      width: 70px;
      background-color: #ddd;
      /*      background-color:var(--foot_them); */
      margin: 10px 0px;
   }
   .copyright-area{
      padding: 14px 0px;
      background-color: #262626;
   /*      background-color:var(--foot_them); */
   }
   .copyright-area p{
      margin-bottom: 0px;
      color: #fff;
   }
   .copyright-area .social-media{
      text-align: end;
   }
   .copyright-area .social-media a{
      margin: 0px 10px;
      color: #fff;
      width: 20px;
   }

   .checkout .form-control{
      border-radius: 0px !important;
   }
   .checkout .form-control:focus{
      border: 1px solid #000 !important;
      box-shadow: none !important;
   }
   .checkout .nav-link{
      border: 1px solid #000;
      border-radius: 0px;
      margin-bottom: 8px;
   }
   .checkout .tab-content{
      padding-right: 10px;
   }

   /* Cart or Wishlist */
   .shopping-cart .cart-header{
      padding: 10px;
   }
   .shopping-cart .cart-header h4{
      font-size: 18px;
      margin-bottom: 0px;
   }
   .shopping-cart .cart-item a{
      text-decoration: none;
   }
   .shopping-cart .cart-item{
      background-color: #fff;
      box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
      padding: 10px 10px;
      margin-top: 10px;
   }
   .shopping-cart .cart-item .product-name{
      font-size: 16px;
      font-weight: 600;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      cursor: pointer;
   }
   .shopping-cart .cart-item .price{
      font-size: 16px;
      font-weight: 600;
      padding: 4px 2px;
   }
   .shopping-cart .btn1{
      border: 1px solid;
      margin-right: 3px;
      border-radius: 0px;
      font-size: 10px;
   }
   .shopping-cart .btn1:hover{
      background-color: #2874f0;
      color: #fff;
   }
   .shopping-cart .input-quantity{
      border: 1px solid #000;
      margin-right: 3px;
      font-size: 12px;
      width: 40%;
      outline: none;
      text-align: center;
   }

/* Cart or Wishlist */

   .colorSelectionLabel{
      color: #0000;
      padding: 2px 10px;
      border: 1px solid #0000;
      font-size: 14px;
      cursor: pointer;
   }
   .colorSelectionLabel:active{
      background-color: #ffff;
      border: 2px solid #0000;

   }

/* Product View */
   .product-view .product-name{
      font-size: 24px;
      color: #2874f0;
   }
   .product-view .product-name .label-stock{
      font-size: 13px;
      padding: 4px 13px;
      border-radius: 5px;
      color: #fff;
      box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
      float: right;
   }
   .product-view .product-path{
      font-size: 13px;
      font-weight: 500;
      color: #252525;
      margin-bottom: 16px;
   }
   .product-view .selling-price{
      font-size: 26px;
      color: #000;
      font-weight: 600;
      margin-right: 8px;
   }
   .product-view .original-price{
      font-size: 18px;
      color: #937979;
      font-weight: 400;
      text-decoration: line-through;
   }
   .product-view .btn1{
      border: 1px solid;
      margin-right: 3px;
      border-radius: 0px;
      font-size: 14px;
      margin-top: 10px;
   }
   .product-view .btn1:hover{
          background-color: #2874f0;

      color: #fff;
   }
   .product-view .input-quantity{
      border: 1px solid #000;
      margin-right: 3px;
      font-size: 12px;
      margin-top: 10px;
      width: 58px;
      outline: none;
      text-align: center;
   }
   /* Product View */

/* Product Card */
   .product-card{
/*      background-color: #fff;*/
    background-color:var(--cart_them); 
    

      border: 1px solid #ccc;
      margin-bottom: 24px;
   }
   .product-card a{
      text-decoration: none;
   }
   .product-card .stock{
      position: absolute;
      color: #fff;
      border-radius: 4px;
      padding: 2px 12px;
      margin: 8px;
      font-size: 12px;
   }
   .product-card .product-card-img{
      max-height: 260px;
      overflow: hidden;
      border-bottom: 1px solid #ccc;
   }
   .product-card .product-card-img img{
      width: 100%;
   }
   .product-card .product-card-body{
      padding: 10px 10px;
   }
   .product-card .product-card-body .product-brand{
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 4px;
/*      color: #937979;*/
/*      white-space: nowrap;*/
      text-overflow: ellipsis;
      overflow: hidden;
   }
   .product-card .product-card-body .product-name{
      font-size: 20px;
      font-weight: 600;
      color: #000;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
   }
   .product-card .product-card-body .selling-price{
      font-size: 18px;
      color: #000;
      font-weight: 500;
      margin-right: 8px;
   }
   .product-card .product-card-body .original-price{
      font-size: 17px;
      color: #937979;
      font-weight: 400;
      text-decoration: line-through;
   }
   .product-card .product-card-body .btn1{
      border: 1px solid;
      margin-right: 3px;
      border-radius: 0px;
      font-size: 12px;
      margin-top: 10px;
   }
/* Product Card End */

/* Category Start */
   .category-card{
      border: 1px solid #ddd;
      box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
      margin-bottom: 24px;
      background-color: #fff;
   }
   .category-card a{
      text-decoration: none;
   }
   .category-card .category-card-img{
      max-height: 260px;
      overflow: hidden;
      border-bottom: 1px solid #ccc;
   }
   .category-card .category-card-body{
      padding: 10px 16px;
   }
   .category-card .category-card-body h5{
      margin-bottom: 0px;
      font-size: 18px;
      font-weight: 600;
      color: #000;
      text-align: center;
   }
/* Category End */

/* carousel-item Start */
   .carousel-item .custom-carousel-content{
      width: 50%;
      transform: translate(0%, -10%);
   }
   .custom-carousel-content{
      text-align: start;
   }
   .custom-carousel-content h1{
      font-size: 40px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 30px;
   }
   .custom-carousel-content h1 span{
      color: #fbff00;
   }
   .custom-carousel-content p{
      font-size: 18px;
      font-weight: 400;
      color: #fff;
      margin-bottom: 30px;
   }
   .custom-carousel-content .btn-slider{
      border: 1px solid #fff;
      border-radius: 0px;
      padding: 8px 26px;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.5px;
   }

/* Navbar CSS */
   .main-navbar{
      border-bottom: 1px solid #ccc;
   }
   .main-navbar .top-navbar{
   /*      background-color: #2874f0;*/
      background-color:var(--main_them); 

      padding-top: 10px;
      padding-bottom: 10px;
   }
   .main-navbar .top-navbar .brand-name{
      color: #fff;
   }
   .main-navbar .top-navbar .nav-link{
      color: #fff;
      font-size: 16px;
      font-weight: 500;
   }
   .main-navbar .top-navbar .dropdown-menu{
      padding: 0px 0px;
      border-radius: 0px;
   }
   .main-navbar .top-navbar .dropdown-menu .dropdown-item{
      padding: 8px 16px;
      border-bottom: 1px solid #ccc;
      font-size: 14px;
   }
   .main-navbar .top-navbar .dropdown-menu .dropdown-item i{
      width: 20px;
      text-align: center;
      color: #2874f0;
      
      font-size: 14px;
   }
   .main-navbar .navbar{
      padding: 0px;
      /*      background-color: #ddd;*/
      background-color:var(--navi_them); 
      /* background-color: #ff80c0; */
   }
   .main-navbar .navbar .nav-item .nav-link{
      padding: 8px 20px;
      color: #000;
      font-size: 15px;
   }

   @media only screen and (max-width: 600px) {
      .main-navbar .top-navbar .nav-link{
          font-size: 12px;
          padding: 8px 10px;
      }
   }

/*media screen*/
   @media screen and (min-width:450px) {

      /*.container {
         --fontsize:50px;
      }*/
      :root{
         --blue:lightblue;
      }
   }