.footerpage {
    background-color: #fcc200 !important; /* Màu vàng đậm chất như hình 2 */
    color: #1a1a1a !important;
    font-size: 14px;
    border: none !important;
}

.footerpage .row:first-of-type {
    background-color: #ffffff !important;
    border-radius: 0 0 15px 15px;
    padding: 15px 20px;
    margin-top: -30px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

.footerpage .row:first-of-type p,
.footerpage .row:first-of-type span {
    color: #333333 !important;
    font-weight: 500;
}

/* Tiêu đề Hotline, Email, Địa chỉ hàng trên */
.footerpage .row:first-of-type span[style*="font-size: 130%"] {
    color: #000000 !important; /* Đổi từ đỏ sang đen */
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}
.footerpage .row:first-of-type span[style*="color: #660404"],
.footerpage .row:first-of-type span[style*="font-size: 130%"] {
	color: var(--color-chinh) !important;
	font-weight: 800;
	font-size: 15px !important;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}

.footerpage .row:first-of-type .col:first-child .col-inner {
	align-items: center; 
}

.footerpage .row:last-of-type p,
.footerpage .row:last-of-type span {
    color: #333333 !important;
}

/* Tiêu đề các cột (H1) - Giống style Hình 2 */
.footerpage .row:last-of-type h1 {
    font-size: 16px !important;
    color: #000000 !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    border-left: 4px solid #000000 !important; /* Vạch đen mạnh mẽ */
    padding: 0 0 0 12px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Tên công ty (Dòng đầu tiên cột 1) */
.footerpage .row:last-of-type .col:nth-child(1) p:first-of-type {
    color: #000000 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    margin-bottom: 15px;
}

.footerpage .row:last-of-type > .col:nth-child(1) p:first-of-type {
	color: var(--color-chinh);
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}
.footerpage .row:last-of-type > .col:nth-child(1) p,
.footerpage .row:last-of-type > .col:nth-child(3) p {
	margin-bottom: 15px;
	line-height: 1.7;
}

.footerpage .icon-box {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}
.footerpage .icon-box-img {
	width: 38px !important; 
	margin-right: 15px;
	margin-bottom: 0;
	background-color: rgba(255,255,255,0.05);
	border-radius: 50%;
	padding: 8px;
}
.footerpage .icon-box-img{
	margin-right:0px !important;
}
.footerpage .icon-box-text h3 {
	font-size: 13px;
	color: #999999;
	margin: 0 0 4px 0;
	font-weight: normal;
}
.footerpage .icon-box-text p {
	font-size: 18px;
	font-weight: 700;
	color: var(--color-chinh) !important;
	margin: 0 !important;
	letter-spacing: 0.5px;
}

.footerpage .social-icons a.icon.button {
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background-color: transparent;
}

.footerpage .social-icons a.icon.button:hover {
    background-color: #000000 !important;
    color: #fcc200 !important; /* Đảo màu khi rê chuột */
    transform: translateY(-3px);
}

/* --- MENU LIÊN KẾT (Chính sách, Hỗ trợ) --- */
.footerpage .ux-menu-link__link {
    color: #333333 !important;
    padding: 4px 0 !important;
    transition: 0.3s;
}

/* Đổi dấu chấm vuông thành dấu mũi tên giống Hình 2 */
.footerpage .ux-menu-link__link::before {
    content: "❯" !important; 
    font-size: 10px !important;
    color: #000000 !important;
    margin-right: 10px;
    font-weight: bold;
}

.footerpage .ux-menu-link__link:hover {
    color: #000000 !important;
    padding-left: 8px !important;
    font-weight: 700;
}

/* --- XỬ LÝ HÌNH ẢNH LOGO BCT --- */
.footerpage .img {
    margin-top: 10px;
}

.footerpage .img-inner img {
    max-width: 180px !important; /* Thu nhỏ logo Bộ Công Thương cho đẹp */
    height: auto;
}

/* Fix khoảng cách cột trên Mobile */
@media (max-width: 549px) {
    .footerpage .row:first-of-type {
        margin-top: 0;
        border-radius: 10px;
    }
}