.elementor-4803 .elementor-element.elementor-element-5ef3b10{--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-4803 .elementor-element.elementor-element-3c5712b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-breadcrumbs{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-4803 .elementor-element.elementor-element-5f21e5e{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;letter-spacing:0px;}.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-4803 .elementor-element.elementor-element-52081fb{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-4803 .elementor-element.elementor-element-b987908{--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:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-4803 .elementor-element.elementor-element-2701795{color:var( --e-global-color-text );}.elementor-4803 .elementor-element.elementor-element-6c70488{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-4803 .elementor-element.elementor-element-77769f1{--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;}.elementor-4803 .elementor-element.elementor-element-56a1ff3{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-4803 .elementor-element.elementor-element-cea2510{--display:flex;}.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-4803 .elementor-element.elementor-element-3093d7c{--grid-columns:3;}.elementor-4803 .elementor-element.elementor-element-3093d7c .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4803 .elementor-element.elementor-element-3093d7c .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4803 .elementor-element.elementor-element-3093d7c .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4803 .elementor-element.elementor-element-3093d7c .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4803 .elementor-element.elementor-element-3093d7c .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-4803 .elementor-element.elementor-element-c5f0b78{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4803 .elementor-element.elementor-element-c5f0b78:not(.elementor-motion-effects-element-type-background), .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.uppercumberlandlifestyles.com/wp-content/uploads/2026/04/upper_cumberland_lifestyles_poppies_27feb26_00046-9685.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4803 .elementor-element.elementor-element-c5f0b78::before, .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .elementor-background-video-container::before, .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .e-con-inner > .elementor-background-video-container::before, .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .elementor-background-slideshow::before, .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-4803 .elementor-element.elementor-element-c5f0b78 > .elementor-shape-top .elementor-shape-fill, .elementor-4803 .elementor-element.elementor-element-c5f0b78 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-4803 .elementor-element.elementor-element-ad02acc{text-align:center;}.elementor-4803 .elementor-element.elementor-element-ad02acc .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:600;text-transform:capitalize;}.elementor-4803 .elementor-element.elementor-element-9d59b4c{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-4803 .elementor-element.elementor-element-ddd3f41{--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-4803 .elementor-element.elementor-element-0ea075d .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-4803 .elementor-element.elementor-element-0ea075d .elementor-button:hover, .elementor-4803 .elementor-element.elementor-element-0ea075d .elementor-button:focus{background-color:#3061CD;color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-4803 .elementor-element.elementor-element-0ea075d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4803 .elementor-element.elementor-element-0ea075d .elementor-button:hover svg, .elementor-4803 .elementor-element.elementor-element-0ea075d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-4803 .elementor-element.elementor-element-a64eb7c .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-4803 .elementor-element.elementor-element-a64eb7c .elementor-button:hover, .elementor-4803 .elementor-element.elementor-element-a64eb7c .elementor-button:focus{background-color:var( --e-global-color-9c5db3c );color:var( --e-global-color-primary );border-color:var( --e-global-color-9c5db3c );}.elementor-4803 .elementor-element.elementor-element-a64eb7c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4803 .elementor-element.elementor-element-a64eb7c .elementor-button:hover svg, .elementor-4803 .elementor-element.elementor-element-a64eb7c .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-4803 .elementor-element.elementor-element-5ef3b10{--content-width:1280px;}.elementor-4803 .elementor-element.elementor-element-ddd3f41{--content-width:500px;}}@media(max-width:1024px){.elementor-widget-breadcrumbs{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-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-4803 .elementor-element.elementor-element-3093d7c{--grid-columns:2;}.elementor-4803 .elementor-element.elementor-element-ddd3f41{--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-breadcrumbs{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-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-4803 .elementor-element.elementor-element-3093d7c{--grid-columns:1;}.elementor-4803 .elementor-element.elementor-element-ddd3f41{--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-4803 .elementor-element.elementor-element-0ea075d .elementor-button{padding:10px 30px 10px 30px;}.elementor-4803 .elementor-element.elementor-element-a64eb7c .elementor-button{padding:10px 30px 10px 30px;}}/* Start custom CSS *//* ============================================================
   UCL BUSINESS ARCHIVE — Complete Template CSS (v3)
   ------------------------------------------------------------
   Self-contained styles for the Business Archive template.
   Paste into: Theme Builder → Business Archive template →
   Page Settings (gear icon, bottom-left) → Custom CSS

   Covers everything: page shell, hero, filter pills, loop grid,
   business cards (with hover lift + shadow), empty state,
   pagination, responsive.

   Required HTML structure:
     .ucl-archive
       .ucl-archive-hero
         .ucl-archive-eyebrow
         .ucl-archive-title
         .ucl-archive-intro
       .ucl-archive-filters
         .ucl-archive-filter-row
           .ucl-archive-filter-label
           (Elementor Taxonomy Filter widget)
       .ucl-archive-grid
         (Elementor Loop Grid widget → Business Archive Card)
   ============================================================ */


/* ============================================================
   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 (eyebrow + title + intro)
   ============================================================ */

.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;
}

.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;
}

@media (max-width: 768px) {
    .ucl-archive-hero {
        margin-bottom: 32px !important;
        padding-bottom: 24px !important;
    }
    .ucl-archive-intro,
    .ucl-archive-intro p {
        font-size: 16px !important;
    }
}


/* ============================================================
   3. FILTERS (two-level pill rows)
   ============================================================ */

.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;
}

/* Pills — covers Elementor native Taxonomy Filter, anchor links, and Search & Filter outputs */
.ucl-archive-filter-row a,
.ucl-archive-filter-row button,
.ucl-archive-filter-row .e-filter-item,
.ucl-archive-filter-row .elementor-filter-item,
.ucl-archive-filter-row .searchandfilter li label {
    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-filter-row a:hover,
.ucl-archive-filter-row button:hover,
.ucl-archive-filter-row .e-filter-item:hover,
.ucl-archive-filter-row .elementor-filter-item:hover {
    background: #F9FAFB !important;
    border-color: #9CA3AF !important;
    color: #0F1419 !important;
}

/* Active state */
.ucl-archive-filter-row a.is-active,
.ucl-archive-filter-row a.current-cat,
.ucl-archive-filter-row a[aria-current="true"],
.ucl-archive-filter-row button.is-active,
.ucl-archive-filter-row .e-filter-item-active,
.ucl-archive-filter-row .elementor-filter-item-active,
.ucl-archive-filter-row .searchandfilter li.sf-option-active label {
    background: #0F1419 !important;
    border-color: #0F1419 !important;
    color: #FFFFFF !important;
}

.ucl-archive-filter-row a.is-active:hover,
.ucl-archive-filter-row .e-filter-item-active:hover {
    background: #1F2937 !important;
    border-color: #1F2937 !important;
    color: #FFFFFF !important;
}

@media (max-width: 768px) {
    .ucl-archive-filters {
        gap: 12px !important;
        margin-bottom: 32px !important;
    }
    .ucl-archive-filter-row {
        gap: 8px !important;
    }
    .ucl-archive-filter-row a,
    .ucl-archive-filter-row button {
        padding: 7px 12px !important;
        font-size: 11px !important;
    }
    .ucl-archive-filter-label {
        min-width: 100% !important;
        margin: 0 0 4px 0 !important;
    }
}


/* ============================================================
   4. LOOP GRID LAYOUT (3 cols 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. BUSINESS ARCHIVE CARD (with hover lift + shadow)
   ------------------------------------------------------------
   Required CSS classes inside your Business Archive Card loop:
     .ucl-archive-card           outer container (column)
     .ucl-archive-card-thumb     image widget
     .ucl-archive-card-meta      eyebrow text (category · city)
     .ucl-archive-card-name      heading widget (h3)
     .ucl-archive-card-blurb     optional description text
     .ucl-archive-card-price     optional price tier ($$)
   ============================================================ */

.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;
}

/* Card container — with smooth lift + shadow on hover */
.ucl-archive-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-archive-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;
}

/* Disable hover lift on touch devices */
@media (hover: none) {
    .ucl-archive-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}

/* ---------- Image — fills card, 4:5 portrait ---------- */
.ucl-archive-card-thumb,
.ucl-archive-card-thumb .elementor-widget-container,
.ucl-archive-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-archive-card-thumb img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease, opacity 0.3s ease !important;
}

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

/* ---------- Meta line — category · city in small caps ---------- */
.ucl-archive-card-meta,
.ucl-archive-card-meta p,
.ucl-archive-card-meta .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;
}

/* ---------- Business name — mixed case serif heading ---------- */
.ucl-archive-card-name,
.ucl-archive-card-name h2,
.ucl-archive-card-name h3,
.ucl-archive-card-name h4,
.ucl-archive-card-name h5,
.ucl-archive-card-name .elementor-heading-title,
.ucl-archive-card-name .elementor-widget-container,
.ucl-archive-card-name a,
.ucl-archive-card-name a:link,
.ucl-archive-card-name a:visited,
.ucl-archive-card-name a:hover,
.ucl-archive-card-name a:focus,
.ucl-archive-card-name a:active {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 22px !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-archive-card-name a {
    color: inherit !important;
    transition: opacity 0.2s ease !important;
}

.ucl-archive-card-name a:hover {
    opacity: 0.55 !important;
    color: #0F1419 !important;
}

/* ---------- Optional blurb / description ---------- */
.ucl-archive-card-blurb,
.ucl-archive-card-blurb p {
    font-family: 'Lora', Georgia, serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #4B5563 !important;
    line-height: 1.5 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 4px !important;
}

/* ---------- Optional price tier ($, $$, $$$) ---------- */
.ucl-archive-card-price,
.ucl-archive-card-price p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    margin: 2px 0 0 0 !important;
    padding: 0 4px !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
}

@media (max-width: 768px) {
    .ucl-archive-card-name,
    .ucl-archive-card-name h3 {
        font-size: 20px !important;
    }
}


/* ============================================================
   6. EMPTY STATE
   ============================================================ */

.ucl-archive-empty {
    text-align: center !important;
    padding: 80px 16px !important;
    margin: 0 !important;
    border-top: 1px solid #E5E7EB !important;
}

.ucl-archive-empty-title,
.ucl-archive-empty-title h2,
.ucl-archive-empty-title h3 {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    color: #0F1419 !important;
    margin: 0 0 12px 0 !important;
}

.ucl-archive-empty-message,
.ucl-archive-empty-message p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
    margin: 0 0 24px 0 !important;
    line-height: 1.5 !important;
}

.ucl-archive-empty-cta,
.ucl-archive-empty-cta a {
    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: #0F1419 !important;
    border: 1px solid #0F1419 !important;
    background: #FFFFFF !important;
    padding: 12px 20px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.ucl-archive-empty-cta:hover,
.ucl-archive-empty-cta a:hover {
    background: #0F1419 !important;
    color: #FFFFFF !important;
}


/* ============================================================
   7. 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;
    list-style: none !important;
    flex-wrap: wrap !important;
}

.ucl-archive-pagination a,
.ucl-archive-pagination span,
.ucl-archive-grid .elementor-pagination a,
.ucl-archive-grid .elementor-pagination span,
.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 .elementor-pagination a:hover,
.ucl-archive-grid .page-numbers:hover {
    color: #0F1419 !important;
    border-color: #D1D5DB !important;
}

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

.ucl-archive-pagination .prev,
.ucl-archive-pagination .next,
.ucl-archive-grid .elementor-pagination .prev,
.ucl-archive-grid .elementor-pagination .next {
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}


/* ============================================================
   8. RESULTS COUNT (optional small line under title)
   ============================================================ */

.ucl-archive-count,
.ucl-archive-count p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    letter-spacing: 0.02em !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}


/* ============================================================
   CHANGELOG
   ------------------------------------------------------------
   v3 (2026-05-22): Section 5 — card lift + shadow on hover
                    via translateY(-6px) and layered box-shadow.
                    Touch device hover disabled via (hover:none).
                    Small inner padding (4px) on text widgets
                    so the shadow has visual breathing room.
   v2 (2026-05-22): Section 5 patched — nuke border/outline/bg
                    on card name link, force text-transform:none,
                    add white-space:normal + overflow-wrap.
   v1 (2026-05-22): Initial Business Archive complete CSS.
   ============================================================ *//* End custom CSS */