/* =============================================================
   AMILMA DIGITAL — Premium UI System v2
   Inspired by: Google Blog · Stripe · Vercel · Linear
   ============================================================= */

/* ── 1. FONT IMPORT ──────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&display=swap');

/* ── 2. DESIGN TOKENS ────────────────────────────────────── */
:root {
    --pui-font:               'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --pui-line-height:        1.75;
    --pui-bg:                 #FFFFFF;
    --pui-bg-subtle:          #F8F9FB;
    --pui-bg-surface:         #F1F3F6;
    --pui-bg-ink:             #0D0F14;
    --pui-bg-ink-soft:        #141720;
    --pui-text-primary:       #0F1117;
    --pui-text-body:          #374151;
    --pui-text-muted:         #6B7280;
    --pui-text-faint:         #9CA3AF;
    --pui-text-on-dark:       #E5E7EB;
    --pui-text-on-dark-muted: #6B7280;
    --pui-border:             #E5E7EB;
    --pui-border-light:       #F3F4F6;
    --pui-border-dark:        #1F2937;
    --pui-accent:             var(--color-primary,  #5869DA);
    --pui-accent-dark:        var(--color-secondary, #2d3d8b);
    --pui-danger:             var(--color-danger,    #e3363e);
    --pui-r-xs:    4px;
    --pui-r-sm:    8px;
    --pui-r-md:    12px;
    --pui-r-lg:    16px;
    --pui-r-xl:    24px;
    --pui-r-2xl:   32px;
    --pui-r-pill:  999px;
    --pui-shadow-xs:  0 1px 2px rgba(0,0,0,.05);
    --pui-shadow-sm:  0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.06);
    --pui-shadow-md:  0 4px 16px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);
    --pui-shadow-lg:  0 8px 32px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.05);
    --pui-shadow-xl:  0 20px 48px rgba(0,0,0,.11), 0 4px 12px rgba(0,0,0,.07);
    --pui-shadow-glow: 0 4px 20px rgba(88,105,218,0.30);
    --pui-ease:     cubic-bezier(0.4, 0, 0.2, 1);
    --pui-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --pui-trans:    all 0.22s var(--pui-ease);
    --pui-nav-h:    68px;
}

/* ── 3. BASE RESET & TYPOGRAPHY ──────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: var(--pui-font) !important;
    font-size: 15px !important;
    line-height: var(--pui-line-height) !important;
    color: var(--pui-text-body) !important;
    background: var(--pui-bg) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,.font-heading,.post-title,.btn {
    font-family: var(--pui-font) !important;
    font-style: normal !important;
    color: var(--pui-text-primary) !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
}
h1 { font-size: clamp(2.25rem, 5vw, 3.25rem) !important; font-weight: 800 !important; }
h2 { font-size: clamp(1.625rem, 3.5vw, 2.375rem) !important; font-weight: 700 !important; }
h3 { font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important; font-weight: 700 !important; }
h4 { font-size: 1.1875rem !important; font-weight: 600 !important; }
h5 { font-size: 1rem !important; font-weight: 600 !important; }
h6 { font-size: 0.875rem !important; font-weight: 600 !important; }
p { color: var(--pui-text-body); line-height: var(--pui-line-height); }
a { color: var(--pui-accent); text-decoration: none; transition: var(--pui-trans); }

/* ── 4. SECTION LABEL SYSTEM (all widget-header variants) ── */
.widget-header-1,
.widget-header-2,
.widget-header-3 {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.widget-header-1::before,
.widget-header-2::before,
.widget-header-3::before {
    content: '' !important;
    display: block !important;
    width: 3px !important;
    height: 18px !important;
    background: var(--pui-accent) !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}
.widget-header-1 h5,
.widget-header-2 h5,
.widget-header-3 .widget-title,
h5.widget-title {
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    color: var(--pui-text-primary) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.pui-section-dark .widget-header-1::before,
.pui-section-dark .widget-header-2::before { background: rgba(255,255,255,0.35) !important; }
.pui-section-dark .widget-header-1 h5,
.pui-section-dark .widget-header-2 h5 { color: #F3F4F6 !important; }

/* ── 5. GLASSMORPHISM NAVIGATION ─────────────────────────── */
.header-top { display: none !important; }
.main-header.header-style-1 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
.header-sticky {
    background: rgba(255,255,255,0.78) !important;
    backdrop-filter: blur(24px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
    border-bottom: 1px solid rgba(229,231,235,0.5) !important;
    box-shadow: none !important;
    transition: background 0.3s var(--pui-ease), box-shadow 0.3s var(--pui-ease) !important;
    height: var(--pui-nav-h) !important;
    display: flex !important;
    align-items: center !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
}
.header-sticky.sticky-bar {
    background: rgba(255,255,255,0.96) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 4px 24px rgba(0,0,0,.06) !important;
}
.header-sticky .container {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}
.pui-logo-inject {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 32px;
}
.pui-logo-inject .logo {
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
}
.header-sticky .main-nav {
    float: none !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}
.header-sticky .main-menu {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}
.header-sticky .main-menu > li > a {
    color: var(--pui-text-body) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 8px 13px !important;
    border-radius: var(--pui-r-sm) !important;
    transition: var(--pui-trans) !important;
    white-space: nowrap !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.header-sticky .main-menu > li:hover > a,
.header-sticky .main-menu > li.current-menu-item > a {
    background: var(--pui-bg-surface) !important;
    color: var(--pui-text-primary) !important;
}
.header-sticky .main-menu > li.current-menu-item > a {
    color: var(--pui-accent) !important;
    background: rgba(88,105,218,0.08) !important;
}
.header-sticky .main-menu .sub-menu,
.header-sticky .main-menu .mega-menu {
    background: #fff !important;
    border: 1px solid var(--pui-border) !important;
    border-radius: var(--pui-r-md) !important;
    box-shadow: var(--pui-shadow-xl) !important;
    padding: 6px !important;
    min-width: 210px !important;
    margin-top: 10px !important;
}
.header-sticky .main-menu .sub-menu li a {
    color: var(--pui-text-body) !important;
    font-size: 0.875rem !important;
    padding: 9px 12px !important;
    border-radius: var(--pui-r-xs) !important;
    display: block !important;
    font-weight: 400 !important;
}
.header-sticky .main-menu .sub-menu li a:hover {
    background: var(--pui-bg-surface) !important;
    color: var(--pui-text-primary) !important;
}
.header-sticky .header-tools {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
}
.header-sticky .search-icon span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: var(--pui-text-muted) !important;
    padding: 7px 13px !important;
    border-radius: var(--pui-r-sm) !important;
    border: 1.5px solid var(--pui-border) !important;
    background: var(--pui-bg) !important;
    transition: var(--pui-trans) !important;
    cursor: pointer !important;
    letter-spacing: -0.01em !important;
}
.header-sticky .search-icon span:hover {
    border-color: var(--pui-accent) !important;
    color: var(--pui-accent) !important;
    background: rgba(88,105,218,0.04) !important;
}
.header-sticky .pui-nav-cta,
.header-sticky .btn.btn-radius.bg-primary {
    background: var(--pui-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--pui-r-sm) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    padding: 8px 18px !important;
    letter-spacing: -0.01em !important;
    transition: var(--pui-trans) !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}
.header-sticky .pui-nav-cta:hover,
.header-sticky .btn.btn-radius.bg-primary:hover {
    background: var(--pui-accent-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(88,105,218,0.30) !important;
}
.header-sticky .header-social-network { display: none !important; }
.mobile_menu {
    position: static !important;
    width: auto !important;
    margin-left: auto !important;
}

/* ── 6. SEARCH OVERLAY ───────────────────────────────────── */
.main-search-form {
    background: rgba(8,9,14,0.92) !important;
    backdrop-filter: blur(20px) !important;
}
.main-search-form .form-control {
    border-radius: var(--pui-r-pill) !important;
    border: 1.5px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.07) !important;
    color: #fff !important;
    padding: 15px 22px !important;
    font-size: 1.0625rem !important;
    font-family: var(--pui-font) !important;
    box-shadow: none !important;
}
.main-search-form .form-control::placeholder { color: rgba(255,255,255,0.35); }
.main-search-form .form-control:focus {
    border-color: rgba(88,105,218,0.6) !important;
    box-shadow: 0 0 0 3px rgba(88,105,218,0.15) !important;
    background: rgba(255,255,255,0.12) !important;
}
.main-search-form .btn-search {
    background: transparent !important;
    color: rgba(255,255,255,0.5) !important;
    border: none !important;
}

/* ── 7. SECTION BACKGROUNDS ──────────────────────────────── */
.bg-grey { background: var(--pui-bg) !important; }
.site-bottom { background: var(--pui-bg) !important; }
.pui-band-tint {
    background: var(--pui-bg-subtle) !important;
    border-top: 1px solid var(--pui-border-light) !important;
    border-bottom: 1px solid var(--pui-border-light) !important;
}
.pui-section-dark { background: var(--pui-bg-ink) !important; }
.pui-section-dark h5,.pui-section-dark h6,.pui-section-dark p { color: var(--pui-text-on-dark) !important; }
.pui-section-dark a { color: #D1D5DB !important; }
.pui-section-dark a:hover { color: #fff !important; }
.pui-section-dark .text-muted { color: #4B5563 !important; }

/* ── 8. ARTICLE CARDS ────────────────────────────────────── */
.post-card-1 {
    background: var(--pui-bg) !important;
    border: 1px solid var(--pui-border-light) !important;
    border-radius: var(--pui-r-lg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: var(--pui-trans) !important;
    will-change: transform, box-shadow;
    display: flex !important;
    flex-direction: column !important;
}
.post-card-1:hover {
    box-shadow: var(--pui-shadow-lg) !important;
    transform: translateY(-4px) !important;
    border-color: transparent !important;
}
.post-card-1 > .post-thumb {
    height: 210px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.4s var(--pui-ease-out) !important;
}
.post-card-1:hover > .post-thumb { transform: scale(1.04) !important; }
.post-card-1 .post-content {
    padding: 22px 22px 18px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--pui-bg) !important;
}
.post-cat {
    font-size: 0.625rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    border-radius: var(--pui-r-pill) !important;
    padding: 3px 9px !important;
    display: inline-block !important;
    color: #fff !important;
    line-height: 1.7 !important;
    margin-bottom: 10px !important;
}
.post-card-1 .post-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    flex: 1 !important;
}
.post-card-1 .post-title a { color: var(--pui-text-primary) !important; }
.post-card-1 .post-title a:hover { color: var(--pui-accent) !important; }
.post-card-1 .post-excerpt {
    font-size: 0.875rem !important;
    color: var(--pui-text-muted) !important;
    line-height: 1.55 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 14px !important;
}
.post-card-1 .entry-meta.meta-1 {
    font-size: 0.6875rem !important;
    color: var(--pui-text-faint) !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    margin-top: auto !important;
}
.entry-meta .has-dot::before {
    content: "\00B7" !important;
    margin: 0 5px !important;
    opacity: 0.5 !important;
}

/* ── 9. POST LIST ITEM ───────────────────────────────────── */
.list-style-2 {
    padding: 16px 10px !important;
    border-bottom: 1px solid var(--pui-border-light) !important;
    margin-bottom: 0 !important;
    border-radius: var(--pui-r-sm) !important;
    transition: var(--pui-trans) !important;
}
.list-style-2:last-child { border-bottom: none !important; }
.list-style-2:hover {
    background: var(--pui-bg-subtle) !important;
    border-bottom-color: transparent !important;
}
.list-style-2 .img-hover-slide {
    border-radius: var(--pui-r-md) !important;
    height: 88px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.3s var(--pui-ease-out) !important;
}
.list-style-2:hover .img-hover-slide { transform: scale(1.03) !important; }
.list-style-2 .post-title.h6 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.015em !important;
    margin-bottom: 6px !important;
    color: var(--pui-text-primary) !important;
}
.list-style-2 .post-title a { color: var(--pui-text-primary) !important; }
.list-style-2 .post-title a:hover { color: var(--pui-accent) !important; }

/* ── 10. FEATURED HERO CAROUSEL ──────────────────────────── */
.carausel-post-1 {
    border-radius: var(--pui-r-xl) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border: 1px solid var(--pui-border-light) !important;
}
.carausel-post-1 .img-hover-slide {
    height: 440px !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.5s var(--pui-ease-out) !important;
}
.carausel-post-1:hover .img-hover-slide { transform: scale(1.02) !important; }
.carausel-post-1 .post-content-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(to top, rgba(5,6,12,0.92) 0%, rgba(5,6,12,0.60) 40%, transparent 100%) !important;
    padding: 40px 32px 28px !important;
    z-index: 2 !important;
}
.carausel-post-1 h3.post-title {
    font-size: clamp(1.25rem, 3vw, 1.75rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.2 !important;
    color: #fff !important;
    margin-bottom: 12px !important;
}
.carausel-post-1 h3.post-title a { color: #fff !important; }
.carausel-post-1 h3.post-title a:hover {
    color: rgba(255,255,255,0.82) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
.carausel-post-1 .entry-meta { color: rgba(255,255,255,0.55) !important; font-size: 0.8125rem !important; }

/* ── 11. TAGS / PILLS ────────────────────────────────────── */
.tags li, .tags li.list-inline-item { margin: 0 !important; }
.tags li a {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: var(--pui-text-muted) !important;
    background: var(--pui-bg-surface) !important;
    border-radius: var(--pui-r-pill) !important;
    padding: 4px 11px !important;
    transition: var(--pui-trans) !important;
    display: inline-block !important;
    border: 1px solid var(--pui-border) !important;
}
.tags li a:hover {
    background: rgba(88,105,218,0.08) !important;
    color: var(--pui-accent) !important;
    border-color: rgba(88,105,218,0.22) !important;
}

/* ── 12. POST BLOCK LIST (sidebar/categories-with-posts) ─── */
.post-block-list .list-post { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.post-block-list .list-post li.mb-30 {
    margin-bottom: 0 !important;
    padding: 12px 8px !important;
    border-radius: var(--pui-r-sm) !important;
    transition: var(--pui-trans) !important;
    border-bottom: 1px solid var(--pui-border-light) !important;
}
.post-block-list .list-post li.mb-30:last-child { border-bottom: none !important; }
.post-block-list .list-post li:hover { background: var(--pui-bg-subtle) !important; }
.post-thumb-80 {
    width: 64px !important;
    height: 64px !important;
    overflow: hidden !important;
    border-radius: var(--pui-r-sm) !important;
    flex-shrink: 0 !important;
}
.post-thumb-80 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.post-block-list h6.post-title {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.45 !important;
    margin-bottom: 4px !important;
}
.post-block-list h6.post-title a { color: var(--pui-text-primary) !important; }
.post-block-list h6.post-title a:hover { color: var(--pui-accent) !important; }
.pui-section-dark .post-block-list h6.post-title a { color: #E5E7EB !important; }
.pui-section-dark .post-block-list h6.post-title a:hover { color: #fff !important; }

/* ── 13. FEATURED CATEGORIES CAROUSEL ───────────────────── */
.carousel-slider-item.d-flex {
    background: var(--pui-bg) !important;
    border: 1.5px solid var(--pui-border) !important;
    border-radius: var(--pui-r-lg) !important;
    padding: 18px !important;
    transition: var(--pui-trans) !important;
    align-items: center !important;
    gap: 14px !important;
    cursor: pointer !important;
}
.carousel-slider-item.d-flex:hover {
    border-color: var(--pui-accent) !important;
    box-shadow: 0 0 0 3px rgba(88,105,218,0.08), var(--pui-shadow-md) !important;
    transform: translateY(-2px) !important;
}
.carousel-slider-item .post-thumb-64 {
    width: 48px !important;
    height: 48px !important;
    border-radius: var(--pui-r-md) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.carousel-slider-item .post-thumb-64 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.carousel-slider-item h6 { margin-bottom: 4px !important; }
.carousel-slider-item h6 a {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    color: var(--pui-text-primary) !important;
    letter-spacing: -0.01em !important;
}
.carousel-slider-item p.text-muted {
    font-size: 0.8125rem !important;
    color: var(--pui-text-muted) !important;
    line-height: 1.45 !important;
    margin-bottom: 0 !important;
}

/* ── 14. SIDEBAR WIDGETS ─────────────────────────────────── */
.widget-area .widget,
.sidebar-widget {
    background: var(--pui-bg) !important;
    border: 1.5px solid var(--pui-border-light) !important;
    border-radius: var(--pui-r-lg) !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: none !important;
}

/* ── 15. SINGLE POST HEADER ──────────────────────────────── */
.single-content { padding-top: 44px !important; }
.entry-header.entry-header-style-1 {
    padding-bottom: 0 !important;
    margin-bottom: 32px !important;
}
.entry-header h1.entry-title {
    font-size: clamp(1.875rem, 5vw, 2.875rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.15 !important;
    margin-bottom: 24px !important;
    color: var(--pui-text-primary) !important;
}
.entry-header .entry-meta.meta-2 {
    font-size: 0.875rem !important;
    color: var(--pui-text-muted) !important;
}
.entry-header .author-avatar img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
    border: 2px solid var(--pui-border) !important;
}
.entry-header .author-name {
    font-weight: 600 !important;
    color: var(--pui-text-primary) !important;
}
.single-content figure.image {
    border-radius: var(--pui-r-xl) !important;
    overflow: hidden !important;
    margin: 0 0 40px !important;
}
.single-content figure.image img {
    border-radius: var(--pui-r-xl) !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ── 16. SINGLE POST PROSE ───────────────────────────────── */
.entry-main-content { font-size: 1.0625rem !important; line-height: 1.8 !important; }
.entry-main-content .ck-content h2 {
    font-size: 1.625rem !important; font-weight: 700 !important;
    letter-spacing: -0.03em !important; margin-top: 2.25em !important; margin-bottom: 0.6em !important;
}
.entry-main-content .ck-content h3 {
    font-size: 1.3125rem !important; font-weight: 700 !important;
    letter-spacing: -0.025em !important; margin-top: 2em !important; margin-bottom: 0.5em !important;
}
.entry-main-content .ck-content blockquote {
    border-left: 3px solid var(--pui-accent) !important;
    background: var(--pui-bg-subtle) !important;
    border-radius: 0 var(--pui-r-sm) var(--pui-r-sm) 0 !important;
    padding: 18px 24px !important;
    margin: 28px 0 !important;
    font-style: italic !important;
}
.entry-main-content .ck-content blockquote::before { display: none !important; }
.entry-main-content .ck-content blockquote p { font-size: 1.0625rem !important; line-height: 1.7 !important; margin-bottom: 0 !important; }
.entry-main-content .ck-content code {
    background: var(--pui-bg-surface) !important;
    border: 1px solid var(--pui-border) !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-size: 0.875em !important;
    color: var(--pui-danger) !important;
}

/* ── 17. POST TAGS AND SHARING ───────────────────────────── */
.entry-bottom .tags {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.entry-bottom .tags span {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: var(--pui-text-muted) !important;
}
.entry-bottom .tags a {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    background: var(--pui-bg-surface) !important;
    border: 1px solid var(--pui-border) !important;
    border-radius: var(--pui-r-pill) !important;
    padding: 4px 13px !important;
    color: var(--pui-text-body) !important;
    transition: var(--pui-trans) !important;
}
.entry-bottom .tags a:hover {
    background: rgba(88,105,218,0.07) !important;
    color: var(--pui-accent) !important;
    border-color: rgba(88,105,218,0.22) !important;
}
.single-social-share {
    border-top: 1px solid var(--pui-border-light) !important;
    padding-top: 24px !important;
    margin-top: 28px !important;
}

/* ── 18. AUTHOR BIO CARD ─────────────────────────────────── */
.author-bio {
    background: var(--pui-bg-subtle) !important;
    border: 1.5px solid var(--pui-border-light) !important;
    border-radius: var(--pui-r-xl) !important;
    padding: 28px 32px !important;
    margin-top: 44px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
}
.author-bio .author-image { margin: 0 !important; flex-shrink: 0 !important; }
.author-bio .author-image img.avatar {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid var(--pui-border) !important;
}
.author-bio .author-info h4 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 4px !important;
}
.author-bio .author-info .text-muted {
    font-size: 0.9375rem !important;
    color: var(--pui-text-muted) !important;
    line-height: 1.65 !important;
}

/* ── 19. NEWSLETTER / ABOUT-BANNER ───────────────────────── */
.featured-1 {
    background: var(--pui-bg) !important;
    padding: 88px 0 80px !important;
    border-top: 1px solid var(--pui-border-light) !important;
}
.featured-1 h2 {
    font-size: clamp(2rem, 4.5vw, 2.875rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.05em !important;
    line-height: 1.15 !important;
    margin-bottom: 16px !important;
}
.featured-1 .form-subcriber { max-width: 440px !important; margin-top: 28px !important; }
.featured-1 .form-subcriber .input-group {
    background: var(--pui-bg) !important;
    border: 1.5px solid var(--pui-border) !important;
    border-radius: var(--pui-r-md) !important;
    overflow: hidden !important;
    box-shadow: var(--pui-shadow-sm) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.featured-1 .form-subcriber .input-group:focus-within {
    border-color: var(--pui-accent) !important;
    box-shadow: 0 0 0 3px rgba(88,105,218,0.10) !important;
}
.featured-1 .form-subcriber .form-control {
    border: none !important;
    background: transparent !important;
    height: 52px !important;
    font-size: 0.9375rem !important;
    font-family: var(--pui-font) !important;
    color: var(--pui-text-primary) !important;
    padding: 0 18px !important;
    box-shadow: none !important;
}
.featured-1 .form-subcriber .form-control::placeholder { color: var(--pui-text-faint) !important; }
.featured-1 .form-subcriber .input-group-append .btn.bg-primary {
    background: var(--pui-accent) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 0 24px !important;
    height: 52px !important;
    border-radius: 0 !important;
    letter-spacing: -0.01em !important;
    transition: background 0.2s !important;
    white-space: nowrap !important;
}
.featured-1 .form-subcriber .input-group-append .btn.bg-primary:hover {
    background: var(--pui-accent-dark) !important;
}
.featured-1 img {
    border-radius: var(--pui-r-2xl) !important;
    max-height: 440px !important;
    width: 100% !important;
    object-fit: cover !important;
    box-shadow: var(--pui-shadow-xl) !important;
    display: block !important;
}

/* ── 20. FOOTER ──────────────────────────────────────────── */
footer.pt-50 {
    background: #0B0D12 !important;
    border-top: none !important;
    padding-top: 72px !important;
    padding-bottom: 0 !important;
}
footer.pt-50 .sidebar-widget {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
}
footer.pt-50 .widget-header-2,
footer.pt-50 .widget-header-1 { margin-bottom: 18px !important; }
footer.pt-50 .widget-header-2::before,
footer.pt-50 .widget-header-1::before { background: rgba(255,255,255,0.20) !important; }
footer.pt-50 .widget-header-2 h5,
footer.pt-50 .widget-header-1 h5 {
    color: #F9FAFB !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
}
footer.pt-50 p,
footer.pt-50 li,
footer.pt-50 a,
footer.pt-50 .text-muted,
footer.pt-50 .text-muted a {
    color: #6B7280 !important;
    font-size: 0.875rem !important;
    line-height: 1.8 !important;
    transition: color 0.15s !important;
}
footer.pt-50 a:hover { color: #D1D5DB !important; }
footer.pt-50 ul { list-style: none !important; padding: 0 !important; }
footer.pt-50 .header-social-network a { color: #4B5563 !important; font-size: 15px !important; }
footer.pt-50 .header-social-network a:hover { color: #E5E7EB !important; }
.footer-copy-right {
    border-top: 1px solid #181C27 !important;
    padding: 24px 0 !important;
    margin-top: 8px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.footer-copy-right p {
    float: none !important;
    font-size: 0.8125rem !important;
    color: #374151 !important;
    margin: 0 !important;
}

/* ── 21. ARCHIVE PAGES ───────────────────────────────────── */
.archive-header { padding-top: 64px !important; }
.archive-header h2 {
    font-size: clamp(1.875rem, 4vw, 2.75rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
}

/* ── 22. BREADCRUMBS ─────────────────────────────────────── */
.breadcrumb { background: transparent !important; padding: 0 !important; font-size: 0.8125rem !important; }
.breadcrumb-item a { color: var(--pui-text-muted) !important; }
.breadcrumb-item.active { color: var(--pui-text-faint) !important; }

/* ── 23. PAGINATION ──────────────────────────────────────── */
.pagination .page-item .page-link {
    border-radius: var(--pui-r-sm) !important;
    border: 1.5px solid var(--pui-border) !important;
    color: var(--pui-text-body) !important;
    font-family: var(--pui-font) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    margin: 0 3px !important;
    transition: var(--pui-trans) !important;
}
.pagination .page-item.active .page-link {
    background: var(--pui-accent) !important;
    border-color: var(--pui-accent) !important;
    color: #fff !important;
    box-shadow: var(--pui-shadow-glow) !important;
}
.pagination .page-item .page-link:hover {
    background: var(--pui-bg-surface) !important;
    color: var(--pui-text-primary) !important;
}

/* ── 24. GLOBAL BUTTONS & INPUTS ─────────────────────────── */
.btn, button:not(.off-canvas-close):not(.page-link) {
    font-family: var(--pui-font) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    border-radius: var(--pui-r-sm) !important;
    transition: var(--pui-trans) !important;
}
.form-control {
    font-family: var(--pui-font) !important;
    border-radius: var(--pui-r-sm) !important;
    border: 1.5px solid var(--pui-border) !important;
    font-size: 0.9375rem !important;
    color: var(--pui-text-primary) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.form-control:focus {
    border-color: var(--pui-accent) !important;
    box-shadow: 0 0 0 3px rgba(88,105,218,0.10) !important;
}

/* ── 25. MISC ────────────────────────────────────────────── */
.scroll-progress { height: 2px !important; z-index: 9999 !important; position: fixed !important; top: 0 !important; left: 0 !important; }
.bt-1.border-color-1 { border-color: var(--pui-border-light) !important; }
.font-weight-900 { font-weight: 800 !important; }
.pui-divider { height: 1px; background: var(--pui-border-light); margin: 52px 0; border: none; }

/* ── 26. RESPONSIVE ──────────────────────────────────────── */
@media (max-width: 991.98px) {
    .pui-logo-inject { margin-right: 0 !important; }
    .carausel-post-1 .img-hover-slide { height: 320px !important; }
    .featured-1 { padding: 56px 0 48px !important; }
    .author-bio { flex-direction: column !important; align-items: flex-start !important; }
}
@media (max-width: 767.98px) {
    .carausel-post-1 .img-hover-slide { height: 250px !important; }
    .carausel-post-1 .post-content-overlay { padding: 24px 20px 20px !important; }
    .featured-1 h2 { font-size: 1.875rem !important; }
    .footer-copy-right { flex-direction: column !important; gap: 6px !important; text-align: center !important; }
    .post-card-1 .post-content { padding: 18px 18px 16px !important; }
    .author-bio { padding: 22px 20px !important; }
    .entry-header h1.entry-title { font-size: 1.75rem !important; }
}