/* DUHOR / ESSLINGER - CUSTOM TIN TỨC */
:root{
    --duhor-primary:#0f766e;
    --duhor-gold:#c49a4a;
    --duhor-dark:#0f172a;
    --duhor-text:#334155;
    --duhor-muted:#64748b;
    --duhor-border:#e2e8f0;
    --duhor-bg:#f8fafc;
}

.duhor-container{
    width:min(1350px, calc(100% - 32px));
    margin:0 auto;
}

.duhor-news-page,
.duhor-single-news{
    background:#f8fafc;
    color:#334155;
}

/* HERO */
.duhor-news-hero,
.duhor-single-hero{
    background:
        radial-gradient(circle at 15% 20%, rgba(196,154,74,.22), transparent 32%),
        linear-gradient(135deg,#0f172a,#064e3b);
    color:#fff;
    padding:92px 0 96px;
}

.duhor-news-hero-inner{
    max-width:860px;
}

.duhor-news-hero span,
.duhor-section-head span{
    display:block;
    color:#d6b36a;
    font-size:13px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.duhor-news-hero h1,
.duhor-single-hero h1{
    margin:12px 0 0;
    color:#fff;
    font-size:clamp(40px,5vw,72px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.055em;
}

.duhor-news-hero p{
    max-width:720px;
    margin:22px 0 0;
    color:#d1fae5;
    font-size:18px;
    line-height:1.7;
}

/* MAIN */
.duhor-news-main{
    padding:54px 0 86px;
}

.duhor-news-filter{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:32px;
}

.duhor-news-filter a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    background:#fff;
    color:#334155 !important;
    border:1px solid #dbe4f0;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
}

.duhor-news-filter a.is-active,
.duhor-news-filter a:hover{
    background:#0f766e;
    border-color:#0f766e;
    color:#fff !important;
}

/* LAYOUT */
.duhor-news-layout,
.duhor-single-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:34px;
    align-items:start;
}

/* GRID CARD */
.duhor-news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}

.duhor-news-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.07);
    transition:.3s;
}

.duhor-news-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.duhor-news-card-img{
    position:relative;
    display:block;
    height:230px;
    overflow:hidden;
    background:#e2e8f0;
}

.duhor-news-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s;
}

.duhor-news-card:hover .duhor-news-card-img img{
    transform:scale(1.05);
}

.duhor-news-card-img span{
    position:absolute;
    left:16px;
    bottom:16px;
    background:rgba(255,255,255,.96);
    color:#0f766e;
    border-radius:999px;
    padding:7px 14px;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.duhor-news-img-empty{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#94a3b8;
    font-size:54px;
}

.duhor-news-card-body{
    padding:24px;
}

.duhor-news-meta{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    margin-bottom:13px;
}

.duhor-news-meta i{
    color:#0f766e;
    margin-right:6px;
}

.duhor-news-card-body h2{
    margin:0;
    color:#0f172a;
    font-size:23px;
    line-height:1.32;
    font-weight:900;
    letter-spacing:-.035em;
}

.duhor-news-card-body h2 a{
    color:#0f172a !important;
    text-decoration:none !important;
}

.duhor-news-card-body p{
    color:#64748b;
    font-size:14.5px;
    line-height:1.65;
    margin:13px 0 0;
}

.duhor-news-readmore{
    margin-top:20px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#0f766e !important;
    font-size:14px;
    font-weight:900;
    text-decoration:none !important;
}

/* SIDEBAR */
.duhor-news-sidebar{
    position:sticky;
    top:100px;
    display:grid;
    gap:20px;
}

.duhor-news-widget{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:24px;
    padding:24px;
    box-shadow:0 12px 30px rgba(15,23,42,.04);
}

.duhor-news-widget h3{
    margin:0 0 16px;
    color:#0f172a;
    font-size:20px;
    line-height:1.25;
    font-weight:900;
    letter-spacing:-.03em;
}

.duhor-news-widget h3:after{
    content:"";
    display:block;
    width:40px;
    height:3px;
    background:#d6b36a;
    border-radius:99px;
    margin-top:12px;
}

.duhor-news-widget .searchform{
    display:flex;
    gap:8px;
}

.duhor-news-widget .search-field{
    height:44px;
    border-radius:999px;
    border:1px solid #cbd5e1;
    padding:0 16px;
    box-shadow:none;
}

.duhor-news-widget .search-submit{
    height:44px;
    border:0;
    border-radius:999px;
    background:#0f766e;
    color:#fff;
    padding:0 18px;
    font-weight:900;
}

/* RECENT POSTS */
.duhor-recent-list{
    display:grid;
    gap:14px;
}

.duhor-recent-item{
    display:grid;
    grid-template-columns:76px 1fr;
    gap:12px;
    text-decoration:none !important;
}

.duhor-recent-item img,
.duhor-recent-item > div > span{
    width:76px;
    height:64px;
    object-fit:cover;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ccfbf1;
    color:#0f766e;
}

.duhor-recent-item strong{
    display:block;
    color:#0f172a;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
}

.duhor-recent-item small{
    display:block;
    color:#64748b;
    margin-top:5px;
}

/* CTA SIDEBAR */
.duhor-news-cta{
    background:linear-gradient(135deg,#0f766e,#064e3b);
    color:#fff;
}

.duhor-news-cta h3{
    color:#fff;
}

.duhor-news-cta p{
    color:#d1fae5;
    font-size:14px;
    line-height:1.65;
}

.duhor-news-cta a{
    display:inline-flex;
    height:42px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#fff;
    color:#0f766e !important;
    padding:0 18px;
    font-size:14px;
    font-weight:900;
    text-decoration:none !important;
}

/* PAGINATION - ĐÃ FIX LỖI NÚT SAU */
.duhor-news-pagination{
    margin-top:38px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
}

.duhor-news-pagination .nav-links{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

.duhor-news-pagination .page-numbers{
    width:auto !important;
    min-width:42px !important;
    height:42px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 14px !important;
    margin:0 !important;

    border-radius:999px !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;

    font-size:14px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-decoration:none !important;

    white-space:nowrap !important;
    word-break:normal !important;
    overflow:hidden !important;
}

.duhor-news-pagination .page-numbers.current,
.duhor-news-pagination .page-numbers:hover{
    background:#0f766e !important;
    border-color:#0f766e !important;
    color:#fff !important;
}

.duhor-news-pagination .page-numbers.prev,
.duhor-news-pagination .page-numbers.next{
    min-width:auto !important;
    padding:0 18px !important;
}

/* SINGLE POST */
.duhor-single-cat{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 16px;
    border-radius:999px;
    background:#d6b36a;
    color:#0f172a !important;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    text-decoration:none !important;
    margin-bottom:18px;
}

.duhor-single-hero h1{
    max-width:1000px;
}

.duhor-single-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:24px;
    color:#d1fae5;
    font-size:14px;
    font-weight:700;
}

.duhor-single-meta i{
    color:#d6b36a;
    margin-right:6px;
}

.duhor-single-main{
    padding:52px 0 78px;
}

.duhor-single-content{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:30px;
    padding:42px;
    color:#334155;
    font-size:17px;
    line-height:1.85;
    box-shadow:0 12px 30px rgba(15,23,42,.05);
}

.duhor-single-cover{
    margin-bottom:34px;
}

.duhor-single-cover img{
    width:100%;
    max-height:520px;
    object-fit:cover;
    border-radius:24px;
    display:block;
}

.duhor-single-content h2,
.duhor-single-content h3,
.duhor-single-content h4{
    color:#0f172a;
    font-weight:900;
    letter-spacing:-.035em;
    line-height:1.25;
    margin-top:1.35em;
    margin-bottom:.65em;
}

.duhor-single-content h2{
    font-size:32px;
}

.duhor-single-content h3{
    font-size:26px;
}

.duhor-single-content img{
    border-radius:18px;
}

.duhor-single-content blockquote{
    margin:28px 0;
    padding:24px 28px;
    border-left:5px solid #0f766e;
    background:#ecfdf5;
    border-radius:0 18px 18px 0;
    color:#065f46;
    font-weight:700;
}

.duhor-single-tags{
    margin-top:34px;
    padding-top:22px;
    border-top:1px solid #e2e8f0;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.duhor-single-tags span{
    color:#0f172a;
    font-weight:900;
}

.duhor-single-tags a{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    padding:0 13px;
    border-radius:999px;
    background:#f1f5f9;
    color:#334155 !important;
    text-decoration:none !important;
    font-size:13px;
    font-weight:800;
}

.duhor-single-tags a:hover{
    background:#0f766e;
    color:#fff !important;
}

.duhor-single-nav{
    margin-top:26px;
    padding-top:22px;
    border-top:1px solid #e2e8f0;
    display:flex;
    justify-content:space-between;
    gap:14px;
}

.duhor-single-nav a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid #cbd5e1;
    color:#0f172a !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:900;
}

.duhor-single-nav a:hover{
    background:#0f766e;
    border-color:#0f766e;
    color:#fff !important;
}

/* RELATED */
.duhor-related{
    padding:0 0 86px;
}

.duhor-section-head{
    margin-bottom:30px;
}

.duhor-section-head h2{
    margin:8px 0 0;
    color:#0f172a;
    font-size:38px;
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.045em;
}

.duhor-news-empty{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:22px;
    padding:26px;
    text-align:center;
    color:#64748b;
}

/* RESPONSIVE */
@media(max-width:1100px){
    .duhor-news-layout,
    .duhor-single-layout{
        grid-template-columns:1fr;
    }

    .duhor-news-sidebar{
        position:static;
    }

    .duhor-news-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:549px){
    .duhor-container{
        width:min(100% - 24px,1350px);
    }

    .duhor-news-hero,
    .duhor-single-hero{
        padding:60px 0;
    }

    .duhor-news-hero h1,
    .duhor-single-hero h1{
        font-size:36px;
    }

    .duhor-news-hero p{
        font-size:15px;
    }

    .duhor-news-grid{
        grid-template-columns:1fr;
    }

    .duhor-news-card-img{
        height:210px;
    }

    .duhor-single-main{
        padding:34px 0 58px;
    }

    .duhor-single-content{
        padding:24px;
        border-radius:22px;
        font-size:16px;
    }

    .duhor-single-cover img{
        border-radius:18px;
    }

    .duhor-single-content h2{
        font-size:26px;
    }

    .duhor-single-content h3{
        font-size:22px;
    }

    .duhor-single-nav{
        display:grid;
        grid-template-columns:1fr;
    }

    .duhor-news-pagination .nav-links{
        gap:7px !important;
    }

    .duhor-news-pagination .page-numbers{
        min-width:38px !important;
        height:38px !important;
        font-size:13px !important;
        padding:0 12px !important;
    }
}

/* FIX Ô TÌM KIẾM SIDEBAR CHI TIẾT TIN TỨC */
.duhor-news-widget .searchform,
.duhor-news-widget form.searchform{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:0 !important;

    width:100% !important;
    height:48px !important;

    padding:0 !important;
    margin:0 !important;

    border:1px solid #dbe4f0 !important;
    border-radius:999px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:none !important;
}

/* Ô nhập */
.duhor-news-widget .searchform .search-field,
.duhor-news-widget form.searchform input[type="search"],
.duhor-news-widget form.searchform input[type="text"]{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:46px !important;

    padding:0 16px !important;
    margin:0 !important;

    border:0 !important;
    border-radius:999px 0 0 999px !important;
    background:#fff !important;
    color:#0f172a !important;

    font-size:14px !important;
    line-height:46px !important;
    box-shadow:none !important;
    outline:none !important;
}

/* Nút tìm kiếm */
.duhor-news-widget .searchform .search-submit,
.duhor-news-widget form.searchform input[type="submit"],
.duhor-news-widget form.searchform button[type="submit"]{
    width:54px !important;
    min-width:54px !important;
    height:48px !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:0 999px 999px 0 !important;
    background:#d89b2b !important;
    color:#fff !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:0 !important;
    line-height:1 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

/* Icon kính lúp nếu button không có icon */
.duhor-news-widget .searchform .search-submit::before,
.duhor-news-widget form.searchform button[type="submit"]::before{
    content:"\f002" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-size:17px !important;
    color:#fff !important;
}

/* Nếu Flatsome dùng icon svg hoặc i bên trong */
.duhor-news-widget .searchform button i,
.duhor-news-widget .searchform button svg{
    font-size:17px !important;
    color:#fff !important;
    fill:#fff !important;
}

/* Bỏ style mặc định của Flatsome */
.duhor-news-widget .searchform .flex-row,
.duhor-news-widget .searchform .flex-col{
    display:flex !important;
    padding:0 !important;
    margin:0 !important;
}

.duhor-news-widget .searchform .flex-col:first-child{
    flex:1 1 auto !important;
}

.duhor-news-widget .searchform .flex-col:last-child{
    flex:0 0 54px !important;
}
/* FIX SEARCH SIDEBAR - CHỈ 1 ICON */
.duhor-news-widget .searchform,
.duhor-news-widget form.searchform{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    height:48px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background:#fff !important;
    padding:0 !important;
    margin:0 !important;
}

/* Ô nhập */
.duhor-news-widget .searchform input[type="search"],
.duhor-news-widget .searchform input[type="text"],
.duhor-news-widget .search-field{
    flex:1 1 auto !important;
    height:48px !important;
    border:0 !important;
    background:#fff !important;
    padding:0 18px !important;
    margin:0 !important;
    box-shadow:none !important;
    outline:none !important;
    font-size:14px !important;
    color:#0f172a !important;
}

/* Nút tìm kiếm */
.duhor-news-widget .searchform button,
.duhor-news-widget .searchform input[type="submit"],
.duhor-news-widget .ux-search-submit{
    width:54px !important;
    min-width:54px !important;
    height:48px !important;
    border:0 !important;
    border-radius:0 999px 999px 0 !important;
    background:#d89b2b !important;
    color:#fff !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none !important;
}

/* XÓA icon mình thêm bằng before để khỏi bị 2 icon */
.duhor-news-widget .searchform button::before,
.duhor-news-widget .searchform .search-submit::before,
.duhor-news-widget form.searchform button[type="submit"]::before{
    display:none !important;
    content:none !important;
}

/* Giữ icon mặc định Flatsome */
.duhor-news-widget .searchform button i,
.duhor-news-widget .searchform button svg,
.duhor-news-widget .ux-search-submit i,
.duhor-news-widget .ux-search-submit svg{
    display:inline-flex !important;
    color:#fff !important;
    fill:#fff !important;
    font-size:17px !important;
}






/* =====================================================
   FIX MOBILE CHI TIẾT TIN TỨC DUHOR
   ===================================================== */
@media(max-width:849px){

    html,
    body{
        overflow-x:hidden !important;
    }

    .duhor-single-news,
    .duhor-news-page{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    .duhor-container{
        width:100% !important;
        max-width:100% !important;
        padding-left:14px !important;
        padding-right:14px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .duhor-single-layout,
    .duhor-news-layout{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
    }

    .duhor-single-content,
    .duhor-news-left,
    .duhor-news-sidebar{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .duhor-news-sidebar{
        position:static !important;
        margin-top:26px !important;
        display:grid !important;
        gap:18px !important;
    }
}


/* MOBILE NHỎ */
@media(max-width:549px){

    /* Hero đầu bài */
    .duhor-single-hero{
        padding:38px 0 42px !important;
    }

    .duhor-single-cat{
        min-height:28px !important;
        padding:0 12px !important;
        font-size:10px !important;
        margin-bottom:12px !important;
    }

    .duhor-single-hero h1{
        font-size:24px !important;
        line-height:1.22 !important;
        letter-spacing:-.035em !important;
        max-width:100% !important;
    }

    .duhor-single-meta{
        gap:10px !important;
        margin-top:14px !important;
        font-size:11.5px !important;
        line-height:1.4 !important;
    }

    /* Khối nội dung */
    .duhor-single-main{
        padding:24px 0 45px !important;
    }

    .duhor-single-content{
        padding:16px !important;
        border-radius:18px !important;
        font-size:14px !important;
        line-height:1.75 !important;
    }

    .duhor-single-content p{
        font-size:14px !important;
        line-height:1.75 !important;
        margin-bottom:14px !important;
    }

    .duhor-single-content h2{
        font-size:20px !important;
        line-height:1.28 !important;
        margin-top:22px !important;
        margin-bottom:10px !important;
    }

    .duhor-single-content h3{
        font-size:17px !important;
        line-height:1.35 !important;
        margin-top:20px !important;
        margin-bottom:9px !important;
    }

    .duhor-single-content h4{
        font-size:15.5px !important;
        line-height:1.35 !important;
    }

    .duhor-single-content ul,
    .duhor-single-content ol{
        padding-left:18px !important;
        margin-left:0 !important;
    }

    .duhor-single-content li{
        font-size:14px !important;
        line-height:1.7 !important;
        margin-bottom:7px !important;
    }

    /* Ảnh trong bài */
    .duhor-single-cover{
        margin-bottom:20px !important;
    }

    .duhor-single-cover img,
    .duhor-single-content img,
    .duhor-single-content figure img{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        border-radius:14px !important;
        margin:14px 0 !important;
        display:block !important;
    }

    .duhor-single-content figure{
        width:100% !important;
        max-width:100% !important;
        margin:16px 0 !important;
    }

    /* Mục lục nếu có */
    .duhor-single-content .ez-toc-container,
    .duhor-single-content #ez-toc-container,
    .duhor-single-content .lwptoc,
    .duhor-single-content .toc,
    .duhor-single-content .rank-math-toc-block{
        width:100% !important;
        max-width:100% !important;
        margin:16px 0 22px !important;
        padding:14px !important;
        font-size:13px !important;
        box-sizing:border-box !important;
    }

    /* Sidebar */
    .duhor-news-widget{
        padding:18px !important;
        border-radius:18px !important;
    }

    .duhor-news-widget h3{
        font-size:18px !important;
        margin-bottom:14px !important;
    }

    /* Search */
    .duhor-news-widget .searchform,
    .duhor-news-widget form.searchform{
        height:44px !important;
        border-radius:999px !important;
    }

    .duhor-news-widget .searchform input[type="search"],
    .duhor-news-widget .searchform input[type="text"],
    .duhor-news-widget .search-field{
        height:44px !important;
        font-size:13px !important;
        padding:0 14px !important;
    }

    .duhor-news-widget .searchform button,
    .duhor-news-widget .searchform input[type="submit"],
    .duhor-news-widget .ux-search-submit{
        width:48px !important;
        min-width:48px !important;
        height:44px !important;
    }

    /* Bài viết mới sidebar */
    .duhor-recent-item{
        grid-template-columns:64px 1fr !important;
        gap:10px !important;
    }

    .duhor-recent-item img,
    .duhor-recent-item > div > span{
        width:64px !important;
        height:56px !important;
        border-radius:12px !important;
    }

    .duhor-recent-item strong{
        font-size:12.8px !important;
        line-height:1.35 !important;
    }

    .duhor-recent-item small{
        font-size:12px !important;
    }

    /* CTA sidebar */
    .duhor-news-cta p{
        font-size:13px !important;
    }

    .duhor-news-cta a{
        height:38px !important;
        font-size:13px !important;
        padding:0 15px !important;
    }

    /* Bài viết liên quan */
    .duhor-related{
        padding:0 0 45px !important;
    }

    .duhor-section-head h2{
        font-size:25px !important;
    }

    .duhor-news-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .duhor-news-card{
        border-radius:18px !important;
    }

    .duhor-news-card-img{
        height:190px !important;
    }

    .duhor-news-card-body{
        padding:16px !important;
    }

    .duhor-news-card-body h2{
        font-size:18px !important;
    }

    .duhor-news-card-body p{
        font-size:13.5px !important;
    }

    /* Footer nếu bị tràn */
    footer,
    .footer-wrapper,
    #footer{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }
}


/* 2. Làm rõ phần ngày / phút đọc / admin */
.duhor-single-meta,
.duhor-single-meta span,
.duhor-single-meta a{
    color:#d6b36a !important;
    opacity:1 !important;
}

.duhor-single-meta i{
    color:#d6b36a !important;
    opacity:1 !important;
}

/* 3. Search mobile đang bị tách input và nút */
@media(max-width:549px){

    /* Khung search phía trên mobile */
    .header-search-form,
    .mobile-sidebar .searchform,
    .off-canvas .searchform,
    .duhor-news-widget .searchform,
    form.searchform{
        display:flex !important;
        align-items:center !important;
        width:100% !important;
        height:46px !important;
        padding:0 !important;
        margin:0 !important;
        border:1px solid #dbe4f0 !important;
        border-radius:999px !important;
        background:#fff !important;
        overflow:hidden !important;
        box-shadow:none !important;
    }

    /* Ô nhập */
    .header-search-form input[type="search"],
    .mobile-sidebar .searchform input[type="search"],
    .off-canvas .searchform input[type="search"],
    .duhor-news-widget .searchform input[type="search"],
    form.searchform input[type="search"],
    form.searchform input[type="text"],
    .search-field{
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        height:46px !important;
        padding:0 15px !important;
        margin:0 !important;
        border:0 !important;
        border-radius:999px 0 0 999px !important;
        background:#fff !important;
        color:#0f172a !important;
        font-size:14px !important;
        line-height:46px !important;
        box-shadow:none !important;
        outline:none !important;
    }

    /* Placeholder rõ hơn */
    .header-search-form input::placeholder,
    .mobile-sidebar .searchform input::placeholder,
    .off-canvas .searchform input::placeholder,
    .duhor-news-widget .searchform input::placeholder,
    form.searchform input::placeholder{
        color:#64748b !important;
        opacity:1 !important;
    }

    /* Nút search */
    .header-search-form button,
    .mobile-sidebar .searchform button,
    .off-canvas .searchform button,
    .duhor-news-widget .searchform button,
    form.searchform button,
    form.searchform input[type="submit"],
    .ux-search-submit{
        width:48px !important;
        min-width:48px !important;
        height:46px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:0 999px 999px 0 !important;
        background:#d89b2b !important;
        color:#fff !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-shadow:none !important;
    }

    /* Bỏ icon thừa nếu bị 2 kính lúp */
    form.searchform button::before,
    .searchform .search-submit::before,
    .ux-search-submit::before{
        display:none !important;
        content:none !important;
    }

    form.searchform button i,
    form.searchform button svg,
    .ux-search-submit i,
    .ux-search-submit svg{
        color:#fff !important;
        fill:#fff !important;
        font-size:17px !important;
    }

    /* Nếu Flatsome bọc input trong flex-col */
    .searchform .flex-row{
        display:flex !important;
        width:100% !important;
        height:46px !important;
        padding:0 !important;
        margin:0 !important;
    }

    .searchform .flex-col{
        padding:0 !important;
        margin:0 !important;
    }

    .searchform .flex-col:first-child{
        flex:1 1 auto !important;
    }

    .searchform .flex-col:last-child{
        flex:0 0 48px !important;
    }

    /* 4. Giảm độ nặng hero mobile */
    .duhor-single-hero{
        padding:34px 0 36px !important;
    }

    .duhor-single-hero h1{
        font-size:23px !important;
        line-height:1.25 !important;
    }

    .duhor-single-meta{
        gap:9px !important;
        font-size:12px !important;
        margin-top:12px !important;
    }
}

@media(max-width:549px){
    .header-search-form,
    .header .searchform,
    .mobile-header .searchform{
        display:none !important;
    }
}

@media(max-width:549px){
    .duhor-single-nav{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:10px !important;
        flex-wrap:nowrap !important;
    }

    .duhor-single-nav > div{
        width:auto !important;
    }

    .duhor-single-nav a{
        height:40px !important;
        min-height:40px !important;
        padding:0 14px !important;
        font-size:13px !important;
        white-space:nowrap !important;
    }
}