/* Archive + Search (dùng chung hệ class arc-*) — tách từ archive.php/search.php (P2 2026-07-16) */
/* ==================================================================
   SMEDEC ARCHIVE v2 — INLINE CRITICAL CSS
   Same design system as front-page.php
   ================================================================== */

/* Reset Flatsome — scoped to content area only */
.arc-wrap{margin:0!important;padding:0!important;max-width:100%!important}
body.archive .page-wrapper .page{padding:0!important}
body.archive #content,body.category #content{padding:0!important}
.arc-wrap .row.page-row,.arc-wrap .row{max-width:100%!important;padding:0!important}
.arc-full{width:100vw!important;margin-left:calc(-50vw + 50%)!important;box-sizing:border-box!important}
/* ---- HERO ---- */
.arc-hero{background:linear-gradient(135deg,#0a3b73 0%,#0f2847 100%)!important;color:#fff!important;padding:50px 20px 55px!important;text-align:center!important;position:relative!important;overflow:hidden!important}
.arc-hero::after{content:''!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#e6a23c,#f72585,#0a3b73)!important}
.arc-hero .arc-icon{width:56px!important;height:56px!important;border-radius:14px!important;background:rgba(255,255,255,.12)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;color:#e6a23c!important;margin-bottom:14px!important;backdrop-filter:blur(6px)!important}
.arc-hero .arc-badge{display:inline-block!important;background:rgba(230,162,60,.2)!important;color:#e6a23c!important;font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;padding:5px 16px!important;border-radius:16px!important;margin-bottom:12px!important;text-transform:uppercase!important}
.arc-hero h1{color:#fff!important;font-size:34px!important;font-weight:800!important;margin:0 0 14px!important;font-family:'Nunito',sans-serif!important;line-height:1.2!important}
.arc-hero .arc-breadcrumbs{font-size:13px!important;opacity:.8!important;margin-bottom:10px!important}
.arc-hero .arc-breadcrumbs a{color:#fff!important;text-decoration:none!important;opacity:.85!important}
.arc-hero .arc-breadcrumbs a:hover{opacity:1!important}
.arc-hero .arc-stats{display:flex!important;justify-content:center!important;gap:24px!important;margin-top:16px!important;flex-wrap:wrap!important}
.arc-hero .arc-stat{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;color:rgba(255,255,255,.75)!important}
.arc-hero .arc-stat i{color:#e6a23c!important;font-size:14px!important}
.arc-hero .arc-stat strong{color:#fff!important}
/* ---- SECTION COMMON ---- */
.arc-section{padding:0!important}
.arc-c{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important}
/* ---- SUBCATEGORY TAGS ---- */
.arc-tags{background:#fff!important;border-bottom:1px solid #eee!important;padding:16px 0!important;position:sticky!important;top:0!important;z-index:50!important}
.arc-tags-inner{display:flex!important;gap:10px!important;overflow-x:auto!important;padding-bottom:4px!important;align-items:center!important}
.arc-tags-inner::-webkit-scrollbar{height:3px!important}
.arc-tags-inner::-webkit-scrollbar-thumb{background:#ddd!important;border-radius:3px!important}
.arc-tag{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 18px!important;border-radius:22px!important;background:#f4f5f7!important;border:1px solid #e8e8e8!important;color:#555!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;transition:all .25s!important}
.arc-tag:hover,.arc-tag.active{background:#0a3b73!important;border-color:#0a3b73!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(10,59,115,.2)!important}
.arc-tag.active{pointer-events:none!important}
.arc-tag i{font-size:11px!important}
/* ---- FEATURED ---- */
.arc-featured{padding:30px 0!important;background:#f8f9fb!important}
.arc-feat-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:20px!important;min-height:340px!important}
.arc-feat-main{position:relative!important;border-radius:16px!important;overflow:hidden!important;display:block!important;text-decoration:none!important}
.arc-feat-main img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .5s!important}
.arc-feat-main:hover img{transform:scale(1.04)!important}
.arc-feat-main .feat-overlay{position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 60%)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:30px!important}
.arc-feat-main .feat-badge{display:inline-block!important;background:linear-gradient(135deg,#ff6b35,#f72585)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;padding:4px 12px!important;border-radius:10px!important;margin-bottom:10px!important;width:fit-content!important;text-transform:uppercase!important;letter-spacing:1px!important}
.arc-feat-main h2{color:#fff!important;font-size:24px!important;font-weight:800!important;margin:0 0 8px!important;line-height:1.3!important;font-family:'Nunito',sans-serif!important}
.arc-feat-main .feat-meta{color:rgba(255,255,255,.7)!important;font-size:13px!important;display:flex!important;gap:16px!important}
.arc-feat-side{display:flex!important;flex-direction:column!important;gap:20px!important}
.arc-feat-sm{position:relative!important;flex:1!important;border-radius:14px!important;overflow:hidden!important;display:block!important;text-decoration:none!important;min-height:155px!important}
.arc-feat-sm img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .4s!important}
.arc-feat-sm:hover img{transform:scale(1.05)!important}
.arc-feat-sm .feat-sm-ov{position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:16px!important}
.arc-feat-sm h3{color:#fff!important;font-size:15px!important;font-weight:700!important;margin:0!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
/* ---- SORT BAR ---- */
.arc-sort{background:#fff!important;padding:16px 0!important;border-bottom:1px solid #f0f0f0!important}
.arc-sort-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important}
.arc-sort-tabs{display:flex!important;gap:6px!important}
.arc-sort-tab{padding:8px 18px!important;border-radius:20px!important;border:1px solid #e0e0e0!important;background:#fff!important;color:#666!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;text-decoration:none!important}
.arc-sort-tab:hover,.arc-sort-tab.active{background:#0a3b73!important;border-color:#0a3b73!important;color:#fff!important}
.arc-sort-count{font-size:14px!important;color:#888!important}
.arc-sort-count strong{color:#0a3b73!important}
/* ---- MAIN LAYOUT (Grid + Sidebar) ---- */
.arc-main-layout{display:grid!important;grid-template-columns:1fr 300px!important;gap:30px!important;padding:30px 0 50px!important;align-items:start!important}
/* ---- POST GRID ---- */
.arc-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
.arc-card{background:#fff!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;transition:all .3s!important;border:1px solid #f0f0f0!important}
.arc-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
.arc-card .ac-img{position:relative!important;overflow:hidden!important}
.arc-card .ac-img img{width:100%!important;height:180px!important;object-fit:cover!important;display:block!important;transition:transform .4s!important}
.arc-card:hover .ac-img img{transform:scale(1.06)!important}
.ac-badge-new{position:absolute!important;top:10px!important;left:10px!important;background:linear-gradient(135deg,#2ecc71,#27ae60)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;padding:3px 10px!important;border-radius:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}
.ac-cat-tag{position:absolute!important;top:10px!important;right:10px!important;background:rgba(10,59,115,.85)!important;color:#fff!important;font-size:10px!important;font-weight:600!important;padding:3px 10px!important;border-radius:8px!important;backdrop-filter:blur(4px)!important}
.arc-card .ac-body{padding:16px!important}
.arc-card .ac-meta{display:flex!important;gap:12px!important;margin-bottom:8px!important;font-size:11px!important;color:#999!important}
.arc-card .ac-meta i{color:#0a3b73!important;margin-right:3px!important}
.arc-card h3{font-size:14px!important;font-weight:700!important;line-height:1.4!important;margin:0 0 6px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.arc-card h3 a{color:#222!important;text-decoration:none!important}
.arc-card h3 a:hover{color:#0a3b73!important}
.arc-card .ac-excerpt{font-size:12px!important;color:#888!important;line-height:1.5!important;margin:0 0 10px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.arc-card .ac-footer{display:flex!important;justify-content:space-between!important;align-items:center!important}
.ac-stars{color:#f5a623!important;font-size:12px!important}
.ac-stars i{margin-right:1px!important}
.ac-views{font-size:11px!important;color:#aaa!important}
/* ---- SIDEBAR ---- */
.arc-sidebar{position:sticky!important;top:80px!important}
.arc-widget{background:#fff!important;border-radius:14px!important;padding:20px!important;margin-bottom:20px!important;box-shadow:0 2px 10px rgba(0,0,0,.05)!important;border:1px solid #f0f0f0!important}
.arc-widget h4{font-size:15px!important;font-weight:700!important;color:#0a3b73!important;margin:0 0 14px!important;padding-bottom:10px!important;border-bottom:2px solid #f0f0f0!important;font-family:'Nunito',sans-serif!important}
.arc-widget .w-search{display:flex!important;border:1px solid #e0e0e0!important;border-radius:10px!important;overflow:hidden!important}
.arc-widget .w-search input{flex:1!important;border:none!important;outline:none!important;padding:10px 14px!important;font-size:13px!important;font-family:'Rubik',sans-serif!important}
.arc-widget .w-search button{padding:10px 14px!important;border:none!important;background:#0a3b73!important;color:#fff!important;cursor:pointer!important;font-size:14px!important}
.w-post-item{display:flex!important;gap:12px!important;padding:10px 0!important;border-bottom:1px solid #f7f7f7!important;text-decoration:none!important}
.w-post-item:last-child{border-bottom:none!important}
.w-post-item img{width:60px!important;height:60px!important;border-radius:8px!important;object-fit:cover!important;flex-shrink:0!important}
.w-post-item .w-post-info{flex:1!important;min-width:0!important}
.w-post-item h5{font-size:13px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 4px!important;color:#333!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.w-post-item:hover h5{color:#0a3b73!important}
.w-post-item .w-date{font-size:11px!important;color:#aaa!important}
.w-cat-list{list-style:none!important;margin:0!important;padding:0!important}
.w-cat-list li{padding:8px 0!important;border-bottom:1px solid #f5f5f5!important}
.w-cat-list li:last-child{border-bottom:none!important}
.w-cat-list li a{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#555!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;transition:color .2s!important}
.w-cat-list li a:hover{color:#0a3b73!important}
.w-cat-list li .w-cat-count{background:#f4f5f7!important;padding:2px 8px!important;border-radius:10px!important;font-size:11px!important;color:#888!important;font-weight:600!important}
/* ---- PAGINATION ---- */
.arc-pagination{text-align:center!important;margin-top:30px!important;grid-column:1/-1!important}
.arc-pagination .page-numbers{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:10px!important;margin:0 3px!important;font-size:14px!important;font-weight:600!important;color:#555!important;background:#fff!important;border:1px solid #e0e0e0!important;text-decoration:none!important;transition:all .2s!important}
.arc-pagination .page-numbers.current,.arc-pagination .page-numbers:hover{background:#0a3b73!important;border-color:#0a3b73!important;color:#fff!important}
.arc-pagination .page-numbers.dots{border:none!important;background:transparent!important}
/* ---- RELATED + NEWSLETTER ---- */
.arc-related{background:#f8f9fb!important;padding:40px 0!important}
.arc-related h3{font-size:22px!important;font-weight:800!important;color:#0a3b73!important;text-align:center!important;margin:0 0 20px!important;font-family:'Nunito',sans-serif!important}
.arc-rel-cats{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:30px!important}
.arc-rel-cat{padding:10px 24px!important;border-radius:25px!important;background:#fff!important;border:1px solid #e0e4ea!important;color:#555!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;transition:all .25s!important}
.arc-rel-cat:hover{background:#0a3b73!important;border-color:#0a3b73!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px rgba(10,59,115,.2)!important}
.arc-nl-strip{background:linear-gradient(135deg,#0a3b73,#0f2847)!important;border-radius:16px!important;padding:40px!important;text-align:center!important;max-width:700px!important;margin:0 auto!important}
.arc-nl-strip h3{color:#fff!important;font-size:22px!important;font-weight:800!important;margin:0 0 8px!important;font-family:'Nunito',sans-serif!important}
.arc-nl-strip p{color:rgba(255,255,255,.7)!important;font-size:14px!important;margin:0 0 20px!important}
.arc-nl-form{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;max-width:420px!important;margin:0 auto!important;align-items:stretch!important}
.arc-nl-form input{flex:1 1 auto!important;min-width:0!important;border:none!important;outline:none!important;padding:12px 18px!important;border-radius:10px 0 0 10px!important;font-size:13px!important;font-family:'Rubik',sans-serif!important;background:#fff!important;box-shadow:none!important;height:auto!important;margin:0!important;-webkit-appearance:none!important;color:#333!important}
.arc-nl-form button{flex:0 0 auto!important;padding:12px 24px!important;border:none!important;background:#e6a23c!important;color:#fff!important;font-weight:700!important;font-size:13px!important;border-radius:0 10px 10px 0!important;cursor:pointer!important;white-space:nowrap!important;transition:background .2s!important;margin:0!important;height:auto!important;line-height:1.2!important}
.arc-nl-form button:hover{background:#d4911a!important}
/* ---- RESPONSIVE ---- */
@media(max-width:991px){.arc-main-layout{grid-template-columns:1fr!important}.arc-sidebar{position:static!important}.arc-grid{grid-template-columns:repeat(2,1fr)!important}.arc-feat-grid{grid-template-columns:1fr!important}.arc-feat-side{flex-direction:row!important}.arc-feat-sm{min-height:180px!important}}
@media(max-width:768px){.arc-hero h1{font-size:24px!important}.arc-grid{grid-template-columns:1fr!important}.arc-hero .arc-stats{gap:14px!important}.arc-sort-inner{flex-direction:column!important;align-items:flex-start!important}.arc-feat-side{flex-direction:column!important}.arc-nl-strip{padding:24px!important}.arc-nl-form{flex-direction:column!important;gap:8px!important}.arc-nl-form input,.arc-nl-form button{border-radius:10px!important}}

/* ===== Search-only ===== */
/* Uses archive.php CSS class prefix arc-* — reuse same design system */

/* Reset Flatsome — scoped to content area only */
.arc-wrap{margin:0!important;padding:0!important;max-width:100%!important}
body.search .page-wrapper .page > .arc-wrap,body.search #content > .arc-wrap{padding:0!important;margin:0!important}
body.search .page-wrapper .page{padding:0!important}
body.search #content{padding:0!important}
/* ---- SEARCH BOX in Hero (matching front-page .sm-search layout) ---- */
.search-hero-form{display:flex!important;max-width:700px!important;margin:24px auto 0!important;gap:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 16px 50px rgba(0,0,0,.18)!important;background:#fff!important}
.search-hero-form .shf-field{padding:12px 20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.search-hero-form .shf-field label{display:block!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;color:#8b7355!important;margin-bottom:4px!important}
.search-hero-form .shf-kw{flex:1!important;border-right:1px solid #f0e8d9!important}
.search-hero-form .shf-city{flex:0 0 180px!important;border-right:1px solid #f0e8d9!important}
.search-hero-form input[type="search"]{width:100%!important;border:none!important;outline:none!important;font-size:14px!important;font-family:'Rubik',sans-serif!important;color:#333!important;background:transparent!important;padding:0!important}
.search-hero-form input::placeholder{color:#bbb!important}
.search-hero-form select{width:100%!important;border:none!important;outline:none!important;font-size:14px!important;font-family:'Rubik',sans-serif!important;color:#333!important;background:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer!important;padding:0!important}
.search-hero-form .shf-go{display:flex!important;align-items:center!important;padding:10px 14px!important}
.search-hero-form .shf-go button{width:48px!important;height:48px!important;border-radius:12px!important;border:none!important;background:#0a3b73!important;color:#fff!important;font-size:18px!important;cursor:pointer!important;transition:all .2s!important;display:flex!important;align-items:center!important;justify-content:center!important}
.search-hero-form .shf-go button:hover{background:#083060!important;transform:scale(1.06)!important}
/* City active badge */
.arc-city-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(230,162,60,.2)!important;color:#e6a23c!important;padding:4px 14px!important;border-radius:14px!important;font-size:12px!important;font-weight:600!important;margin-top:8px!important}
.arc-city-badge i{font-size:11px!important}
.arc-city-clear{color:#fff!important;opacity:.7!important;text-decoration:none!important;margin-left:4px!important;font-size:14px!important;font-weight:700!important}
.arc-city-clear:hover{opacity:1!important}
/* ---- MAIN LAYOUT ---- */
.arc-main-layout{display:grid!important;grid-template-columns:1fr 300px!important;gap:30px!important;padding:30px 0 50px!important;align-items:start!important}
/* Search highlight */
.search-highlight{background:#fff3cd!important;padding:1px 4px!important;border-radius:3px!important;font-weight:600!important}
/* No results — use arc- prefix to avoid collision with WP body class */
.arc-no-results{text-align:center!important;padding:60px 20px!important;grid-column:1/-1!important}
.arc-no-results i{font-size:64px!important;color:#ddd!important;margin-bottom:20px!important;display:block!important}
.arc-no-results h3{font-size:20px!important;color:#555!important;margin:0 0 10px!important;font-family:'Nunito',sans-serif!important}
.arc-no-results p{color:#999!important;font-size:14px!important;margin:0 0 20px!important}
.arc-suggest-tags{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin-top:16px!important}
.arc-suggest-tag{padding:8px 18px!important;border-radius:22px!important;background:#f4f5f7!important;border:1px solid #e8e8e8!important;color:#555!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:all .25s!important}
.arc-suggest-tag:hover{background:#0a3b73!important;border-color:#0a3b73!important;color:#fff!important}
/* ---- NEWSLETTER ---- */
.arc-related{background:#f8f9fb!important;padding:40px 0!important}
/* ---- RESPONSIVE ---- */
@media(max-width:991px){.arc-main-layout{grid-template-columns:1fr!important}.arc-sidebar{position:static!important}.arc-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:768px){.arc-hero h1{font-size:24px!important}.arc-grid{grid-template-columns:1fr!important}.arc-sort-inner{flex-direction:column!important;align-items:flex-start!important}.arc-nl-strip{padding:24px!important}.arc-nl-form{flex-direction:column!important;gap:8px!important}.arc-nl-form input,.arc-nl-form button{border-radius:10px!important}.search-hero-form{flex-direction:column!important;border-radius:14px!important}.search-hero-form .shf-kw,.search-hero-form .shf-city{border-right:none!important;border-bottom:1px solid #f0e8d9!important;flex:none!important}.search-hero-form .shf-go{justify-content:center!important}.search-hero-form .shf-go button{width:100%!important;border-radius:10px!important}}