/* Reset và tối ưu chung */
#footer-icon,
li#footer-icon\ map {
    border-top: 1px solid transparent;
    border-color: transparent;
}

.info-text {
    text-align: justify;
    padding: 0 5px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
    white-space: normal;
}

/* Social Links Container */
.widget_social_link .footer-social,
.webnhanh_lienhe .footer-social,
.webnhanh_contact-plus-widget .footer-social {
    display: block;
    text-align: left;
}

/* Chung cho tất cả icon */
.widget_social_link .chil-icon,
.webnhanh_lienhe .chil-icon,
.webnhanh_contact-plus-widget .chil-icon {
    display: inline-table;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 100%;
    color: #fff;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 5px;
    font-size: 22px;
    vertical-align: middle;
}

.widget_social_link .chil-icon a,
.webnhanh_lienhe .chil-icon a,
.webnhanh_contact-plus-widget .chil-icon a {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: inherit;
}

/* Background và hover cho từng icon */
.widget_social_link .chil-icon.fb,
.webnhanh_lienhe .chil-icon.fb,
.webnhanh_contact-plus-widget .chil-icon.fb {
    background: #1877f2;
}
.widget_social_link .chil-icon.fb:hover,
.webnhanh_lienhe .chil-icon.fb:hover,
.webnhanh_contact-plus-widget .chil-icon.fb:hover {
    background: #145fc1;
}

.widget_social_link .chil-icon.twt,
.webnhanh_lienhe .chil-icon.twt,
.webnhanh_contact-plus-widget .chil-icon.twt {
    background: #1DA1F2;
}
.widget_social_link .chil-icon.twt:hover,
.webnhanh_lienhe .chil-icon.twt:hover,
.webnhanh_contact-plus-widget .chil-icon.twt:hover {
    background: #1678bb;
}

.widget_social_link .chil-icon.zalo,
.webnhanh_lienhe .chil-icon.zalo {
    background: #0068ff;
}
.widget_social_link .chil-icon.zalo:hover,
.webnhanh_lienhe .chil-icon.zalo:hover {
    background: #005cd1;
}

.webnhanh_contact-plus-widget .chil-icon.zalo-plus {
    background: none;
    color: #0068ff;
}
.webnhanh_contact-plus-widget .chil-icon.zalo-plus:hover {
    color: #005cd1;
}

.widget_social_link .chil-icon.gmap,
.webnhanh_lienhe .chil-icon.gmap,
.webnhanh_contact-plus-widget .chil-icon.gmap {
    background: #34a853;
}
.widget_social_link .chil-icon.gmap:hover,
.webnhanh_lienhe .chil-icon.gmap:hover,
.webnhanh_contact-plus-widget .chil-icon.gmap:hover {
    background: #298a43;
}

.widget_social_link .chil-icon.youtb,
.webnhanh_lienhe .chil-icon.youtb,
.webnhanh_contact-plus-widget .chil-icon.youtb {
    background: #ff0000;
}
.widget_social_link .chil-icon.youtb:hover,
.webnhanh_lienhe .chil-icon.youtb:hover,
.webnhanh_contact-plus-widget .chil-icon.youtb:hover {
    background: #df0000;
}

.widget_social_link .chil-icon.telegram,
.webnhanh_lienhe .chil-icon.telegram {
    background: #0088cc;
}
.widget_social_link .chil-icon.telegram:hover,
.webnhanh_lienhe .chil-icon.telegram:hover {
    background: #1882bd;
}

.webnhanh_contact-plus-widget .chil-icon.telegram-plus {
    background: none;
    color: #0088cc;
}
.webnhanh_contact-plus-widget .chil-icon.telegram-plus:hover {
    color: #1882bd;
}

.widget_social_link .chil-icon.gmail,
.webnhanh_lienhe .chil-icon.gmail,
.webnhanh_contact-plus-widget .chil-icon.gmail {
    background: #e34033;
}
.widget_social_link .chil-icon.gmail:hover,
.webnhanh_lienhe .chil-icon.gmail:hover,
.webnhanh_contact-plus-widget .chil-icon.gmail:hover {
    background: #be352b;
}

.widget_social_link .chil-icon.insta,
.webnhanh_lienhe .chil-icon.insta,
.webnhanh_contact-plus-widget .chil-icon.insta {
    background: #e1306c;
}
.widget_social_link .chil-icon.insta:hover,
.webnhanh_lienhe .chil-icon.insta:hover,
.webnhanh_contact-plus-widget .chil-icon.insta:hover {
    background: #c21f5a;
}

.widget_social_link .chil-icon.linkedin,
.webnhanh_lienhe .chil-icon.linkedin,
.webnhanh_contact-plus-widget .chil-icon.linkedin {
    background: #0077b5;
}
.widget_social_link .chil-icon.linkedin:hover,
.webnhanh_lienhe .chil-icon.linkedin:hover,
.webnhanh_contact-plus-widget .chil-icon.linkedin:hover {
    background: #005f8f;
}

.widget_social_link .chil-icon.pinterest,
.webnhanh_lienhe .chil-icon.pinterest,
.webnhanh_contact-plus-widget .chil-icon.pinterest {
    background: #e60023;
}
.widget_social_link .chil-icon.pinterest:hover,
.webnhanh_lienhe .chil-icon.pinterest:hover,
.webnhanh_contact-plus-widget .chil-icon.pinterest:hover {
    background: #c7001d;
}

.widget_social_link .chil-icon.tiktok,
.webnhanh_lienhe .chil-icon.tiktok,
.webnhanh_contact-plus-widget .chil-icon.tiktok {
    background: #000000;
}
.widget_social_link .chil-icon.tiktok:hover,
.webnhanh_lienhe .chil-icon.tiktok:hover,
.webnhanh_contact-plus-widget .chil-icon.tiktok:hover {
    background: #333333;
}

.widget_social_link .chil-icon.whatsapp,
.webnhanh_lienhe .chil-icon.whatsapp,
.webnhanh_contact-plus-widget .chil-icon.whatsapp {
    background: #25d366;
}
.widget_social_link .chil-icon.whatsapp:hover,
.webnhanh_lienhe .chil-icon.whatsapp:hover,
.webnhanh_contact-plus-widget .chil-icon.whatsapp:hover {
    background: #1eb354;
}

.widget_social_link .chil-icon.snapchat,
.webnhanh_lienhe .chil-icon.snapchat,
.webnhanh_contact-plus-widget .chil-icon.snapchat {
    background: #fffc00;
}
.widget_social_link .chil-icon.snapchat:hover,
.webnhanh_lienhe .chil-icon.snapchat:hover,
.webnhanh_contact-plus-widget .chil-icon.snapchat:hover {
    background: #e6e300;
}

.widget_social_link .chil-icon.reddit,
.webnhanh_lienhe .chil-icon.reddit,
.webnhanh_contact-plus-widget .chil-icon.reddit {
    background: #ff4500;
}
.widget_social_link .chil-icon.reddit:hover,
.webnhanh_lienhe .chil-icon.reddit:hover,
.webnhanh_contact-plus-widget .chil-icon.reddit:hover {
    background: #e63d00;
}

.widget_social_link .chil-icon.discord,
.webnhanh_lienhe .chil-icon.discord,
.webnhanh_contact-plus-widget .chil-icon.discord {
    background: #5865f2;
}
.widget_social_link .chil-icon.discord:hover,
.webnhanh_lienhe .chil-icon.discord:hover,
.webnhanh_contact-plus-widget .chil-icon.discord:hover {
    background: #4752c4;
}

/* Đảm bảo màu chữ trắng cho tất cả icon (trừ Zalo và Telegram trong ContactInfoPlus_Widget) */
.widget_social_link .chil-icon a,
.webnhanh_lienhe .chil-icon a,
.webnhanh_contact-plus-widget .chil-icon a,
.widget_social_link .chil-icon a:hover,
.webnhanh_lienhe .chil-icon a:hover,
.webnhanh_contact-plus-widget .chil-icon a:hover {
    color: #fff;
}

/* Màu chữ riêng cho Zalo và Telegram trong ContactInfoPlus_Widget */
.webnhanh_contact-plus-widget .chil-icon.zalo-plus a,
.webnhanh_contact-plus-widget .chil-icon.zalo-plus a:hover,
.webnhanh_contact-plus-widget .chil-icon.telegram-plus a,
.webnhanh_contact-plus-widget .chil-icon.telegram-plus a:hover {
    color: inherit;
}

/* Tùy chỉnh đặc biệt cho Zalo */
.widget_social_link .chil-icon.zalo > a > .fa,
.webnhanh_lienhe .chil-icon.zalo > a > .fa,
.webnhanh_contact-plus-widget .chil-icon.zalo-plus > a > .fa {
    vertical-align: middle;
    width: 35px;
    height: 35px;
}

.widget_social_link .fa.fa-zalo::before,
.webnhanh_lienhe .fa.fa-zalo::before,
.webnhanh_contact-plus-widget .fa.fa-zalo::before {
    content: "Zalo";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
    display: block;
    line-height: 35px;
}

/* Đảm bảo Font Awesome trong cả ba widget không bị ảnh hưởng */
.widget_social_link .fas,
.widget_social_link .fab,
.widget_social_link .fa,
.webnhanh_lienhe .fas,
.webnhanh_lienhe .fab,
.webnhanh_lienhe .fa,
.webnhanh_contact-plus-widget .fas,
.webnhanh_contact-plus-widget .fab,
.webnhanh_contact-plus-widget .fa {
    font-size: 22px !important;
    line-height: 35px !important;
    width: 35px !important;
    height: 35px !important;
    display: table-cell !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* CSS cho phần địa chỉ trong admin */
.address-admin {
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
}

/* CSS cho icon trong danh sách thông tin */
.widget_social_link #footer-icon\ map > .fa-solid,
.widget_social_link #footer-icon > .fa-solid,
.webnhanh_lienhe #footer-icon\ map > .fa-solid,
.webnhanh_lienhe #footer-icon > .fa-solid,
.webnhanh_contact-plus-widget #footer-icon\ map > .fa-solid,
.webnhanh_contact-plus-widget #footer-icon > .fa-solid {
    font-size: 15px;
    margin-right: 11px;
    background: var(--primary-color, #0073aa); /* Màu mặc định nếu --primary-color không được định nghĩa */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 8px;
    text-align: center;
    color: #fff;
}

.widget_social_link #footer-icon\ map > a,
.webnhanh_lienhe #footer-icon\ map > a,
.webnhanh_contact-plus-widget #footer-icon\ map > a {
    width: 88%;
    display: inline-flex;
    line-height: 32px;
    color: inherit;
    text-decoration: none;
}

.widget_social_link #footer-icon\ map > a:hover,
.webnhanh_lienhe #footer-icon\ map > a:hover,
.webnhanh_contact-plus-widget #footer-icon\ map > a:hover {
    text-decoration: underline;
}

.widget_social_link #footer-icon > a,
.webnhanh_lienhe #footer-icon > a,
.webnhanh_contact-plus-widget #footer-icon > a {
    color: inherit;
    text-decoration: none;
}

.widget_social_link #footer-icon > a:hover,
.webnhanh_lienhe #footer-icon > a:hover,
.webnhanh_contact-plus-widget #footer-icon > a:hover {
    text-decoration: underline;
}

.widget_social_link #footer-icon > p,
.webnhanh_lienhe #footer-icon > p,
.webnhanh_contact-plus-widget #footer-icon > p {
    display: inline-block;
    padding: 6px 0;
    margin-bottom: 0;
}

/* Widget menu link */
ul li.bullet-arrow {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

ul li.bullet-arrow:before {
    content: "\f0da" !important; /* Font Awesome chevron-right */
    color: #fff !important;
    opacity: 1 !important;
}

li.bullet-arrow > span {
    display: block !important;
    font-size: 90%;
    padding: 0 !important;
}

/* Đảm bảo các thẻ li trong ul không có padding/margin mặc định */
.widget_social_link ul,
.webnhanh_lienhe ul,
.webnhanh_contact-plus-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_social_link ul li,
.webnhanh_lienhe ul li,
.webnhanh_contact-plus-widget ul li {
    margin-bottom: 10px;
}

/* Tùy chỉnh giao diện chung cho widget */
.widget_social_link,
.webnhanh_lienhe,
.webnhanh_contact-plus-widget {
    padding: 15px;
    /* Bỏ background */
    border-radius: 5px;
}

.widget_social_link .widget-title,
.webnhanh_lienhe .widget-title,
.webnhanh_contact-plus-widget .widget-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    /* Bỏ màu #333 để trả về màu mặc định của theme */
}
/*widget support*/
/* assets/css/widget.css */

/* CSS cho Webnhanh_Support_Widget - Scoped to .webnhanh-support-widget */
.webnhanh-support-widget {
    background: #f5f5f5; /* Nền xám nhạt giống demo */
    padding: 15px; /* Padding nhỏ để khớp với demo */
    border-radius: 6px; /* Bo góc nhẹ */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: 1px solid #e0e0e0; /* Viền xám nhạt */
}

.webnhanh-support-widget .support-widget__section {
    margin-bottom: 15px; /* Khoảng cách giữa hai section */
}

.webnhanh-support-widget .support-widget__head {
    font-size: 1.1em; /* Kích thước chữ tiêu đề giống demo */
    color: #333; /* Chữ đen */
    margin: 0 0 10px; /* Margin dưới nhỏ */
    padding: 0; /* Bỏ padding */
    font-weight: 600; /* Chữ đậm */
    text-transform: uppercase; /* Chữ in hoa giống demo */
}

.webnhanh-support-widget .support-widget__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.webnhanh-support-widget .support-widget__item {
    display: flex;
    align-items: center;
    padding: 8px 10px; /* Padding nhỏ để giống demo */
    margin-bottom: 8px; /* Khoảng cách giữa các mục */
    background: #ffffff; /* Nền trắng */
    border-radius: 4px; /* Bo góc nhẹ */
    font-size: 0.95em; /* Chữ nhỏ hơn một chút */
    color: #333; /* Chữ đen */
    border: 1px solid #e0e0e0; /* Viền xám nhạt */
}

.webnhanh-support-widget .support-widget__item:last-child {
    margin-bottom: 0; /* Bỏ margin dưới cho mục cuối cùng */
}

.webnhanh-support-widget .support-widget__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px; /* Kích thước icon khớp với demo */
    height: 30px;
    border-radius: 50%;
    margin-right: 10px; /* Khoảng cách giữa icon và chữ */
    flex-shrink: 0;
}

/* Màu riêng cho từng icon */
.webnhanh-support-widget .support-widget__icon-wrapper--whatsapp {
    background: #25D366; /* Màu xanh lá cây của WhatsApp */
}

.webnhanh-support-widget .support-widget__icon-wrapper--email {
    background: #FFC107; /* Màu vàng đậm cho email */
}

.webnhanh-support-widget .support-widget__icon-wrapper--phone {
    background: #FF5722; /* Màu cam cho phone */
}

.webnhanh-support-widget .support-widget__icon-wrapper--dollar {
    background: #42A5F5; /* Màu xanh dương nhạt cho dollar sign */
}

.webnhanh-support-widget .support-widget__icon-wrapper--clock {
    background: #AB47BC; /* Màu tím nhạt cho clock */
}

.webnhanh-support-widget .support-widget__icon-wrapper--headset {
    background: #0288D1; /* Màu xanh lam cho headset */
}

.webnhanh-support-widget .support-widget__icon {
    font-size: 16px; /* Kích thước icon bên trong */
    color: #ffffff; /* Màu trắng để nổi bật trên các nền màu */
}

.webnhanh-support-widget .support-widget__item a {
    color: #333; /* Chữ đen */
    text-decoration: none;
    font-weight: 500;
}

/* Màu hover cho liên kết, đồng bộ với màu icon */
.webnhanh-support-widget .support-widget__item:has(.support-widget__icon-wrapper--whatsapp) a:hover {
    color: #25D366; /* Màu xanh lá cây của WhatsApp */
    text-decoration: none;
}

.webnhanh-support-widget .support-widget__item:has(.support-widget__icon-wrapper--email) a:hover {
    color: #FFC107; /* Màu vàng đậm cho email */
    text-decoration: none;
}

.webnhanh-support-widget .support-widget__item:has(.support-widget__icon-wrapper--phone) a:hover {
    color: #FF5722; /* Màu cam cho phone */
    text-decoration: none;
}

/* Responsive Adjustments - Scoped to .webnhanh-support-widget */
@media (max-width: 768px) {
    .webnhanh-support-widget {
        padding: 12px;
    }

    .webnhanh-support-widget .support-widget__head {
        font-size: 1em;
    }

    .webnhanh-support-widget .support-widget__item {
        font-size: 0.9em;
        padding: 6px 8px;
        margin-bottom: 6px;
    }

    .webnhanh-support-widget .support-widget__icon-wrapper {
        width: 26px;
        height: 26px;
    }

    .webnhanh-support-widget .support-widget__icon {
        font-size: 14px;
        margin-right: 8px;
    }
}
/*css page list*/
/* /assets/css/widget.css */

/* /assets/css/widget.css */

/* Container của widget */
.wn-pagelist-widget {
    margin-bottom: 15px;
    background: none; /* Bỏ background */
    border: none; /* Bỏ viền */
    box-shadow: none; /* Bỏ bóng */
}

/* Tiêu đề widget - để mặc định, không định dạng thêm */
.wn-pagelist-widget .widget-title {
    border-top: none; /* Đảm bảo không có border-top */
    border-bottom: none; /* Đảm bảo không có border-bottom */
    margin: 0; /* Bỏ margin để tránh khoảng cách thừa */
    padding: 0; /* Bỏ padding để tránh khoảng cách thừa */
}

/* Danh sách các mục */
.wn-pagelist-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: none; /* Đảm bảo không có border-top */
    border-bottom: none; /* Đảm bảo không có border-bottom */
}

/* Mục trong danh sách với class wn-pagelist-bullet */
.wn-pagelist-widget li.wn-pagelist-bullet {
    padding: 0; /* Bỏ padding */
    margin: 5px 0; /* Khoảng cách giữa các mục nhỏ gọn */
    font-size: 16px;
    line-height: 1.3;
    border-top: none; /* Đảm bảo không có border-top */
    border-bottom: none; /* Đảm bảo không có border-bottom */
}

/* Bỏ hiệu ứng mũi tên wn-pagelist-bullet */
.wn-pagelist-widget li.wn-pagelist-bullet::before {
    content: none; /* Bỏ mũi tên */
}

/* Liên kết trong mục */
.wn-pagelist-widget li.wn-pagelist-bullet a {
    color: #fff; /* Màu trắng như yêu cầu */
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hiệu ứng hover cho liên kết */
.wn-pagelist-widget li.wn-pagelist-bullet a:hover {
    color: #0073aa;
}

/* Responsive cho màn hình nhỏ */
@media (max-width: 768px) {
    .wn-pagelist-widget li.wn-pagelist-bullet {
        font-size: 14px;
        margin: 4px 0;
        border-top: none; /* Đảm bảo không có border-top */
        border-bottom: none; /* Đảm bảo không có border-bottom */
    }
}