/* ==========================================================================
   VJIP — CSS ghi đè cho theme con Pearl Child
   Mục tiêu: đổi màu chủ đạo sang đỏ/xanh theo logo VJIP, giảm bo góc.
   Không đụng vào theme gốc "pearl" — chỉ nạp sau app.css để ghi đè.
   ========================================================================== */

:root {
	--vjip-red: #e2231a;
	--vjip-red-dark: #b81a13;
	--vjip-blue: #1a4e9c;
	--vjip-blue-dark: #123a78;
	--vjip-radius: 6px;
	--vjip-radius-sm: 4px;
}

/* ---------- Bo góc: giảm bớt tròn trên toàn site ---------- */
.stm-button,
.stm_button,
[class*="stm-button"],
.vc_btn3,
a.button,
button,
input[type="submit"],
.stm_services .item,
.stm_services_style_1 .item,
.stm_testimonials .item,
.stm_projects_cards .item,
.wpb_content_element img,
.vc_single_image-wrapper,
.stm_services img,
.stm_projects_cards img,
.stm-header__cell_search .search-form input {
	border-radius: var(--vjip-radius) !important;
}

/* ---------- Nút (Button) ---------- */
.stm-button,
.stm_button,
[class*="stm-button"],
.vc_btn3,
a.button,
button[type="submit"],
input[type="submit"] {
	background-color: var(--vjip-red) !important;
	border-color: var(--vjip-red) !important;
	color: #ffffff !important;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}
.stm-button:hover,
.stm_button:hover,
[class*="stm-button"]:hover,
.vc_btn3:hover,
a.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: var(--vjip-red-dark) !important;
	border-color: var(--vjip-red-dark) !important;
}

/* Nút viền/outline (nếu Pearl dùng biến thể "vc_btn3-style-outline") */
.vc_btn3-style-outline,
.vc_btn3-style-outline-custom {
	background-color: transparent !important;
	border-color: var(--vjip-red) !important;
	color: var(--vjip-red) !important;
}
.vc_btn3-style-outline:hover,
.vc_btn3-style-outline-custom:hover {
	background-color: var(--vjip-red) !important;
	color: #ffffff !important;
}

/* ---------- Link / chữ nhấn ---------- */
a {
	color: var(--vjip-blue);
}
a:hover {
	color: var(--vjip-red);
}

/* Gạch chân/divider nhỏ dưới tiêu đề (class thật cua Pearl: stm_titlebox) */
.stm_titlebox:after,
.stm_pearl_divider,
.wpb_content_element .vc_separator .vc_sep_line,
.titlebox .divider {
	border-color: var(--vjip-red) !important;
	background-color: var(--vjip-red) !important;
}

/* ---------- Header ---------- */
.stm-header__element a:hover,
.stm-header .menu-item.current-menu-item > a,
.stm-header .menu-item:hover > a {
	color: var(--vjip-red) !important;
}

/* ---------- Services / Testimonials / Projects: điểm nhấn màu ---------- */
.stm_services .item .stm_services__icon,
.stm_services .item i,
.stm_testimonials .quote-icon,
.stm_testimonials i,
.stm_projects_cards .category,
.stm_projects_cards .item .cat {
	color: var(--vjip-red) !important;
}

.stm_services .item:hover,
.stm_projects_cards .item:hover {
	border-color: var(--vjip-blue) !important;
}

/* ---------- Badge / nhãn thứ cấp dùng tông xanh ---------- */
.stm_projects_cards .item .date {
	color: var(--vjip-blue) !important;
}