:root {
    --default-color-1: #005CA8;
    --default-color-2: #00A7D8;
    --default-color-3: #E7EEF5;
    --default-color-4: #1F2937;
    --solklean-blue: #005CA8;
    --solklean-blue-dark: #003B82;
    --solklean-blue-light: #00A7D8;
    --solklean-gray-dark: #1F2937;
    --solklean-gray: #64748B;
    --solklean-gray-soft: #F3F6FA;
    --solklean-border: #DCE6EF;
    --solklean-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    --solklean-shadow-hover: 0 18px 42px rgba(0, 92, 168, 0.16);
}

html,
body {
    color: var(--solklean-gray-dark);
    background: #F8FAFC;
    font-family: 'InterR', Arial, sans-serif;
}

main {
    background: #F8FAFC;
}

a,
button,
input,
textarea,
select,
.nav-link,
.btn,
.p-btn-link,
.product-seller,
.WProItemSeller,
.p-news-link__type2,
.new-item-l-home,
.new-item-r-home,
.home-product-card,
.item-home-service,
.item-img-new-h,
.imgproduct img,
.p-news-img__type2 img,
.item-img-new-h img,
.img-l-item-r img {
    transition: all .3s ease;
}

/* Header and navigation */
.header-top {
    background: #F8FAFC;
    border-bottom: 1px solid var(--solklean-border);
}

.header-top-left .item span,
.header-top-right .item strong,
.header-top-left .text strong,
.header-bottom .text strong {
    color: var(--solklean-blue) !important;
}

.header-bottom {
    background: linear-gradient(90deg, var(--solklean-blue-dark) 0%, var(--solklean-blue) 62%, #0B7FC7 100%) !important;
    box-shadow: 0 8px 22px rgba(0, 61, 130, 0.16);
}

    .header-bottom:before,
    .header-bottom:after {
        background: linear-gradient(90deg, rgba(255,255,255,.12), var(--solklean-border), rgba(255,255,255,.16)) !important;
    }

    .header-bottom .nav-item .nav-link {
        color: #FFFFFF;
        border-radius: 8px;
    }

    .header-bottom .nav-item:hover .nav-link,
    .header-bottom .nav-item.active .nav-link,
    .booking-now-header .header-asking-mb span,
    .header-bottom-search a:hover {
        background: var(--solklean-blue-light) !important;
        color: #FFFFFF !important;
    }

    .header-bottom .nav-drop,
    .header-bottom .nav-item .drop-df,
    .menu-rs .container,
    .header-bottom-search {
        border: 1px solid var(--solklean-border);
        background: #FFFFFF;
        box-shadow: var(--solklean-shadow);
    }

    .header-bottom .drop-item a::before {
        background: var(--solklean-blue) !important;
    }

    .header-bottom .drop-item a:hover span,
    .header-bottom .nav-item .drop-link-df:hover,
    .menu-rs .container .list .list-item:hover,
    .menu-rs .container .list a:hover {
        color: var(--solklean-blue) !important;
    }

.header-bottom-logo:before,
.header-bottom-logors:before {
    display: none !important;
}

.header-bottom-logo img,
.header-bottom-logors img {
    border-radius: 50% !important;
    object-fit: contain !important;
}

.my-news-rs .btn,
.rs-close:hover,
.back-to-top,
.decorSvgCartHome,
.arcontactus-message-button {
    background: var(--solklean-blue) !important;
    color: #FFFFFF !important;
}

.decorSvgCartHome {
    border-color: rgba(255,255,255,.7);
}

/* Shared typography */
.p-title,
.p-title-cate,
.title-category.cate-title-childdd h1,
.detail-news-wrap h1,
.detail-product-title,
.top-new-home h3,
.top-list-img-home h6,
.top-home-service h5,
.item-b-l-choose-about h3,
.item-b-l-choose-about h5,
.footer-top .list-nav .title,
.info-title-booking h4 {
    color: var(--solklean-gray-dark) !important;
    letter-spacing: 0;
}

.item-b-l-choose-about h4,
.left-book-restaurant h6,
.top-home-service h5,
h4.title-b-product {
    background: linear-gradient(90deg, var(--solklean-blue), var(--solklean-blue-light)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.p-descript,
.descript-tops,
.detail-news-wrap .descript,
.p-news-link__type2 .descript,
.b-content-new-item-l .content .descript span,
.b-content-new-item-r .content .descript span,
.info-contact-footer section,
.footer-top .list-nav ul a {
    color: var(--solklean-gray) !important;
}

/* Buttons and links */
.p-btn-link,
.popup-form .btn-submit,
.c-form-book-restaurant .btn-submit,
.link-product-bests-eller a,
.action-checkout .button-viewcart,
.button-cart .btnContinue,
.btn-submit,
.top-new-home a,
span.link-detail-new,
.content-item-home-service span,
.list_product_minicart.empty .empty-product_minicart a,
.pager span {
    background: var(--solklean-blue) !important;
    color: #FFFFFF !important;
    border-color: var(--solklean-blue) !important;
}

    .p-btn-link:hover,
    .popup-form .btn-submit:hover,
    .c-form-book-restaurant .btn-submit:hover,
    .link-product-bests-eller a:hover,
    .action-checkout .button-viewcart:hover,
    .button-cart .btnContinue:hover,
    .btn-submit:hover,
    .top-new-home a:hover,
    span.link-detail-new:hover,
    .content-item-home-service span:hover,
    .pager a:hover {
        background: var(--solklean-blue-dark) !important;
        color: #FFFFFF !important;
        border-color: var(--solklean-blue-dark) !important;
        opacity: 1;
    }

    .p-btn-link .icon,
    .p-btn-link .icon img {
        filter: none;
    }

    .c-form-book-restaurant .btn-submit:before,
    .content-item-home-service span:before,
    .top-new-home a:before,
    .link-choose-about a:before {
        display: none !important;
    }

/* Cards, lists, and sections */
.WContentProChild,
.home-about,
.w-home-service,
.home-news,
.w-list-img-home,
.detail-news,
.contact,
.WContentProChild,
.boxes,
.product-child,
.wrap,
.p-container {
    background-color: #F8FAFC;
}

.WProItemSeller,
.product-seller,
.p-news-link__type2,
.new-item-r-home,
.item-img-new-h,
.p-side-wrap,
.side-link .p-side-wrap,
.content-book-restaurant,
.c-form-book-restaurant,
.popup-form-container,
.contact-form,
.contact-info,
.detail-product-info,
.cart-item,
.topcardp,
.botcardp {
    background: #FFFFFF !important;
    border: 1px solid var(--solklean-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--solklean-shadow);
}

    .product-seller:hover,
    .p-news-link__type2:hover,
    .new-item-r-home:hover,
    .item-img-new-h:hover,
    .home-product-card:hover,
    .cart-item:hover {
        border-color: rgba(0, 167, 216, .42) !important;
        box-shadow: var(--solklean-shadow-hover);
    }

    .imgproduct,
    .p-news-img__type2,
    .p-news-type_1 .img,
    .item-img-new-h .img,
    .img-l-item-r,
    .home-picture-item .img,
    .img-item-home-service {
        background: #EEF5FA;
        border-radius: 10px !important;
        overflow: hidden;
    }

        .imgproduct img,
        .p-news-img__type2 img,
        .p-news-type_1 .img img,
        .item-img-new-h .img img,
        .img-l-item-r img,
        .home-picture-item .img img,
        .img-item-home-service img {
            object-fit: cover;
        }

        .WProItemSeller:hover .imgproduct img,
        .p-news-link__type2:hover .p-news-img__type2 img,
        .p-news-type_1:hover .img img,
        .item-img-new-h:hover .img img,
        .new-item-r-home:hover .img-l-item-r img,
        .home-picture-item .img:hover img,
        li.item-home-service:hover .img-item-home-service img {
            transform: scale(1.045);
        }

    .title-product a,
    .p-news-link__type2 .title,
    .b-content-new-item-l .content h3.title,
    .b-content-new-item-r .content h3.title,
    .content-item-home-service h3,
    h3.product_name_mini,
    .item-cart:hover h3.product_name_mini {
        color: var(--solklean-gray-dark) !important;
    }

    .WProItemSeller:hover .title-product a,
    .p-news-link__type2:hover .title,
    .new-item-l-home:hover .b-content-new-item-l .content h3.title,
    .new-item-r-home:hover .b-content-new-item-r .content h3.title,
    li.item-home-service:hover .content-item-home-service h3,
    .item-cart:hover h3.product_name_mini {
        color: var(--solklean-blue) !important;
    }

.cost-product.w-content-price-seller span,
span.price_sale {
    color: var(--solklean-blue) !important;
}

/* Lines, icons, and accents */
.top-home-service section:after,
.content-item-home-service section:before,
.top-list-img-home:after,
.item-b-l-choose-about h3:after,
h4.title-b-product:after,
.title-about-item-c:after {
    background: var(--solklean-blue-light) !important;
    border-color: var(--solklean-border) !important;
}

.svg-time-form svg path,
svg path[fill="#D28C2A"],
svg path[fill="#825A05"],
svg path[fill="#93B925"],
svg path[fill="#B7893C"] {
    fill: var(--solklean-blue) !important;
}

svg stop[stop-color="#D28C2A"] {
    stop-color: var(--solklean-blue) !important;
}

svg stop[stop-color="#F3E181"] {
    stop-color: var(--solklean-blue-light) !important;
}

svg stop[stop-color="#5F3328"] {
    stop-color: var(--solklean-blue-dark) !important;
}

.content-item-home-service section,
.hotline-book-restaurant a:hover,
.c-phone-about-h strong a:hover,
.side-thongke .title,
.p-news-link__type2:hover .title,
.p-banner-content a:hover,
.my-news-breadcum .slug a:hover,
.my-news-breadcum .slug span {
    color: var(--solklean-blue) !important;
}

/* Breadcrumb, sidebar, pagination */
.my-news-breadcum {
    background: #FFFFFF;
    border-bottom: 1px solid var(--solklean-border);
}

.p-side-wrap {
    background: #FFFFFF !important;
}

.pager a {
    color: var(--solklean-blue) !important;
    border: 1px solid var(--solklean-blue) !important;
    border-radius: 8px;
}

.pager span {
    border: 1px solid var(--solklean-blue) !important;
}

/* Forms */
input,
textarea,
select,
.popup-form .input,
.c-time-bb-cate-retaurant .widget-svg-time-form,
.c-time-bb-cate-retaurant .cate-res-form,
.time-res-form input,
.cate-res-form select,
.side-link-drop {
    background: #FFFFFF !important;
    border: 1px solid var(--solklean-border) !important;
    color: var(--solklean-gray-dark) !important;
    border-radius: 8px !important;
}

    input:focus,
    textarea:focus,
    select:focus {
        border-color: var(--solklean-blue-light) !important;
        box-shadow: 0 0 0 3px rgba(0, 167, 216, .16);
    }

.popup-form {
    background-image: linear-gradient(270deg, rgba(0, 41, 88, .82) 0%, rgba(0, 92, 168, .76) 100%) !important;
}

    .popup-form .btn-close {
        border-color: var(--solklean-blue) !important;
        color: var(--solklean-blue) !important;
    }

        .popup-form .btn-close:hover {
            background: var(--solklean-blue) !important;
            color: #FFFFFF !important;
        }

/* Footer */
.footer {
    background: radial-gradient(circle at 12% 10%, rgba(0, 167, 216, 0.24), transparent 32%), linear-gradient(135deg, #08243E 0%, #0B3D6E 48%, #0F5F98 100%) !important;
}

    .footer:before {
        background: linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,0.05) 1px, transparent 1px) !important;
        background-size: 54px 54px !important;
        opacity: 0.18 !important;
    }

.footer-top .list-nav .title {
    color: #FFFFFF !important;
}

.footer-top .list-nav ul a,
.footer-bottom .left .text span,
.footer-intro,
.info-contact-footer section {
    color: #D7E6F2 !important;
}

.footer .social a,
.list-nav.about .social a,
.footer-social a {
    border-color: rgba(255,255,255,0.32) !important;
    color: #FFFFFF !important;
    opacity: 1;
}

    .footer .social a:hover,
    .list-nav.about .social a:hover,
    .footer-social a:hover {
        background: var(--solklean-blue-light) !important;
        border-color: #6DE3FF !important;
        color: #FFFFFF !important;
    }

/* Homepage product grid */
.home-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

/* Responsive */
@media (max-width: 1023px) {
    .header-bottom {
        background: #FFFFFF !important;
        border-bottom: 1px solid var(--solklean-border);
    }

        .header-bottom:before,
        .header-bottom:after {
            display: none;
        }

    .btn-menu-rs,
    .header-search,
    .my-news-rs .btn {
        color: #FFFFFF !important;
        background: var(--solklean-blue) !important;
    }

    .home-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .WProItemSeller,
    .p-news-link__type2,
    .item-img-new-h {
        border-radius: 10px !important;
    }
}

@media (max-width: 739px) {
    .home-product-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .p-news-list,
    .product-list-seller.list-best-seller,
    .p-product-list {
        grid-template-columns: 1fr !important;
    }

    .home-product-actions,
    .button-cart .cont {
        gap: 10px;
    }

    .p-title,
    .title-category.cate-title-childdd h1,
    .top-new-home h3,
    .top-list-img-home h6 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
}