/*
Theme Name: HauNMovie Child
Theme URI: https://www.xemphimxua.top/
Description: Child theme for HauNMovie theme.
Author: Your Name
Author URI: https://www.xemphimxua.top/
Template: haunmovies
Version: 1.0.0
Text Domain: haunmovies-child
*/

/* Các quy tắc CSS tùy chỉnh của bạn sẽ được thêm vào đây sau */
/* --- BẮT ĐẦU CÁC QUY TẮC THAY THẾ FONT --- */

/* 1. Vô hiệu hóa quy tắc @font-face cho 'hadpro' (nếu có trong theme gốc) */
/* Nếu theme gốc nhúng font 'hadpro' trực tiếp bằng @font-face trong style.css của nó,
   việc bình luận hoặc xóa bỏ quy tắc này trong Child Theme sẽ ngăn trình duyệt tải nó.
   Tuy nhiên, việc ghi đè bằng font-family bên dưới thường là đủ. */
/* @font-face {
    font-family: hadpro;
    src: url(data:font/opentype;charset=utf-8;base64,...);
} */

/* 2. ÁP DỤNG FONT MONTSERRAT CHO CÁC PHẦN TỬ CỤ THỂ */

/* Áp dụng cho TOÀN BỘ nội dung trang web */
/* Điều này đảm bảo hầu hết văn bản sẽ chuyển sang Montserrat */
body {
  font-family: "Montserrat", sans-serif !important;
}

/* Áp dụng cho TẤT CẢ CÁC TIÊU ĐỀ (Heading 1 đến Heading 6) */
/* Tiêu đề thường có font riêng, nên cần ghi đè cụ thể */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif !important;
}

/* Áp dụng cho CÁC PHẦN TỬ ĐIỀU HƯỚNG (Menu, Navbar) */
/* Các menu thường có các lớp CSS riêng */
.main-navigation,
.main-navigation a,
.navbar-nav,
.navbar-nav a,
.halim-navbar .navbar-header .navbar-brand {
  font-family: "Montserrat", sans-serif !important;
}

/* Áp dụng cho CÁC NÚT và TRƯỜNG NHẬP LIỆU (Input fields) */
/* Nút và form cũng thường có font riêng */
button,
input[type="button"],
input[type="submit"],
input[type="text"] /* Bao gồm input text cho ô tìm kiếm */,
.form-control /* Lớp phổ biến cho các input trong form */,
.button {
  font-family: "Montserrat", sans-serif !important;
}

/* Áp dụng cho CÁC PHẦN TỬ CỤ THỂ CỦA THEME "HauNMovie" */
/* Dựa trên cấu trúc CSS của theme bạn đã cung cấp trước đó.
   Đây là những bộ chọn CSS mà theme gốc có thể đang dùng font 'hadpro'.
   Chúng ta ghi đè chúng bằng 'Montserrat'. */
.halim-post-title h2 {
  font-family: "Montserrat", sans-serif !important;
}
.site-title {
  font-family: "Montserrat", sans-serif !important;
}
.slogan p {
  font-family: "Montserrat", sans-serif !important;
}
.ajax-results li a {
  font-family: "Montserrat", sans-serif !important;
}
.navbar-toggle-pc,
.navbar-toggle {
  font-family: "Montserrat", sans-serif !important;
}
.dropdown-menu li a {
  font-family: "Montserrat", sans-serif !important;
}
.video-description {
  font-family: "Montserrat", sans-serif !important;
}
.popular-movies h3,
.movie-title,
.movie-views {
  font-family: "Montserrat", sans-serif !important;
}

/* --- KẾT THÚC CÁC QUY TẮC THAY THẾ FONT --- */
/* Ẩn play button trong widget lịch chiếu phim */
#ajax-showtimes-widget .play-btn,
.halim-showtimes-widget .play-btn {
    display: none !important;
}

/* Cải thiện hiển thị movie item */
.halim-showtimes-widget .halim-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.halim-showtimes-widget .halim-item:hover {
    transform: translateY(-2px);
}

.halim-showtimes-widget .halim-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.halim-showtimes-widget .halim-post-title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}

.halim-showtimes-widget .halim-post-title .entry-title {
    color: white;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* Loading indicator styling */
.halim-ajax-popular-post-loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

/* Tab styling cải thiện */
.halim-showtimes-block li {
    cursor: pointer;
    transition: all 0.3s ease;
}

.halim-showtimes-block li:hover {
    background-color: #f8f9fa;
}

.halim-showtimes-block li.active {
    background-color: #007cba;
}

.halim-showtimes-block li.active a {
    color: white !important;
}