:root {
	--color-white: #fff;
	--color-black: #000;
	--color-main: #154165;
	--medium-blue: #2680B5;
	--hover-color: #EEB935;
}

/* Áp dụng cho Chrome, Edge và Safari */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-main);
	border-radius: 8px;
	border: none;
}

body {
	font-weight: 500 !important;
}

h1, h2 {
	color: var(--color-main) !important;
}

.nav-left {
    justify-content: space-around !important;
	font-size: 17px;
}

.header-nav-main.nav-line-bottom > li > .phone-btn:before {
	background: transparent !important;
}

.off-canvas-left .mfp-content {
	background: var(--medium-blue) !important;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	color: var(--color-white);
	font-size: 15px;
}

.phone-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: var(--hover-color) !important;
    color: var(--color-white) !important;
    padding: 10px 15px !important;
    border-radius: 25px;
    font-weight: 600;
    font-size: 16px !important;
    text-decoration: none;
    transition: 0.2s;
}

.phone-btn i {
    font-size: 15px !important;
}

.phone-btn:hover {
    opacity: 0.9;
}

/* responsive */
@media(max-width:768px) {
    .phone-btn {
        font-size: 14px;
        padding: 9px 18px;
    }
	
	.an, .page-wrapper .post-sidebar {
		margin-top: -50px;
	}
}

@media(max-width:480px) {
    .phone-btn {
        font-size: 13px;
        padding: 8px 16px;
    }
}

.img_anh img {
	border-radius: 8px;
}

.entry-content p {
	color: var(--color-black);
	font-weight: 500;
}

.absolute-footer.dark {
	color: var(--color-white) !important;
}

.comments-area {
	display: none;
}

.menu_footer .ux-menu-link__link {
	color: var(--color-white) !important;
	font-size: 14px;
}

.menu_footer .ux-menu-link__link:hover {
	color: var(--color-white) !important;
}

.hotline-call {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e71a1a;
    padding: 10px 16px;
    border-radius: 50px;
    width: fit-content;
	place-self: center;
}

/* ICON */
.hotline-call__icon {
    color: var(--color-white);
    font-size: 20px;
    animation: hotline-shake 1s infinite;
}

/* LẮC */
@keyframes hotline-shake {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(15deg); }
    50% { transform: rotate(-15deg); }
    75% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}

/* TEXT */
.hotline-call__number {
    color: var(--color-white);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
}

/* Hover */
.hotline-call:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 768px) {
    .hotline-call {
        padding: 8px 12px;
    }
    .hotline-call__number {
        font-size: 14px;
    }
}