/*
Theme Name: Vime Shop
Description: Vime Shop
Theme URI: #
Version: 1.0
Author: #
Author URI: #
Tags: wordpress
Text Domain: vime
Language Folder: /languages
*/

::-webkit-scrollbar {
    width: 10px;
    border-radius: 999px !important;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 999px !important;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 999px !important;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  html {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    scroll-behavior: smooth;
    border-radius: 999px !important;
  }
  
  html:hover {
    scrollbar-color: #555 #f1f1f1;
  }
  #preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff !important; /* Màu nền trắng cho preloader */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #loader {
    position: absolute;
    width: 50px; /* Kích thước của loader */
    height: 50px;
  }
  
  #loader svg {
    animation: spin 2s linear infinite;
    width: 100%;
    height: 100%;
  }
  
  /* Hiệu ứng quay vòng */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  /* Loader */
  #loader circle {
    fill: none;
    stroke: #ddd; /* Màu sáng hơn cho vòng tròn loader */
    stroke-width: 4;
  }
  
  /* Fade Out Effect */
  #preloader.fade-out {
    opacity: 0;
    transition: opacity 1s ease-out;
    visibility: hidden;
  }