/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Child theme for Hello Elementor - A lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. This child theme allows you to customize the parent theme without losing your changes when the parent theme is updated.
	Author: Your Name
	Author URI: https://yourwebsite.com
	Template: hello-elementor
	Version: 1.0.66
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");

/* Custom styles for child theme */
body {
    /* Add your custom body styles here */
}

/* Custom header styles */
.site-header {
    /* Add your custom header styles here */
}

/* Custom footer styles */
.site-footer {
    /* Add your custom footer styles here */
}

/* Custom content styles */
.site-content {
    /* Add your custom content styles here */
}

/* Custom navigation styles */
.main-navigation {
    /* Add your custom navigation styles here */
}

/* Custom button styles */
.button, .btn {
    /* Add your custom button styles here */
}

/* Custom form styles */
input, textarea, select {
    /* Add your custom form styles here */
}

/* Custom responsive styles */
@media (max-width: 768px) {
    /* Add your custom mobile styles here */
}

@media (max-width: 480px) {
    /* Add your custom small mobile styles here */
} 


/* Custom CSS, vẫn có thêm ở CSS bổ sung - begin */
.elementor-widget-image a {
    display: block;
}

.blog-loop-1 .e-loop-item .elementor-widget-theme-post-featured-image {
    transition: all 300ms ease;
}

.blog-loop-1 .e-loop-item:hover .elementor-widget-theme-post-featured-image {
    box-shadow: 3px 3px 4px 0px #00000040;
}

.vbpl-loop-1 .e-loop-item .elementor-widget-html svg path {
    transition: all 300ms ease;
}

.vbpl-loop-1 .e-loop-item:hover .elementor-widget-html svg path {
    fill: #D32F2F;
}

.elementor-element.icon-arrow-right .elementor-icon:hover svg path {
    fill: #D32F2F;
}

.vbpl-loop-2 .e-loop-item .elementor-widget-html svg path {
    transition: all 300ms ease;
}

.vbpl-loop-2 .e-loop-item:hover .elementor-widget-html svg path {
    fill: #D32F2F;
}

.vbpl-loop-2 .e-loop-item:hover .elementor-heading-title a {
    color: #D32F2F;
}

.vbpl-loop-2 .e-loop-item:hover .elementor-widget-theme-post-excerpt {
    color: #D32F2F;
}

.gydt-loop-1 .e-loop-item .elementor-widget-html svg path {
    transition: all 300ms ease;
}

.gydt-loop-1 .e-loop-item:hover .elementor-widget-html svg path {
    fill: #D32F2F;
}

.gydt-loop-1 .e-loop-item:hover .elementor-heading-title a {
    color: #D32F2F;
}

.gydt-loop-1 .e-loop-item:hover .elementor-widget-theme-post-excerpt {
    color: #D32F2F;
}

.vbpl-loop-2 .elementor-widget-icon-box svg path,
.gydt-loop-1 .elementor-widget-icon-box svg path {
	transition: all 300ms ease;
}

.vbpl-loop-2 .elementor-widget-icon-box:hover svg path,
.gydt-loop-1 .elementor-widget-icon-box:hover svg path {
	fill: #D32F2F;
}

.vbpl-loop-2,
.gydt-loop-1 {
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.ss-hidden-overlay-hover .overlay-bg {
	transition: all 300ms ease;
}

.ss-hidden-overlay-hover:hover .overlay-bg {
	opacity: 0;
	pointer-events: none;
}

.elementor-25 .elementor-element.elementor-element-af23ffa .elementor-image-box-title {
    margin-top: 0;
}

.elementor-menu-toggle {
	justify-content: flex-end;
}

.elementor-nav-menu--dropdown {
	width: 100vw;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
	padding-bottom: 10px;
	z-index: 99;
}
.wp-singular a {
    word-break: break-word;
}

.post-toolbar button.toolbar-btn {
    padding: 0;
}
@media (max-width: 767px) {
    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
			display: flex;
			align-items: center;
    }
	
	.image-box-item.elementor-widget-image-box .elementor-image-box-wrapper {
			text-align: left;
			display: flex;
			align-items: center;
			gap: 10px;
	}
}
/* Nut quay vè dau trang */
.back-to-top {
    position: fixed;
    bottom: 10px; /* đẩy nút xuống , 30px */
	right: 100px; /* xa góc phải , 30px */
}

/* tieu dê văn ban */
.elementor-widget-theme-post-title .elementor-heading-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tb-home a {
    display: -webkit-box;           /* bắt buộc để clamp hoạt động */
    -webkit-line-clamp: 3;          /* số dòng muốn hiển thị */
    -webkit-box-orient: vertical;   /* hướng box theo chiều dọc */
    overflow: hidden;               /* ẩn phần dư thừa */
}

/* Giới hạn title tối đa 3 dòng + thêm icon cho 3 bài đầu tiên */
.tb-home .elementor-loop-container.elementor-grid > *:nth-child(-n+3) .elementor-heading-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;       /* Giới hạn 3 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;          /* Để đặt icon tuyệt đối */
    padding-right: 30px;         /* Chừa khoảng cho icon */
    text-overflow: ellipsis;
    word-break: break-word;      /* Ngắt từ nếu quá dài */
}

/* Icon NEW */
.tb-home .elementor-loop-container.elementor-grid > *:nth-child(-n+3) .elementor-heading-title a:before {
    content: '';
    background: url(/wp-content/uploads/2025/08/icon-new.png) no-repeat center;
    width: 22px;
    height: 22px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0; /* để icon nằm sát bên phải */
}
.widget-header {
	 background: #0c83d6;
}
.featured-news-list .date-box .month {
	 background: #0c83d6;
}
.icon-megaphone {
    color: #0065B3;
}
.blog-loop-1, .vbpl-loop-1 {
    max-height: 420px ; 
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.breadcrumb {
    margin-bottom: 2rem;
}
.breadcrumb-list {
    list-style: none;
    display: flex;
    align-items: center;
    background-color: #004FA008;
    padding: .6rem 1rem .8rem;
}
.breadcrumb-item {
    margin-right: .5rem;
    font-size: .875rem;
    color: #62646A
}
.breadcrumb-item.arrow {
    width: 1.5rem;
    line-height: 1;
    position: relative;
    top: .1rem;
}
.breadcrumb-link {
    font-weight: 600;
    color: #62646A;
}
.breadcrumb-link:hover {
    color: #62646A;
}
.breadcrumb-txt {
    font-weight: 500;
    color: #004FA0
}
h3.related-posts-title {
    display: inline-flex;
    height: 40px;
    padding: 8px 14px;
    align-items: center;
    gap: 10px;
    background: #0C83D6;
    color: #ffffff;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.8px;
    margin: 0;
}

.related-posts-header {
    border-bottom: 2px solid #0C83D6;
    margin-bottom: 16px;
}
.header-menu a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 0px; /* 162.5% */
    text-transform: uppercase;
}

.tab-img .e-n-tabs:before {
	content: 'Ảnh & Video' !important; 
    /* content: "Đa phương tiện";
     * color: #0065B3; */
    color: #0C83D6!important; 
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.8px;
    text-transform: uppercase;
    position: absolute;
}

/* CSS API VB Chi đạo Thanh pho */
/* ==== Cấu hình thanh cuộn chung ==== */
.news-list {
  max-height: 400px;        /* 👈 Cố định chiều cao tối đa */
  overflow-y: auto;         /* 👈 Cuộn dọc */
  overflow-x: hidden;       /* Ẩn cuộn ngang */
  padding-right: 8px;       /* Tránh chữ sát thanh cuộn */
  scrollbar-width: thin;    /* Cho Firefox */
  scrollbar-color: #999 #f1f1f1;
}

.news-list::-webkit-scrollbar {
  width: 6px;
}
.news-list::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 3px;
}
.news-list::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* ==== Cụ thể cho từng loại shortcode ==== */

/* Văn bản điều hành */
.executive-documents .news-list {
  max-height: 350px;
}

/* Tin hoạt động lãnh đạo */
.leadership-news .news-list {
  max-height: 350px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.leadership-news .news-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.leadership-news .news-img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
}
.leadership-news .news-content a {
  font-weight: 500;
  color: #333;
  text-decoration: none;
}
.leadership-news .news-content a:hover {
  color: #0073aa;
}

/* Tin chỉ đạo điều hành */
.executive-direction .news-list {
  max-height: 350px;
}
.executive-direction .news-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
}
.executive-direction .icon-megaphone {
  flex-shrink: 0;
  width: 20px;
  color: #0073aa;
}

/* Custom CSS, vẫn có thêm ở CSS bổ sung - end */