/* .icons-accordion:not(.collapsed)::after {
    background-image: url('{{asset('/assets/front/newTheme/css/icon1.png')}}');
    transform: rotate(-180deg);
} */
.admin-logo {
  font-size: 13px !important;
  width: 50px;
  height: 50px;
  background-color: #419b95 !important;
  color: #fff;
  padding-top: 15px !important;
  padding-left: 2px !important;
  border-radius: 50%;
}
.icons-accordion::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;
   content: "";
   background-image: url('../images/icon1.png');
   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform .2s ease-in-out;
}
.accordion-style1 .icons-accordion::after {
   width: 1.5rem;
   height: 2rem;
   background-size: 23px;
   filter: brightness(0) invert(0);
}
.icons-accordion:not(.collapsed)::after {
   background-image: url('../images/icon2.png');
   transform: rotate(-180deg);
} 

  .hide{
    display:none !important; 
 }
 .count-cart{
    color:white !important;
 }
 .search-form {
     /* ... existing styles ... */
     transition: all 0.3s ease;
     opacity: 0;
     visibility: hidden;
 }
 
 .search-form.show {
     opacity: 1;
     visibility: visible;
 }
 .search-form-wrapper {
     position: relative;
 }
 
 .search-toggle-btn {
     background: transparent;
     border: none;
     padding: 8px;
     cursor: pointer;
 }
  
 
 .search-form {
     display: none;
     position: absolute;
     top: 100%;
     right: 0;
     width: 300px; /* adjust as needed */
     padding: 10px;
     background: white;
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
 }
 
 /* Show search form on larger screens by default if needed */
 @media (min-width: 576px) {
     .search-form.show {
         display: block;
     }
 }
 
 /* Mobile styles */
 @media (max-width: 575px) {
     .search-form.show {
         display: block;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(255,255,255,0.95);
         z-index: 1000;
     }
     .Author_div{
       margin-top:15px; 
     }

     .cart-item-info h6{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
     }
     
     .profile-img-small{
        display: none;
     }
     .on_mobile{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
     }

     

    }
    .search-form-wrapper {
       position: relative;
    }
    .clear-search {
       position: absolute;
        
       top: 50%;
       transform: translateY(-50%);
       cursor: pointer;
       color: #999;
       display: none;
       z-index: 2;
      
         right: 0;
   
       
         padding: 10px;
         z-index: 1;
    }
    #search_input{
        min-width: 0;
         min-height: 40px;
    }
    .clear-search:hover {
       color: #666;
    }
 
    .dc_btn {
          border-color: #EA5822 !important;
          color: #777D74 !important;
          font-weight: 500;
          background-image: linear-gradient(45deg, #EA5822 50%, transparent 50%) !important;
          background-position: 100% !important;
          background-size: 400% !important;
          transition: background 300ms ease-in-out !important;
          background-color: transparent;
          border: 1px solid transparent;
          border-radius:5px;
    }
 
       .dc_btn:hover {
       background-position: 0 !important;
       color: #fff !important;
       border: 1px solid #EA5822 !important;
       text-decoration: none;
       background-size: 400% !important;
       transition: background 300ms ease-in-out !important;
          font-weight: 500;
       background-image: linear-gradient(45deg, #EA5822 50%, transparent 50%) !important;
       }
       
 
       @media (max-width: 767px) {
          .second-slider {
             margin-top: 6px !important;
          }
    }
 
    .avatar-2 {
       width: 40px !important;
       object-fit: cover !important;
       height: 40px !important;
    }
 
 
    .pagination {
    display: flex;
    padding-right: 10% !important;
    list-style: none;
    justify-content: center !important;
 }
 
   .slider-wrapper {
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s ease;
 }
 .slider-wrapper.slick-initialized {
     opacity: 1;
     visibility: visible;
 }
  
   
 
 
 @media only screen and (max-width: 767px) {
     /* Styles for mobile devices (smartphones and small tablets) */
     .vision-images {
        display:none;
        
     }
 }

 .see-btn {
   padding: 5px 10px !important;
}

.profile {
   object-fit: cover;
   object-position: top !important;
}   

.thumbnail-slide-pic {
   background-size: contain !important; 
   border: 1px solid #e3e3e3 !important;
   }

   
.pagination-container {
   margin: 1rem 0;
 }
 
 /* Style for pagination list */
 .pagination {
   margin: 0;
   padding: 0;
 }
 
 /* Individual page items */
 .pagination .page-item {
   margin: 0 2px;
 }
 
 /* Page links */
 .pagination .page-link {
   padding: 0.375rem 0.75rem;
   color: #2e75cf;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 4px;
   font-size: 14px;
   line-height: 1.5;
   text-decoration: none;
 }
 
 /* Hover state */
 .pagination .page-link:hover {
   color: #1b5bb0;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }
 
 /* Active state */
 .pagination .page-item.active .page-link {
   background-color: #2e75cf;
   border-color: #2e75cf;
   color: white;
 }
 
 /* Disabled state */
 .pagination .page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
   border-color: #dee2e6;
 }
 
 /* For mobile responsiveness */
 @media (max-width: 576px) {
   .pagination .page-link {
     padding: 0.25rem 0.5rem;
     font-size: 13px;
   }
   
   .pagination-container {
     overflow-x: auto;
     padding-bottom: 1rem;
   }
 }
  
 .close{
    border:none;
 }
 
 .text-muted {
     font-size: 0.5rem !important;
 }
 .pagination{
    justify-content: end !important;
 }
  
 .gap-2 {
   gap: 0.5rem !important;
 }
 
  
 
 .dc_btn:hover {
   background-color: #1b5bb0;
   color: white;
 }
 
 .search-input {
   height: 31px;
   font-size: 0.875rem;
 }
 
 .search-link {
   color: #6c757d;
   text-decoration: none;
   font-size: 0.875rem;
 }
 
 /* Responsive adjustments */
 @media (max-width: 576px) {
   .d-flex {
     /* flex-wrap: wrap; */
     justify-content: flex-end;
   }
   
   .searchbox {
     width: 100%;
     justify-content: flex-end;
     margin-bottom: 0.5rem;
   }
 }
  .btns{
    height:30px;
    font-size:13px !important;
  }
 .edit_writer-image {
     height: 100%;
     width: 100%;
     border-radius: 50%;
     object-fit: cover;
 }

 /* .book-image{
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5)  !important;
 }  */
 .book-price{
  color: #24AADF !important;
 }
 .book-price-discount{
  color: red !important;
 }
 /* .author_div{
max-height: 506px !important; 
 } */
 /* #thumbnail_slider{
  display: none !important;
} */   
 
.splide__slide {
  position: relative; /* Make the element a positioning context */
}

.splide__slide::before {
  content: ''; /* Required for pseudo-elements */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit; /* Use the same background as the parent */
  background-size: contain !important; /* Match the parent's background size */
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1; /* Place it behind the content */
  filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.3)); /* Add the shadow */
  border-radius: 8px; /* Optional for rounded corners */
}