/*
Theme Name: VideoTube Child
Description: VideoTube - A Responsive Video WordPress Theme.
Author: Toan Nguyen
Theme URI: http://themeforest.net/item/videotube-a-responsive-video-wordpress-theme/7214445?ref=phpface
Author URI: http://themeforest.net/user/phpface
Version: 2.1
Template: videotube
License: Themeforest Licence
License URI: http://themeforest.net/licenses
Text Domain: mars
Tags: fixed-layout, fluid-layout, responsive-layout, translation-ready, light, white, one-column, two-columns, right-sidebar,custom-menu, editor-style, featured-images,  sticky-post, theme-options, translation-ready
*/

    /* Các thuộc tính chung cho thanh cuộn */
/* Các thuộc tính chung cho thanh cuộn */
.suggestions {
    position: absolute;
    background: #333;
    border: 1px solid #555;
    top: 50px;
    display: none;
    z-index: 1000;
    width: calc(100% - 20px);
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    padding: 0;
    margin: 0;
}

/* Thanh cuộn dọc */
.suggestions::-webkit-scrollbar {
    width: 8px; /* Kích thước thanh cuộn dọc */
}

.suggestions::-webkit-scrollbar-track {
    background: #444; /* Màu nền của khu vực thanh cuộn */
    border-radius: 10px; /* Bo góc khu vực thanh cuộn */
}

.suggestions::-webkit-scrollbar-thumb {
    background: #666; /* Màu của thanh cuộn */
    border-radius: 10px; /* Bo góc thanh cuộn */
}

.suggestions::-webkit-scrollbar-thumb:hover {
    background: #888; /* Màu của thanh cuộn khi di chuột qua */
}

/* Thanh cuộn ngang (nếu cần) */
.suggestions::-webkit-scrollbar-horizontal {
    height: 8px; /* Kích thước thanh cuộn ngang */
}

.suggestions::-webkit-scrollbar-track {
    background: #444; /* Màu nền của khu vực thanh cuộn ngang */
    border-radius: 10px; /* Bo góc khu vực thanh cuộn ngang */
}

.suggestions::-webkit-scrollbar-thumb {
    background: #666; /* Màu của thanh cuộn ngang */
    border-radius: 10px; /* Bo góc thanh cuộn ngang */
}

.suggestions::-webkit-scrollbar-thumb:hover {
    background: #888; /* Màu của thanh cuộn ngang khi di chuột qua */
}

.suggestion-item {
    padding: 10px;
    border-bottom: 1px solid #444;
    cursor: pointer;
    color: #fff;
    transition: background 0.3s;
}

.suggestion-item:last-child {
    border-bottom: none;
}

.suggestion-item:hover {
    background: #555;
}