/* =========================================================
   Giao diện demo Ban QLDA & Phát triển quỹ đất xã Tuần Giáo
   Tùy biến trực tiếp tại themes/default/css/custom.css
   ========================================================= */
:root{
    --tg-primary:#0f4c81;
    --tg-primary-dark:#08345d;
    --tg-secondary:#0f766e;
    --tg-accent:#f59e0b;
    --tg-danger:#dc2626;
    --tg-bg:#f3f7fb;
    --tg-card:#ffffff;
    --tg-text:#0f172a;
    --tg-muted:#64748b;
    --tg-border:#dbe7f3;
    --tg-shadow:0 14px 36px rgba(15, 76, 129, .14);
}
html,body{background:var(--tg-bg); color:var(--tg-text);}
a,a:link,a:active,a:visited{color:var(--tg-primary)}
a:hover,a:focus{color:var(--tg-secondary)}
.wraper{max-width:1200px;}
.section-header-bar{background:linear-gradient(90deg,var(--tg-primary-dark),var(--tg-primary)); border-bottom:1px solid rgba(255,255,255,.16)}
.section-header-bar, .section-header-bar a{color:#eaf6ff!important;}
.section-header{background:linear-gradient(135deg,#ffffff 0%,#eef7ff 55%,#e7f9f4 100%); border-bottom:1px solid var(--tg-border)}
.site-banner{display:none!important;}
#header{min-height:104px;}
#header .logo{display:flex; align-items:center; gap:14px; padding:18px 10px 18px 0;}
#header .logo img{max-height:88px; width:auto;}
#header .logo h1,#header .logo .site_name{display:block!important; color:var(--tg-primary-dark); font-size:30px; line-height:1.15; font-weight:800; letter-spacing:-.3px; text-transform:uppercase;}
#header .logo h2,#header .logo .site_description{font-family:Arial,Helvetica,sans-serif; color:var(--tg-muted); font-size:15px; font-style:normal; font-weight:600; margin-top:6px;}
#header .right-ads{display:flex; align-items:center; justify-content:flex-end; gap:12px;}
.tg-header-contact{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}
.tg-contact-pill{display:flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; background:#fff; border:1px solid var(--tg-border); box-shadow:0 8px 20px rgba(15,23,42,.06); font-weight:700; color:var(--tg-primary-dark)}
.tg-contact-pill em{color:var(--tg-secondary)}
.section-nav{background:linear-gradient(90deg,var(--tg-primary-dark),var(--tg-primary)); box-shadow:0 10px 24px rgba(8,52,93,.22);}
.second-nav .bg{background:transparent!important; border-radius:0!important; box-shadow:none!important;}
#navbar_menu{border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; display:flex; flex-wrap:wrap;}
#navbar_menu li{border:0!important; box-shadow:none!important;}
#navbar_menu a{padding:15px 14px!important; color:#eef8ff!important; font-size:13px!important; font-weight:800!important; letter-spacing:.1px; text-shadow:none!important; text-transform:none!important; border-radius:12px; margin:5px 2px;}
#navbar_menu li:hover>a,#navbar_menu li.active>a,#navbar_menu a:hover{background:rgba(255,255,255,.14)!important; color:#fff!important;}
#navbar_menu ul{background:#fff!important; border-radius:14px!important; border:1px solid var(--tg-border); box-shadow:var(--tg-shadow)!important; top:48px!important; min-width:240px; padding:8px!important;}
#navbar_menu ul a{color:var(--tg-text)!important; width:230px!important; padding:10px 12px!important; margin:0; border-radius:10px; white-space:normal!important;}
#navbar_menu ul a:hover{background:#edf7ff!important; color:var(--tg-primary)!important;}
#navbar_menu ul li:first-child>a:after{display:none!important;}
.tg-home-hero{background:radial-gradient(circle at 15% 10%,rgba(45,212,191,.22),transparent 26%),linear-gradient(135deg,var(--tg-primary-dark),#0f4c81 52%,#0f766e); padding:28px 0 34px; color:#fff;}
.tg-hero-grid{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr); gap:22px; align-items:stretch;}
.tg-hero-main,.tg-status-card{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:26px; box-shadow:0 18px 50px rgba(2,6,23,.2); backdrop-filter:blur(8px);}
.tg-hero-main{padding:30px;}
.tg-badge{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:rgba(245,158,11,.18); color:#fffbeb; border:1px solid rgba(245,158,11,.38); font-weight:800; font-size:12px; letter-spacing:.3px;}
.tg-hero-main h2{font-size:34px; line-height:1.22; margin:16px 0 10px; font-weight:900; letter-spacing:-.5px;}
.tg-hero-main p{font-size:16px; line-height:1.65; color:#e5f3ff; max-width:760px;}
.tg-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.tg-btn{display:inline-flex; align-items:center; gap:8px; padding:11px 15px; border-radius:999px; font-weight:800; border:1px solid rgba(255,255,255,.2); color:#fff!important; background:rgba(255,255,255,.12)}
.tg-btn.primary{background:var(--tg-accent); color:#111827!important; border-color:transparent;}
.tg-btn:hover{transform:translateY(-1px); background:#fff; color:var(--tg-primary)!important;}
.tg-status-card{padding:22px;}
.tg-status-card h3{font-size:17px; margin-bottom:14px; color:#fff;}
.tg-status-list{display:grid; gap:10px;}
.tg-status-item{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 14px; border-radius:18px; background:rgba(255,255,255,.13);}
.tg-status-item span{color:#e7f7ff; font-weight:700;}
.tg-status-item strong{font-size:22px; color:#fff;}
.tg-status-note{font-size:12px; color:#dff8ff; margin-top:12px;}
.section-body{padding-top:18px;}
#body{background:transparent;}
.third-nav{background:#fff; border:1px solid var(--tg-border); border-radius:18px; padding:6px; margin-bottom:16px; box-shadow:0 8px 24px rgba(15,76,129,.06);}
.third-nav .row{border:0!important;}
.third-nav .bg{background:transparent!important;}
.headerSearch .form-control{border-radius:999px 0 0 999px; border-color:var(--tg-border); box-shadow:none;}
.headerSearch .btn{border-radius:0 999px 999px 0; background:var(--tg-primary); border-color:var(--tg-primary)}
.panel,.nv-block-banners,.news_column .panel{border:0!important; border-radius:20px!important; box-shadow:0 10px 28px rgba(15,23,42,.08)!important; overflow:hidden; background:#fff;}
.panel-heading{background:linear-gradient(90deg,var(--tg-primary),var(--tg-secondary))!important; color:#fff!important; border:0!important; font-weight:800!important; padding:12px 16px!important;}
.panel-heading a{color:#fff!important;}
.panel-body{padding:16px;}
#topnews{border:0!important; border-radius:22px; background:#fff; padding:14px; box-shadow:0 12px 30px rgba(15,23,42,.08)}
div.news_column .imghome{border-radius:16px; overflow:hidden; margin:4px 14px 8px 0; box-shadow:0 10px 24px rgba(15,23,42,.12);}
div.news_column .imghome img,#topnews img,.img-thumbnail{border-radius:14px; border:1px solid var(--tg-border);}
div.news_column h3, div.news_column h2, #news_detail h1{color:var(--tg-primary-dark); letter-spacing:-.2px;}
.hometext{font-weight:700; color:#334155;}
.bodytext{font-size:15px; line-height:1.75; color:#243044;}
.bodytext table{width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--tg-border); border-radius:16px; overflow:hidden; margin:14px 0;}
.bodytext th{background:#eaf5ff; color:var(--tg-primary-dark);}
.bodytext th,.bodytext td{padding:10px 12px; border-bottom:1px solid var(--tg-border);}
.bodytext tr:last-child td{border-bottom:0;}
ul.other-news li,#topnews ul.lastest-news a{border-color:var(--tg-border)!important;}
.btn-primary,.btn-info{background:var(--tg-primary)!important; border-color:var(--tg-primary)!important;}
.btn-success{background:var(--tg-secondary)!important; border-color:var(--tg-secondary)!important;}
.tg-footer-box{background:#082f49; color:#e5f3ff; border-radius:22px; padding:20px; min-height:180px;}
.tg-footer-box h3{font-size:18px; color:#fff; margin-bottom:12px;}
.tg-footer-box a{color:#dff8ff!important;}
.section-footer-top{background:linear-gradient(135deg,#07233f,#0b3b66 60%,#0f766e); color:#dff8ff; padding:28px 0; margin-top:24px;}
.section-footer-bottom{background:#06192e; color:#bdd6ea;}
.footerNav2 a,.footerNav2 span{color:#dff8ff!important;}
.tg-demo-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:16px 0;}
.tg-demo-card{border:1px solid var(--tg-border); border-radius:18px; padding:16px; background:#fff; box-shadow:0 10px 24px rgba(15,23,42,.06)}
.tg-demo-card strong{display:block; font-size:24px; color:var(--tg-primary); margin-top:6px;}
.tg-label{display:inline-block; padding:4px 10px; border-radius:999px; background:#e7f8f3; color:#0f766e; font-weight:800; font-size:12px;}
@media (max-width: 991px){
    #header{display:block;}
    #header .right-ads{justify-content:flex-start; padding-bottom:14px;}
    .tg-hero-grid{grid-template-columns:1fr;}
    .tg-hero-main h2{font-size:28px;}
    .tg-demo-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 600px){
    #header .logo{display:block;}
    #header .logo img{max-height:70px;}
    #header .logo h1,#header .logo .site_name{font-size:20px;}
    .tg-hero-main{padding:22px;}
    .tg-hero-main h2{font-size:24px;}
    .tg-demo-grid{grid-template-columns:1fr;}
    #navbar_menu{display:block;}
}