/**
 * ProxySell Blog — UI/UX refresh (Flatsome-compatible overrides)
 */
:root {
    --ps-blog-accent: #e26a00;
    --ps-blog-accent-hover: #ff7f00;
    --ps-blog-accent-active: #c45500;
    --ps-blog-bg: #f4f7fb;
    --ps-blog-surface: #ffffff;
    --ps-blog-text: #1a2332;
    --ps-blog-muted: #5c6b7a;
    --ps-blog-border: #e8edf3;
    --ps-blog-radius: 14px;
    --ps-blog-shadow: 0 8px 28px rgba(15, 23, 42, 0.07);
    --ps-blog-shadow-hover: 0 14px 40px rgba(15, 23, 42, 0.12);
}

body.blog.ps-blog-theme,
body.ps-blog-theme {
    background: linear-gradient(180deg, #f8fafc 0%, var(--ps-blog-bg) 32%, #eef2f7 100%);
    color: var(--ps-blog-text);
}

#main {
    padding-top: 8px;
    padding-bottom: 48px;
}

/* —— Header —— */
.ps-blog-theme .header-wrapper {
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}

.ps-blog-theme .header-top {
    background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ps-blog-theme .header-top .nav-top-link {
    color: #e2e8f0 !important;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.ps-blog-theme .header-top .nav-top-link:hover {
    color: #fff !important;
    opacity: 1;
}

.ps-blog-theme .header-bg-color,
.ps-blog-theme .header-wrapper {
    background-color: var(--ps-blog-surface) !important;
}

.ps-blog-theme #masthead.header-main {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ps-blog-theme #masthead .header-inner.flex-row.container {
    align-items: center;
    gap: 12px;
}

.ps-blog-theme #logo img {
    max-height: 56px;
}

/* Banner: một hàng, không trùng logo */
.ps-blog-theme #masthead .header-inner > .flex-col.flex-left.flex-grow a img {
    max-height: 72px;
    width: auto;
    border-radius: 8px;
}

/* Ẩn banner trùng ở cột phải (đã có banner ở giữa) */
.ps-blog-theme #masthead .header-inner > .flex-col.hide-for-medium.flex-right {
    display: none !important;
}

.ps-blog-theme #masthead .header-inner > .flex-col.flex-left.flex-grow {
    flex: 1;
    justify-content: center;
}

.ps-blog-theme #wide-nav.header-bottom {
    background: var(--ps-blog-surface) !important;
    border-top: 1px solid var(--ps-blog-border);
    border-bottom: 1px solid var(--ps-blog-border);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}

.ps-blog-theme .header-bottom-nav > li > a.nav-top-link {
    color: var(--ps-blog-text) !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    padding: 12px 14px !important;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.ps-blog-theme .header-bottom-nav > li.current_page_parent > a.nav-top-link,
.ps-blog-theme .header-bottom-nav > li:hover > a.nav-top-link {
    background: linear-gradient(135deg, rgba(226, 106, 0, 0.12), rgba(255, 127, 0, 0.08));
    color: var(--ps-blog-accent-active) !important;
}

.ps-blog-theme .header-bottom-nav > li.current_page_parent > a.nav-top-link {
    box-shadow: inset 0 -2px 0 var(--ps-blog-accent);
}

/* Search */
.ps-blog-theme .header-search-form .search-field {
    border-radius: 999px !important;
    border: 1px solid var(--ps-blog-border) !important;
    padding: 10px 16px !important;
    background: #f8fafc !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ps-blog-theme .header-search-form .search-field:focus {
    border-color: var(--ps-blog-accent) !important;
    box-shadow: 0 0 0 3px rgba(226, 106, 0, 0.15);
    outline: none;
}

.ps-blog-theme .ux-search-submit.submit-button {
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--ps-blog-accent-hover), var(--ps-blog-accent)) !important;
    border: none !important;
}

.ps-blog-theme .ux-search-submit.submit-button:hover {
    filter: brightness(1.05);
}

/* —— Archive / listing —— */
.ps-blog-theme .blog-wrapper.blog-archive {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.ps-blog-theme .row-divided > .col + .col {
    border-left: none !important;
}

.ps-blog-theme .post-item .col-inner {
    margin-bottom: 8px;
}

.ps-blog-theme .ps-post-card.box-blog-post {
    background: var(--ps-blog-surface);
    border: 1px solid var(--ps-blog-border);
    border-radius: var(--ps-blog-radius);
    box-shadow: var(--ps-blog-shadow);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}

.ps-blog-theme .ps-post-card.box-blog-post:hover {
    transform: translateY(-3px);
    box-shadow: var(--ps-blog-shadow-hover);
    border-color: rgba(226, 106, 0, 0.35);
}

.ps-blog-theme .ps-post-card .box-image {
    border-radius: 0;
}

.ps-blog-theme .ps-post-card .box-image .image-cover {
    overflow: hidden;
}

.ps-blog-theme .ps-post-card .box-image img {
    transition: transform 0.45s ease;
}

.ps-blog-theme .ps-post-card:hover .box-image img {
    transform: scale(1.04);
}

.ps-blog-theme .ps-post-card .cat-label,
.ps-blog-theme .ps-post-card .cat-label a {
    color: var(--ps-blog-accent) !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    font-size: 11px !important;
}

.ps-blog-theme .ps-post-card .post-title,
.ps-blog-theme .ps-post-card .post-title a {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: var(--ps-blog-text) !important;
}

.ps-blog-theme .ps-post-card .post-title a:hover {
    color: var(--ps-blog-accent) !important;
}

.ps-blog-theme .ps-post-card .post-meta {
    color: var(--ps-blog-muted) !important;
    font-size: 13px !important;
}

.ps-blog-theme .ps-post-card .from_the_blog_excerpt {
    color: var(--ps-blog-muted) !important;
    line-height: 1.65 !important;
    font-size: 14px !important;
}

.ps-blog-theme .ps-post-card .is-divider {
    background: linear-gradient(90deg, var(--ps-blog-accent), transparent);
    height: 2px;
    max-width: 56px;
    opacity: 1;
}

/* Mobile: stack image on top */
@media (max-width: 849px) {
    .ps-blog-theme .ps-post-card.box-vertical {
        flex-direction: column !important;
    }
    .ps-blog-theme .ps-post-card .box-image {
        width: 100% !important;
    }
}

/* —— Sidebar —— */
.ps-blog-theme .post-sidebar #secondary {
    position: sticky;
    top: 12px;
}

.ps-blog-theme .post-sidebar .widget {
    background: var(--ps-blog-surface);
    border: 1px solid var(--ps-blog-border);
    border-radius: var(--ps-blog-radius);
    padding: 16px;
    box-shadow: var(--ps-blog-shadow);
    margin-bottom: 20px;
}

.ps-blog-theme .post-sidebar .widget-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ps-blog-text) !important;
    margin: 0 0 14px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--ps-blog-accent);
    display: block;
}

.ps-blog-theme .post-sidebar .img-inner img {
    border-radius: 10px;
}

.ps-blog-theme .post-sidebar .box-overlay .post-title {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
}

.ps-blog-theme .post-sidebar .box-overlay.dark {
    border-radius: 12px;
    overflow: hidden;
}

/* —— Single post —— */
.ps-blog-theme .blog-wrapper .entry-title {
    font-size: clamp(1.5rem, 4vw, 2rem) !important;
    line-height: 1.25 !important;
    color: var(--ps-blog-text) !important;
}

.ps-blog-theme .entry-header-text .entry-category a {
    color: var(--ps-blog-accent) !important;
    font-weight: 700;
}

.ps-blog-theme .entry-content.single-page {
    background: var(--ps-blog-surface);
    border: 1px solid var(--ps-blog-border);
    border-radius: var(--ps-blog-radius);
    padding: 24px 28px;
    box-shadow: var(--ps-blog-shadow);
}

.ps-blog-theme .entry-content table#contentDetail {
    border: none;
}

.ps-blog-theme .related-post h3,
.ps-blog-theme .related-post .ps-related-title {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.ps-blog-theme .related-post .duong-line {
    height: 3px;
    background: linear-gradient(90deg, var(--ps-blog-accent), transparent);
    max-width: 120px;
    margin-bottom: 16px;
    border: none;
}

/* Primary color hooks (Flatsome) */
.ps-blog-theme [data-text-color="primary"],
.ps-blog-theme .primary {
    color: var(--ps-blog-accent) !important;
}

.ps-blog-theme .button.primary:not(.is-outline),
.ps-blog-theme input[type="submit"].primary {
    background: linear-gradient(135deg, var(--ps-blog-accent-hover), var(--ps-blog-accent)) !important;
    border-color: transparent !important;
}

/* Sidebar popular: hover */
.ps-blog-theme .ps-sidebar-popular-link .box {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ps-blog-theme .ps-sidebar-popular-link:hover .box {
    transform: translateY(-2px);
    box-shadow: var(--ps-blog-shadow-hover);
}

/* Trang chi tiết: full width article */
.ps-blog-theme .ps-blog-single .large-12.col {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.ps-blog-theme .ps-blog-single .related-post .box-blog-post {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--ps-blog-border);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ps-blog-theme .ps-blog-single .related-post .box-blog-post:hover {
    transform: translateY(-2px);
    box-shadow: var(--ps-blog-shadow-hover);
}

/* Phân trang (nếu theme in ra class chung) */
.ps-blog-theme .nav-pagination > li > a:hover,
.ps-blog-theme .nav-pagination > li > span:hover {
    border-color: var(--ps-blog-accent);
    color: var(--ps-blog-accent-active);
}