.elementor-4828 .elementor-element.elementor-element-a8da04a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4828 .elementor-element.elementor-element-ab7d7d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-4828 .elementor-element.elementor-element-b2aecdd .elementor-heading-title{color:var( --e-global-color-text );}.elementor-4828 .elementor-element.elementor-element-91e0930{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4828 .elementor-element.elementor-element-483f15b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4828 .elementor-element.elementor-element-5364faa{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-4828 .elementor-element.elementor-element-17b3cea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4828 .elementor-element.elementor-element-433d280{--grid-columns:3;}.elementor-4828 .elementor-element.elementor-element-433d280 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4828 .elementor-element.elementor-element-433d280 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4828 .elementor-element.elementor-element-433d280 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4828 .elementor-element.elementor-element-433d280 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4828 .elementor-element.elementor-element-433d280 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-4828 .elementor-element.elementor-element-31f47b7{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4828 .elementor-element.elementor-element-31f47b7:not(.elementor-motion-effects-element-type-background), .elementor-4828 .elementor-element.elementor-element-31f47b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.uppercumberlandlifestyles.com/wp-content/uploads/2026/04/cl_feb-1746-2-scaled-e1778709306301.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4828 .elementor-element.elementor-element-31f47b7::before, .elementor-4828 .elementor-element.elementor-element-31f47b7 > .elementor-background-video-container::before, .elementor-4828 .elementor-element.elementor-element-31f47b7 > .e-con-inner > .elementor-background-video-container::before, .elementor-4828 .elementor-element.elementor-element-31f47b7 > .elementor-background-slideshow::before, .elementor-4828 .elementor-element.elementor-element-31f47b7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4828 .elementor-element.elementor-element-31f47b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-4828 .elementor-element.elementor-element-92b99a9{text-align:center;}.elementor-4828 .elementor-element.elementor-element-92b99a9 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:600;text-transform:capitalize;}.elementor-4828 .elementor-element.elementor-element-f282052{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-4828 .elementor-element.elementor-element-48c97cf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-4828 .elementor-element.elementor-element-31d0e04 .elementor-button{background-color:var( --e-global-color-9c5db3c );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:0s;border-style:none;border-radius:100px 100px 100px 100px;padding:10px 20px 10px 20px;}.elementor-4828 .elementor-element.elementor-element-31d0e04 .elementor-button:hover, .elementor-4828 .elementor-element.elementor-element-31d0e04 .elementor-button:focus{background-color:#3061CD;color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-4828 .elementor-element.elementor-element-31d0e04{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-31d0e04 .elementor-button:hover svg, .elementor-4828 .elementor-element.elementor-element-31d0e04 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-4828 .elementor-element.elementor-element-56906f1 .elementor-button{background-color:#EAF1FE00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:0s;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-9c5db3c );border-radius:100px 100px 100px 100px;padding:10px 20px 10px 20px;}.elementor-4828 .elementor-element.elementor-element-56906f1 .elementor-button:hover, .elementor-4828 .elementor-element.elementor-element-56906f1 .elementor-button:focus{background-color:var( --e-global-color-9c5db3c );color:var( --e-global-color-primary );border-color:var( --e-global-color-9c5db3c );}.elementor-4828 .elementor-element.elementor-element-56906f1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-56906f1 .elementor-button:hover svg, .elementor-4828 .elementor-element.elementor-element-56906f1 .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-4828 .elementor-element.elementor-element-a8da04a{--content-width:1280px;}.elementor-4828 .elementor-element.elementor-element-91e0930{--content-width:1280px;}.elementor-4828 .elementor-element.elementor-element-48c97cf{--content-width:500px;}}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4828 .elementor-element.elementor-element-433d280{--grid-columns:2;}.elementor-4828 .elementor-element.elementor-element-48c97cf{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4828 .elementor-element.elementor-element-433d280{--grid-columns:1;}.elementor-4828 .elementor-element.elementor-element-48c97cf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-4828 .elementor-element.elementor-element-31d0e04 .elementor-button{padding:10px 30px 10px 30px;}.elementor-4828 .elementor-element.elementor-element-56906f1 .elementor-button{padding:10px 30px 10px 30px;}}/* Start custom CSS *//* ============================================================
   UCL POST (BLOG) ARCHIVE — Complete Template CSS (v1)
   ------------------------------------------------------------
   Paste into: Theme Builder → Post Archive template →
   Page Settings (gear icon, bottom-left) → Custom CSS

   Covers: page shell, hero, optional category filter pills,
   blog post grid, blog post card (with date + author byline),
   empty state, pagination, responsive.

   Required HTML structure:
     .ucl-archive
       .ucl-archive-hero
         .ucl-archive-eyebrow
         .ucl-archive-title
         .ucl-archive-intro
       .ucl-archive-filters       (optional)
         .ucl-archive-filter-row
           .ucl-archive-filter-label
           (Elementor Taxonomy Filter widget)
       .ucl-archive-grid
         (Elementor Loop Grid widget → Post Card loop item)

   Loop Item card classes (used in Phase 4B):
     .ucl-post-card                outer container
     .ucl-post-card-thumb          image widget
     .ucl-post-card-cat            category eyebrow
     .ucl-post-card-title          heading h3
     .ucl-post-card-excerpt        excerpt text
     .ucl-post-card-meta           date + author byline
   ============================================================ */


/* ============================================================
   1. PAGE WRAPPER
   ============================================================ */

.ucl-archive {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 56px 24px 96px !important;
    background: #FFFFFF !important;
    color: #0F1419 !important;
}

@media (max-width: 768px) {
    .ucl-archive {
        padding: 32px 16px 72px !important;
    }
}


/* ============================================================
   2. HERO
   ============================================================ */

.ucl-archive-hero {
    max-width: 720px !important;
    margin: 0 0 48px 0 !important;
    padding: 0 0 32px 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.ucl-archive-eyebrow,
.ucl-archive-eyebrow p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.ucl-archive-title,
.ucl-archive-title h1,
.ucl-archive-title h2,
.ucl-archive-title .elementor-heading-title {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: clamp(36px, 5vw, 64px) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #0F1419 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
}

.ucl-archive-intro,
.ucl-archive-intro p {
    font-family: 'Lora', Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #374151 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 620px !important;
}


/* ============================================================
   3. FILTERS (optional single-row category pills)
   ============================================================ */

.ucl-archive-filters {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 0 48px 0 !important;
    padding: 0 0 28px 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.ucl-archive-filter-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ucl-archive-filter-label,
.ucl-archive-filter-label p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    flex-shrink: 0 !important;
    min-width: 72px !important;
}

.ucl-archive-filters a,
.ucl-archive-filters button,
.ucl-archive-filters .e-filter-item,
.ucl-archive-filters .elementor-filter-item {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #374151 !important;
    background: #FFFFFF !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 999px !important;
    padding: 9px 16px !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.ucl-archive-filters a:hover,
.ucl-archive-filters button:hover,
.ucl-archive-filters .e-filter-item:hover {
    background: #F9FAFB !important;
    border-color: #9CA3AF !important;
    color: #0F1419 !important;
}

.ucl-archive-filters a.is-active,
.ucl-archive-filters a.current-cat,
.ucl-archive-filters a[aria-current="true"],
.ucl-archive-filters .e-filter-item-active,
.ucl-archive-filters .elementor-filter-item-active {
    background: #0F1419 !important;
    border-color: #0F1419 !important;
    color: #FFFFFF !important;
}


/* ============================================================
   4. LOOP GRID LAYOUT (3 col desktop, 2 tablet, 1 mobile)
   ============================================================ */

.ucl-archive-grid {
    margin: 0 !important;
    padding: 0 !important;
}

.ucl-archive-grid .elementor-loop-container,
.ucl-archive-grid .e-loop-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 48px 32px !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1024px) {
    .ucl-archive-grid .elementor-loop-container,
    .ucl-archive-grid .e-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 40px 24px !important;
    }
}

@media (max-width: 600px) {
    .ucl-archive-grid .elementor-loop-container,
    .ucl-archive-grid .e-loop-container {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }
}


/* ============================================================
   5. BLOG POST CARD
   ============================================================ */

.ucl-archive-grid .e-loop-item,
.ucl-archive-grid .elementor-loop-item__wrapper,
.ucl-archive-grid .elementor-loop-item {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: visible !important;
}

.ucl-post-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    width: 100% !important;
    border-radius: 4px !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform !important;
}

.ucl-post-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 32px -8px rgba(15, 20, 25, 0.10),
                0 6px 12px -4px rgba(15, 20, 25, 0.06) !important;
}

@media (hover: none) {
    .ucl-post-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}

/* Image — landscape 16:10 (more magazine-feeling than 4:5 portrait) */
.ucl-post-card-thumb,
.ucl-post-card-thumb .elementor-widget-container,
.ucl-post-card-thumb .elementor-image {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    border-radius: 2px !important;
}

.ucl-post-card-thumb img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease, opacity 0.3s ease !important;
}

.ucl-post-card:hover .ucl-post-card-thumb img {
    transform: scale(1.03) !important;
    opacity: 0.92 !important;
}

/* Category eyebrow */
.ucl-post-card-cat,
.ucl-post-card-cat p,
.ucl-post-card-cat .elementor-widget-container {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 4px !important;
    line-height: 1.2 !important;
}

.ucl-post-card-cat a {
    color: inherit !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.ucl-post-card-cat a:hover {
    opacity: 0.6 !important;
}

/* Post title — large serif headline */
.ucl-post-card-title,
.ucl-post-card-title h2,
.ucl-post-card-title h3,
.ucl-post-card-title h4,
.ucl-post-card-title h5,
.ucl-post-card-title .elementor-heading-title,
.ucl-post-card-title .elementor-widget-container,
.ucl-post-card-title a,
.ucl-post-card-title a:link,
.ucl-post-card-title a:visited,
.ucl-post-card-title a:hover,
.ucl-post-card-title a:focus,
.ucl-post-card-title a:active {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #0F1419 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    text-decoration: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 none transparent !important;
    border-radius: 0 !important;
    outline: 0 none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 4px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    max-width: 100% !important;
    display: block !important;
}

.ucl-post-card-title a {
    color: inherit !important;
    transition: opacity 0.2s ease !important;
}

.ucl-post-card-title a:hover {
    opacity: 0.55 !important;
}

/* Excerpt — short serif paragraph */
.ucl-post-card-excerpt,
.ucl-post-card-excerpt p {
    font-family: 'Lora', Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #4B5563 !important;
    line-height: 1.5 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 4px !important;

    /* Limit to 2 lines so cards stay aligned */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Date + author byline */
.ucl-post-card-meta,
.ucl-post-card-meta p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    margin: 6px 0 0 0 !important;
    padding: 0 4px !important;
    line-height: 1.3 !important;
}

@media (max-width: 768px) {
    .ucl-post-card-title,
    .ucl-post-card-title h3 {
        font-size: 22px !important;
    }
}


/* ============================================================
   6. PAGINATION
   ============================================================ */

.ucl-archive-pagination,
.ucl-archive-grid .elementor-pagination,
.ucl-archive-grid .e-pagination,
.ucl-archive-grid nav.pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 64px 0 0 0 !important;
    padding: 32px 0 0 0 !important;
    border-top: 1px solid #E5E7EB !important;
    flex-wrap: wrap !important;
}

.ucl-archive-pagination a,
.ucl-archive-pagination span,
.ucl-archive-grid .elementor-pagination a,
.ucl-archive-grid .page-numbers {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    padding: 8px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    line-height: 1 !important;
    min-width: 36px !important;
    text-align: center !important;
}

.ucl-archive-pagination a:hover,
.ucl-archive-grid .page-numbers:hover {
    color: #0F1419 !important;
    border-color: #D1D5DB !important;
}

.ucl-archive-pagination .current,
.ucl-archive-grid .page-numbers.current {
    color: #FFFFFF !important;
    background: #0F1419 !important;
    border-color: #0F1419 !important;
}


/* ============================================================
   CHANGELOG
   ------------------------------------------------------------
   v1 (2026-05-22): Initial Post Archive complete CSS. Mirrors
                    Business Archive structure with blog-specific
                    card design (16:10 landscape image, larger
                    title, 2-line clamped excerpt, date+author
                    byline). Same .ucl-archive shell classes.
   ============================================================ *//* End custom CSS */