/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap, #wpadminbar {
    background-color: #041D3B !important;
}
#adminmenu li.menu-top:hover, #wpadminbar .ab-item:hover{
		background-color: #F36800 !important;
		color: #fff !important;
}
#wpadminbar .ab-item {
    color: #ffffff;
}
#wpadminbar .ab-item:before, #wpadminbar .ab-icon:before {
	color: #fff;
}

/* ============================== */
/* Đặt phần tử chứa các khóa học thành thanh trượt ngang */
.bb-courses-directory{
	display:none;
}
.ld-course-list-content {
	margin-bottom: 0 !important;
}

.ld-course-list-items.row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll; /* Kích hoạt thanh cuộn ngang */
    gap: 20px; /* Khoảng cách giữa các khóa học */
    padding: 20px 0;
    scroll-behavior: smooth; /* Cuộn mượt mà */
}

/* Cấu hình lại kích thước của mỗi khóa học để chúng hiển thị trên một dòng */
.ld_course_grid {
    flex-shrink: 0; /* Không cho phép các phần tử bị co lại */
    width: 300px; /* Chiều rộng cố định cho mỗi khóa học */
    scroll-snap-align: start; /* Dính vào khi cuộn đến */
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

/* Định dạng lại thanh cuộn */
.ld-course-list-items::-webkit-scrollbar {
    height: 10px; /* Độ cao của thanh cuộn */
}

.ld-course-list-items::-webkit-scrollbar-thumb {
    background-color: #F36800; /* Màu thanh cuộn */
    border-radius: 10px;
}

.ld-course-list-items::-webkit-scrollbar-track {
    background-color: #041D3B; /* Nền của thanh cuộn */
}

/* Điều chỉnh hình ảnh và nội dung bên trong các khóa học */
.ld_course_grid img {
    max-width: 100%;
    border-radius: 8px;
    height: auto;
}

/* Điều chỉnh lại các nút điều hướng "See More" */
.ld_course_grid_button .btn {
    margin-top: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.ld_course_grid_button .btn:hover {
    background-color: #0056b3;
}

/* 0============================== */

.header-aside-inner .bb-header-buttons {
	border: 2px solid #f46900;
	border-radius: 10px;
}
.bb-header-buttons .button.link {
	padding: 0 15px !important;
}

.ht-list-courses .elementor-widget-container .eael-learndash-wrapper .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail{
	width: 50%;
	float: left;
}
.ht-list-courses .elementor-widget-container .eael-learndash-wrapper .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail img{
	height: 180px;
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.ht-list-courses .elementor-widget-container .eael-learndash-wrapper .eael-learn-dash-course-inner .eael-learn-deash-course-content-card{
	width: 50%;
	float: right;
}
.ht-list-courses .eael-learn-dash-course .eael-learn-dash-course-inner .eael-learn-deash-course-content-card {
	background: #f46900;
	border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
	padding: 0 !important;
	height: 180px;
}
#ht-box-my-schedule .elementor-widget-container .am-cabinet-dashboard .am-cabinet-dashboard-header{
	display: none !important;
}
#ht-box-my-schedule .amelia-app-booking #am-cabinet .am-cabinet-dashboard .am-cabinet-menu{
	background: linear-gradient(300deg, #ffc475, #F36800);
}
#ht-box-my-schedule #am-modal.am-modal.am-in-body .el-button--primary.el-button, .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button{
	background-color: #F36800 !important;
    border-color: #F36800 !important;
}
#ht-box-my-schedule #am-modal.am-modal.am-in-body .el-button--primary.el-button, .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button:hover{
	background-color: #ffa561  !important;
    border-color: #ffa561 !important;
}

#box-tab-booking .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], #box-tab-booking .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover{
	background: #F36800 !important;
}
#box-booking .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date, #box-booking .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date{
	background: linear-gradient(300deg, #ffc475, #F36800) !important;
}
#box-booking .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date *, #box-booking .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date *{
	color: black !important;
}

#ht-box-search-class .amelia-app-booking #amelia-booking-wrap #am-search-booking .am-search-results .am-search-input {
	background: linear-gradient(300deg, #ffc475, #F36800) !important;
}
#ht-box-search-class #service-list .am-service{
	width: 48.5%;
	float: left;
	margin-right: 1%;
}
#ht-box-search-class #service-list .am-service .am-service-header .am-service-image{
	display: none !important;
}
.amelia-app-booking #amelia-booking-wrap #am-search-booking .am-search-results .am-service-list-container .am-service{
	margin-bottom: 9px !important;
}
.amelia-app-booking #amelia-booking-wrap #am-search-booking .am-search-results .am-service-list-container .am-service-header .am-service-data .am-service-info div:last-child {
	display: none;
}

/*  ========================================  */

/* General Form Styles */

.footer-widget-area.bb-footer{
    background: #fffaf4;
}

form.ht-form-bottom {
  background-color: #fdf5e5; /* Light cream background */
  padding: 20px;
  border-radius: 10px;
  margin: 0 auto;
}

form.ht-form-bottom  input[type="text"],
form.ht-form-bottom  input[type="email"] {
  width: 100%;
  padding: 15px;
  margin: 10px 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: rgba(255, 167, 106, 0.2); /* Soft peach background */
  color: #444;
  font-size: 16px;
}

form.ht-form-bottom input[type="text"]:focus,
form.ht-form-bottom input[type="email"]:focus {
  outline: none;
  border: 1px solid #ffaa6a;
}

form.ht-form-bottom label {
  font-weight: bold;
  color: #1a2c40;
  font-size: 14px;
}

form.ht-form-bottom input[type="submit"] {
  width: 100% !important;
  background-color: #f46900 !important; /* Bright orange for button */
  color: white !important;
  font-weight: bold !important;
  margin-top: 18px !important;
  padding: 15px !important;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  font-size: 16px !important;
}

form.ht-form-bottom input[type="submit"]:hover {
  background-color: #d95d00; /* Darker orange on hover */
}

.gform_heading{
    display: none !important;
}

.ht-form-bottom .gform_body .gform_fields .gfield {
    margin-bottom: -30px !important;
}

/* Optional: Add custom padding for mobile devices */
@media (max-width: 600px) {
  form.ht-form-bottom form {
    padding: 15px;
  }

  form.ht-form-bottom input[type="text"],
  form.ht-form-bottom input[type="email"],
  form.ht-form-bottom input[type="submit"] {
    padding: 12px;
  }
}

@media (max-width: 480px) {
    .ht-list-courses .elementor-widget-container .eael-learndash-wrapper .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail{
    	width: 48%;
    }
    .ht-list-courses .elementor-widget-container .eael-learndash-wrapper .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail img{
    	height: 139px;
    }
    .ht-list-courses .elementor-widget-container .eael-learndash-wrapper .eael-learn-dash-course-inner .eael-learn-deash-course-content-card{
    	width: 52%;
    }
    .ht-list-courses .eael-learn-dash-course .eael-learn-dash-course-inner .eael-learn-deash-course-content-card {
    	height: 139px;
    }
    .ht-list-courses .eael-learn-dash-course-short-desc{
        display: none;
    }
	
	#ht-box-search-class #service-list .am-service{
		width: 100%;
		float: none;
	}
}