.elementor-kit-966{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-966 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   UFC DAILY NEWS — Site Settings → Custom CSS
   Keeps: site background + nav.
   Removed: all category/archive styling (rebuilding fresh).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap');

/* ============================================================
   GLOBAL — ARENA BACKGROUND (every page on the site)
   ============================================================ */
/* ":not(.wp-admin)" keeps this off the WordPress dashboard.
   Elementor Custom CSS is front-end-only anyway, but the guard makes it
   safe even if this same code is ever pasted into WPCode/functions.php. */
body:not(.wp-admin) { background: #07070d !important; }
body:not(.wp-admin)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(rgba(7,7,13,.62), rgba(7,7,13,.84)),
    url(https://ufcdailynews.com/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-04-at-4.55.25-AM.jpeg) center center / cover no-repeat !important;
  pointer-events: none !important;
}

/* ============================================================
   NAV CSS  v4  (Elespare Horizontal Menu)
   ============================================================ */

/* ---------- 1. NAV BAR — left-aligned single row ---------- */
.ufc-nav-bar {
    background: linear-gradient(180deg, #050510, #0d0d1f) !important;
    border-bottom: 1px solid rgba(255, 15, 123, .3) !important;
    padding: 10px 30px !important;
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
    display: flex !important;
    --display: flex !important;
    flex-direction: row !important;
    --flex-direction: row !important;
    align-items: center !important;
    --align-items: center !important;
    justify-content: flex-start !important;
    --justify-content: flex-start !important;
    gap: 14px !important;
    --gap: 14px !important;
    flex-wrap: nowrap !important;
}
.ufc-nav-bar::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #ff0f7b, transparent) !important;
    pointer-events: none !important;
}

/* overflow:visible on every wrapper so the desktop dropdown is not clipped */
.ufc-nav-bar,
.ufc-nav-bar .e-con,
.ufc-nav-bar .e-child,
.ufc-nav-bar .e-con-inner,
.ufc-nav-bar .elementor-widget,
.ufc-nav-bar .elementor-widget-container,
.ufc-nav-bar .elespare-navigation--widget,
.ufc-nav-bar .elespare-navigation-wrapper,
.ufc-nav-bar .elespare-main-navigation,
.ufc-nav-bar nav,
.ufc-nav-bar ul.elespare-menu,
.ufc-nav-bar ul.elespare-menu > li,
.elementor-location-header,
.elementor-location-header > .e-con,
header.elementor-location-header {
    overflow: visible !important;
}

/* inner flex children shrink-wrap (don't stretch full width) */
.ufc-nav-bar > .e-con,
.ufc-nav-bar > .e-child {
    --flex-grow: 0 !important; flex-grow: 0 !important;
    --width: auto !important; width: auto !important;
    --justify-content: flex-start !important;
    margin: 0 !important;
}

/* ---------- 2. HOME ICON BUTTON (icon only, no frame) ---------- */
.ufc-home-btn .elementor-icon {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    width: auto !important; height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    transition: transform .25s !important;
}
.ufc-home-btn .elementor-icon:hover { transform: translateY(-2px) !important; }
.ufc-home-btn .elementor-icon svg {
    fill: #ff0f7b !important;
    width: 30px !important;
    height: 30px !important;
}

/* ---------- 3. DESKTOP HORIZONTAL MENU (≥1025px) ---------- */
@media (min-width: 1025px) {
    .ufc-nav-bar ul.elespare-menu {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }
}

.ufc-nav-bar ul.elespare-menu > li {
    margin: 0 !important; padding: 0 !important;
    position: relative !important; list-style: none !important;
}
.ufc-nav-bar ul.elespare-menu > li > a {
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: .8px !important;
    padding: 18px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    position: relative !important;
    transition: color .2s !important;
    background: transparent !important;
    border: none !important;
    line-height: 1 !important;
}
/* magenta underline slides in on hover / active */
.ufc-nav-bar ul.elespare-menu > li > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 8px !important; left: 18px !important; right: 18px !important;
    height: 2px !important;
    background: #ff0f7b !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform .25s !important;
}
.ufc-nav-bar ul.elespare-menu > li:hover > a,
.ufc-nav-bar ul.elespare-menu > li.current-menu-item > a,
.ufc-nav-bar ul.elespare-menu > li.current-menu-parent > a,
.ufc-nav-bar ul.elespare-menu > li.current-menu-ancestor > a { color: #ff52a3 !important; }
.ufc-nav-bar ul.elespare-menu > li:hover > a::after,
.ufc-nav-bar ul.elespare-menu > li.current-menu-item > a::after { transform: scaleX(1) !important; }

/* the little arrow toggle button Elespare injects inside parent links */
.ufc-nav-bar ul.elespare-menu .elespare-dropdwon-toggle {
    background: transparent !important; border: none !important;
    color: rgba(255, 255, 255, .6) !important; cursor: pointer !important;
    padding: 0 !important; margin-left: 4px !important;
}
.ufc-nav-bar ul.elespare-menu > li:hover .elespare-dropdwon-toggle { color: #ff52a3 !important; }

/* ---------- 4. DESKTOP DROPDOWN (.elespare-menu-child wraps the sub-menu) ----------
   The glow lives ONLY on the inner .sub-menu. The outer .elespare-menu-child wrapper
   is made transparent + shrink-wrapped so no second glowy box pokes out. */
.ufc-nav-bar ul.elespare-menu > li > .elespare-menu-child {
    position: absolute !important;
    top: 100% !important; left: 0 !important;
    z-index: 99999 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: opacity .25s, visibility .25s, transform .25s !important;
}
.ufc-nav-bar ul.elespare-menu > li:hover > .elespare-menu-child {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
/* the inner <ul class="sub-menu"> IS the visible panel — glow lives here */
.ufc-nav-bar .elespare-menu-child .sub-menu {
    background-color: #050510 !important;
    background-image: none !important;
    border: 1px solid #ff0f7b !important;
    border-radius: 10px !important;
    box-shadow: 0 0 22px rgba(255, 15, 123, .55),
                0 0 40px rgba(255, 15, 123, .3),
                0 14px 40px rgba(0, 0, 0, .9) !important;
    padding: 8px 0 !important;
    width: max-content !important;
    min-width: 200px !important;
    max-width: 320px !important;
    list-style: none !important;
    margin: 0 !important;
}
.ufc-nav-bar .elespare-menu-child .sub-menu li {
    margin: 0 !important;
    width: 100% !important;
    background-color: #050510 !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.ufc-nav-bar .elespare-menu-child .sub-menu li a {
    border-bottom: none !important;
    border-top: none !important;
}
.ufc-nav-bar .elespare-menu-child > * {
    box-shadow: none !important;
    border: none !important;
    background-image: none !important;
}
.ufc-nav-bar .elespare-menu-child .sub-menu a {
    color: #c8c8d4 !important;
    display: block !important;
    padding: 11px 20px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    text-decoration: none !important;
    border-left: 2px solid transparent !important;
    transition: all .15s !important;
    background-color: transparent !important;
}
.ufc-nav-bar .elespare-menu-child .sub-menu a:hover {
    background-color: rgba(255, 15, 123, .12) !important;
    color: #ff52a3 !important;
    border-left-color: #ff0f7b !important;
    padding-left: 24px !important;
}

/* ---------- 5. MOBILE HAMBURGER TOGGLE ---------- */
.ufc-nav-bar .elespare-menu-toggle,
.ufc-nav-bar .elespare-nav-menu-toggle { color: #fff !important; }
.ufc-nav-bar .elespare-menu-icon-toggle { color: #ff0f7b !important; font-size: 26px !important; }

/* ---------- 6. MOBILE DRAWER PANEL  (the white-background fix) ---------- */
.elespare-moblie-ham-menu,
.elespare-menu-sidebar,
.elespare-menu-sidebar--wrapper,
.elespare-menu-dropdown {
    background: #050510 !important;
}
.elespare-dropdown-menu {
    background: #050510 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elespare-dropdown-menu > li {
    border-bottom: 1px solid rgba(255, 15, 123, .08) !important;
}
.elespare-dropdown-menu li a {
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 22px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: .6px !important;
    text-decoration: none !important;
}
.elespare-dropdown-menu li a:hover {
    background: rgba(255, 15, 123, .12) !important;
    color: #ff52a3 !important;
}
.elespare-dropdown-menu .sub-menu {
    background: rgba(0, 0, 0, .25) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elespare-dropdown-menu .sub-menu a {
    padding-left: 40px !important;
    font-size: 13px !important;
    color: #c8c8d4 !important;
}
.elespare-dropdown-menu .sub-menu a:hover { color: #ff52a3 !important; }
.elespare-dropdown-menu .elespare-dropdwon-toggle {
    background: transparent !important; border: none !important; color: #ff0f7b !important;
}
.elespare--close-menu-side-bar { color: #ff0f7b !important; }
.elespare-overlay { background: rgba(0, 0, 0, .6) !important; }

/* ---------- 7b. NUKE ANY CONTAINER BACKGROUND INSIDE THE NAV (DESKTOP) ---------- */
@media (min-width: 1025px) {
    .ufc-nav-bar .e-con,
    .ufc-nav-bar .e-child,
    .ufc-nav-bar .e-con-inner,
    .ufc-nav-bar > div,
    .ufc-nav-bar .elementor-element,
    .ufc-nav-bar .elementor-widget {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }
}

/* ---------- 8. MOBILE: pin home icon + hamburger to the LEFT ---------- */
@media (max-width: 1024px) {
    .ufc-nav-bar {
        justify-content: flex-start !important;
        --justify-content: flex-start !important;
        padding: 10px 16px !important;
        gap: 10px !important;
        --gap: 10px !important;
    }
    .ufc-nav-bar > .e-con,
    .ufc-nav-bar > .e-child {
        width: auto !important;
        --width: auto !important;
        max-width: none !important;
        flex-grow: 0 !important;
        --flex-grow: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
        --justify-content: flex-start !important;
        align-items: center !important;
    }
    .ufc-nav-bar .elespare-navigation--widget,
    .ufc-nav-bar .elespare-navigation-wrapper {
        justify-content: flex-start !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .ufc-nav-bar .elespare-menu-toggle,
    .ufc-nav-bar .elespare-nav-menu-toggle {
        margin: 0 !important;
        display: inline-flex !important;
    }
    .ufc-nav-bar .elementor-widget,
    .ufc-nav-bar .elementor-widget-container {
        margin: 0 !important;
        text-align: left !important;
    }
}
/* ============================================================
   CATEGORY ARCHIVE — DEFINITIVE (one clean block, no duplicates)
   ============================================================ */

@keyframes ufcFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes ufcGlowPulse{0%,100%{box-shadow:0 0 14px rgba(255,0,122,.45)}50%{box-shadow:0 0 24px rgba(255,0,122,.85)}}
@keyframes ufcDraw{from{width:0}to{width:120px}}
@keyframes ufcFlameBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes ufcSheen{0%{transform:translateX(-140%)}60%,100%{transform:translateX(280%)}}

/* ---------- PAGE SIZING ---------- */
.ufc-archive{ background:transparent !important; max-width:1240px !important; margin:0 auto !important; padding-left:24px !important; padding-right:24px !important; box-sizing:border-box !important; }
.ufc-archive, .ufc-archive > .e-con-inner{ background-color:transparent !important; }

/* ---------- HEADER ---------- */
.ufc-archive-header{ position:relative !important; overflow:hidden !important; padding:42px 0 30px !important; background-image:radial-gradient(ellipse at 12% 55%, rgba(255,0,122,.28), transparent 55%),radial-gradient(ellipse at 85% 25%, rgba(138,46,255,.24), transparent 55%) !important; }
.ufc-archive-title .elementor-heading-title,.ufc-archive-header .elementor-widget-theme-archive-title .elementor-heading-title{ font-family:'Oswald',sans-serif !important; color:#fff !important; font-size:clamp(40px,6.5vw,72px) !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:-1px !important; line-height:.95 !important; margin:0 0 12px 0 !important; text-shadow:0 0 50px rgba(255,0,122,.35) !important; position:relative !important; }
.ufc-archive-title .elementor-heading-title::after{ content:"" !important; display:block !important; height:4px !important; width:120px !important; margin-top:14px !important; border-radius:4px !important; background:linear-gradient(90deg,#FF007A,#8A2EFF) !important; box-shadow:0 0 16px rgba(255,0,122,.6) !important; animation:ufcDraw 1s cubic-bezier(.2,.7,.2,1) .3s both !important; }
.ufc-archive-sub,.ufc-archive-sub *{ color:#B5BDD7 !important; font-size:15px !important; font-weight:400 !important; line-height:1.6 !important; }
.ufc-breadcrumb,.ufc-breadcrumb *{ font-size:12px !important; font-weight:600 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#B5BDD7 !important; }
.ufc-breadcrumb a{ color:#B5BDD7 !important; text-decoration:none !important; }
.ufc-breadcrumb a:hover{ color:#FF2E98 !important; }
.ufc-breadcrumb .separator{ color:#FF007A !important; margin:0 5px !important; }
.ufc-breadcrumb .last,.ufc-breadcrumb [aria-current]{ color:#FF2E98 !important; }

/* ---------- SECTION HEAD ---------- */
.ufc-section-head{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:20px !important; margin:8px 0 16px !important; flex-wrap:wrap !important; }
.ufc-section-title,.ufc-section-title .elementor-heading-title{ color:#fff !important; font-family:'Oswald',sans-serif !important; font-size:22px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin:0 !important; white-space:nowrap !important; }
.ufc-section-title .elementor-heading-title::before{ content:"\1F525" !important; margin-right:9px !important; display:inline-block !important; filter:drop-shadow(0 0 7px rgba(255,0,122,.85)) !important; animation:ufcFlameBob 1.8s ease-in-out infinite !important; }

/* ---------- SEARCH ---------- */
.ufc-search{ flex:0 1 360px !important; max-width:360px !important; margin-left:auto !important; }
.ufc-search .elementor-widget-container{ width:100% !important; }
.ufc-search .elementor-search-form,.ufc-search .e-search-form,.ufc-search form{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; width:100% !important; box-sizing:border-box !important; background:rgba(7,7,20,.75) !important; border:1.5px solid #2B3252 !important; border-radius:50px !important; padding:4px 4px 4px 18px !important; gap:0 !important; overflow:visible !important; transition:border-color .25s,box-shadow .25s !important; }
.ufc-search form:focus-within{ border-color:#FF007A !important; box-shadow:0 0 20px rgba(255,0,122,.35) !important; }
.ufc-search .elementor-search-form__container,.ufc-search .e-search-input-wrapper{ all:unset !important; flex:1 1 auto !important; min-width:0 !important; display:flex !important; align-items:center !important; }
.ufc-search input[type="search"],.ufc-search input[type="text"],.ufc-search .elementor-search-form__input,.ufc-search .e-search-input{ flex:1 1 auto !important; min-width:0 !important; height:36px !important; line-height:36px !important; background:transparent !important; border:none !important; outline:none !important; box-shadow:none !important; color:#fff !important; font-size:13px !important; padding:0 8px 0 0 !important; margin:0 !important; -webkit-appearance:none !important; appearance:none !important; }
.ufc-search input::placeholder{ color:#7D86A3 !important; }
.ufc-search button[type="submit"],.ufc-search .elementor-search-form__submit,.ufc-search .e-search-submit{ flex:0 0 auto !important; height:36px !important; padding:0 22px !important; margin:0 !important; border:none !important; border-radius:50px !important; outline:none !important; background:linear-gradient(135deg,#FF007A 0%,#8A2EFF 100%) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-family:'Oswald',sans-serif !important; font-size:12px !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; line-height:1 !important; cursor:pointer !important; transition:box-shadow .2s ease,transform .2s ease !important; }
.ufc-search button[type="submit"]:hover,.ufc-search .elementor-search-form__submit:hover{ box-shadow:0 0 20px rgba(255,0,122,.55) !important; transform:scale(1.03) !important; }
.ufc-search button[type="submit"] svg,.ufc-search .elementor-search-form__submit svg,.ufc-search .e-search-submit svg{ display:none !important; }

/* ---------- TAGS ---------- */
.ufc-tags{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:12px !important; margin:0 0 26px !important; }
.ufc-sort-bar .elementor-widget-container,.ufc-tags-row .elementor-widget-container,.ufc-tags > .elementor-widget-text-editor:last-child .elementor-widget-container{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; align-items:center !important; }
.ufc-sort-bar p,.ufc-tags-row p,.ufc-tags > .elementor-widget-text-editor:last-child p{ display:contents !important; }
.ufc-sort-bar a{ display:inline-flex !important; align-items:center !important; width:auto !important; height:auto !important; min-height:0 !important; line-height:1 !important; padding:8px 16px !important; border-radius:999px !important; white-space:nowrap !important; background:#1C2240 !important; color:#B5BDD7 !important; border:1px solid #2B3252 !important; font-size:12px !important; font-weight:600 !important; text-decoration:none !important; transition:all .2s ease !important; }
.ufc-sort-bar a:hover{ color:#fff !important; border-color:#FF007A !important; background:rgba(255,0,122,.12) !important; transform:translateY(-2px) !important; }
.ufc-sort-bar a.active{ background:linear-gradient(135deg,#FF007A,#8A2EFF) !important; color:#fff !important; border-color:transparent !important; animation:ufcGlowPulse 2.8s ease-in-out infinite !important; }
.ufc-tags-row a,.ufc-tags > .elementor-widget-text-editor:last-child a{ display:inline-flex !important; align-items:center !important; width:auto !important; height:auto !important; min-height:0 !important; line-height:1 !important; padding:7px 14px !important; border-radius:999px !important; white-space:nowrap !important; background:transparent !important; color:#7D86A3 !important; border:1px solid #2B3252 !important; font-size:12px !important; font-weight:600 !important; text-decoration:none !important; transition:all .2s ease !important; }
.ufc-tags-row a:hover,.ufc-tags > .elementor-widget-text-editor:last-child a:hover{ color:#fff !important; border-color:#FF007A !important; background:rgba(255,0,122,.12) !important; transform:translateY(-2px) !important; }

/* ---------- MAIN ROW ---------- */
.ufc-main-row{ display:flex !important; gap:26px !important; align-items:flex-start !important; }
.ufc-post-grid{ flex:1 1 auto !important; min-width:0 !important; }
.ufc-sidebar{ flex:0 0 330px !important; }

/* ---------- POST GRID + CARDS ---------- */
.ufc-post-grid .elementor-loop-container,.ufc-post-grid .elementor-grid{ display:grid !important; grid-template-columns:1fr !important; gap:16px !important; }

/* card shell */
.ufc-card{ position:relative !important; background:linear-gradient(180deg,#151A2E 0%,#101425 100%) !important; border:1px solid #2B3252 !important; border-radius:14px !important; overflow:hidden !important; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease !important; }
.ufc-card:hover{ transform:translateY(-6px) !important; border-color:rgba(255,0,122,.5) !important; box-shadow:0 20px 48px rgba(0,0,0,.7),0 0 30px rgba(255,0,122,.25) !important; }

/* image wrapper — positioning context for badge */
.ufc-card-img,.ufc-card .elementor-widget-image{ position:relative !important; overflow:hidden !important; display:block !important; line-height:0 !important; }
.ufc-card-img img,.ufc-card .elementor-widget-image img{ width:100% !important; object-fit:cover !important; object-position:center center !important; display:block !important; border-radius:0 !important; margin:0 !important; transition:transform .5s ease !important; }
.ufc-card-img figure,.ufc-card .elementor-widget-image figure,.ufc-card .e-img-ratio-wrapper{ margin:0 !important; padding:0 !important; display:block !important; line-height:0 !important; }
.ufc-card:hover .ufc-card-img img{ transform:scale(1.04) !important; }

/* sheen sweep */
.ufc-card-img::after{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:45% !important; height:100% !important; pointer-events:none !important; z-index:2 !important; background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent) !important; transform:translateX(-140%) !important; }
.ufc-card:hover .ufc-card-img::after{ animation:ufcSheen .9s ease !important; }

/* BADGE — bottom-left of image, single term */
.ufc-card-badge{ position:absolute !important; bottom:14px !important; left:14px !important; top:auto !important; right:auto !important; z-index:5 !important; margin:0 !important; }
/* Badge uses the [udn_current_cat] Shortcode widget — shows the category
   of the CURRENT archive page (MMA News page => "MMA News").
   The pink pill is applied to the OUTER .ufc-card-badge wrapper so it works
   no matter how Elementor nests the shortcode output inside. */
.ufc-card-badge{
  display:inline-block !important;
  background:linear-gradient(135deg,#FF007A,#8A2EFF) !important;
  padding:5px 12px !important;
  border-radius:5px !important;
  line-height:1.2 !important;
  box-shadow:0 2px 14px rgba(255,0,122,.6) !important;
}
/* make every inner wrapper transparent + inherit the pill text styling */
.ufc-card-badge .elementor-widget-container,
.ufc-card-badge .elementor-shortcode,
.ufc-card-badge .elementor-heading-title,
.ufc-card-badge div,
.ufc-card-badge p,
.ufc-card-badge span{
  background:none !important;
  background-color:transparent !important;
  margin:0 !important;
  padding:0 !important;
  display:inline !important;
  font-family:'Oswald',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}

/* card body */
.ufc-card-body{ padding:16px 18px 18px !important; }
.ufc-card-title,.ufc-card-title a,.ufc-card-title a:link,.ufc-card-title a:visited,.ufc-card-title .elementor-heading-title{ color:#fff !important; font-family:'Oswald',sans-serif !important; font-size:17px !important; font-weight:600 !important; line-height:1.3 !important; text-decoration:none !important; margin:0 0 10px 0 !important; display:block !important; }
.ufc-card:hover .ufc-card-title a,.ufc-card:hover .ufc-card-title .elementor-heading-title{ color:#FF2E98 !important; }
.ufc-card-meta,.ufc-card-meta *{ color:#7D86A3 !important; font-size:12px !important; }
.ufc-card-meta .elementor-icon-list-icon i,.ufc-card-meta .elementor-icon-list-icon svg{ color:#FF007A !important; fill:#FF007A !important; }

/* entrance stagger */
.ufc-post-grid .e-loop-item{ animation:ufcFadeUp .5s ease both !important; }
.ufc-post-grid .e-loop-item:nth-of-type(1){animation-delay:0s !important}
.ufc-post-grid .e-loop-item:nth-of-type(2){animation-delay:.07s !important}
.ufc-post-grid .e-loop-item:nth-of-type(3){animation-delay:.14s !important}
.ufc-post-grid .e-loop-item:nth-of-type(4){animation-delay:.21s !important}
.ufc-post-grid .e-loop-item:nth-of-type(5){animation-delay:.28s !important}
.ufc-post-grid .e-loop-item:nth-of-type(n+6){animation-delay:.34s !important}

/* FEATURED (first) card — tall image, big title */
.ufc-post-grid .e-loop-item:first-of-type .ufc-card{ display:flex !important; flex-direction:column !important; }
.ufc-post-grid .e-loop-item:first-of-type .ufc-card-img img,.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image img{ height:360px !important; width:100% !important; }
.ufc-post-grid .e-loop-item:first-of-type .ufc-card-title,.ufc-post-grid .e-loop-item:first-of-type .ufc-card-title .elementor-heading-title{ font-size:26px !important; line-height:1.25 !important; }
.ufc-post-grid .e-loop-item:first-of-type .ufc-card-body{ padding:18px 22px 22px !important; }

/* LIST cards (rest) — image left, body right, NO gap */
@media (min-width:769px){
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card{ display:flex !important; flex-direction:row !important; align-items:stretch !important; gap:0 !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-img,.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image{ flex:0 0 200px !important; width:200px !important; min-width:200px !important; align-self:stretch !important; margin:0 !important; padding:0 !important; display:flex !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-img img,.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image img{ width:100% !important; height:100% !important; min-height:140px !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image figure,.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .e-img-ratio-wrapper{ margin:0 !important; padding:0 !important; width:100% !important; height:100% !important; display:flex !important; flex:1 !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-body{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; justify-content:center !important; padding:16px 20px !important; margin:0 !important; min-width:0 !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-title,.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-title .elementor-heading-title{ font-size:16px !important; }
}

/* pagination */
.ufc-post-grid .page-numbers{ background:#151A2E !important; border:1px solid #2B3252 !important; color:#B5BDD7 !important; border-radius:6px !important; padding:9px 15px !important; }
.ufc-post-grid .page-numbers:hover,.ufc-post-grid .page-numbers.current{ background:linear-gradient(135deg,#FF007A,#8A2EFF) !important; color:#fff !important; border-color:transparent !important; }

/* ---------- SIDEBAR ---------- */
.ufc-sidebar{ position:sticky !important; top:100px !important; display:flex !important; flex-direction:column !important; gap:16px !important; background:transparent !important; }
.ufc-fighters,.ufc-events .udn-evc,.ufc-news{ background:linear-gradient(180deg,#151A2E 0%,#101425 100%) !important; border:1px solid #2B3252 !important; border-radius:14px !important; padding:20px !important; box-shadow:0 10px 30px rgba(0,0,0,.4) !important; }
.ufc-sidebar-title,.ufc-sidebar-title .elementor-heading-title{ color:#fff !important; font-family:'Oswald',sans-serif !important; font-size:16px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.5px !important; padding-bottom:11px !important; margin:0 0 14px 0 !important; position:relative !important; border-bottom:1px solid #2B3252 !important; }
.ufc-sidebar-title::after{ content:"" !important; position:absolute !important; left:0 !important; bottom:-1px !important; height:2px !important; width:60px !important; border-radius:2px !important; background:linear-gradient(90deg,#FF007A,#8A2EFF) !important; box-shadow:0 0 10px rgba(255,0,122,.6) !important; }
.ufc-fighters .fighter{ display:flex !important; align-items:center !important; gap:12px !important; padding:9px 0 !important; border-bottom:1px solid rgba(43,50,82,.6) !important; text-decoration:none !important; transition:transform .2s ease !important; }
.ufc-fighters .fighter:last-of-type{ border-bottom:none !important; }
.ufc-fighters .fighter:hover{ transform:translateX(3px) !important; }
.ufc-fighters .fighter img{ width:46px !important; height:46px !important; min-width:46px !important; border-radius:50% !important; object-fit:cover !important; border:2px solid #FF007A !important; }
.ufc-fighters .fighter:hover img{ box-shadow:0 0 14px rgba(255,0,122,.6) !important; }
.ufc-fighters .fighter span{ color:#7D86A3 !important; font-size:11px !important; text-transform:uppercase !important; letter-spacing:.4px !important; line-height:1.4 !important; }
.ufc-fighters .fighter span strong{ color:#fff !important; font-size:13px !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important; display:block !important; }
.ufc-fighters .fighter:hover span strong{ color:#FF2E98 !important; }
.ufc-fighters .fighter-seeall{ display:block !important; text-align:center !important; color:#FF2E98 !important; font-size:12px !important; font-weight:600 !important; text-decoration:none !important; padding:12px 0 2px !important; }
.ufc-fighters .fighter-seeall:hover{ color:#fff !important; }
.ufc-sidebar .udn-evc,.udn-evc{ color:#B5BDD7 !important; }
.udn-evc__head{ color:#fff !important; }
.udn-evc__ico svg{ fill:#FF007A !important; }
.udn-evc__card{ background:rgba(7,7,20,.4) !important; border:1px solid #2B3252 !important; border-radius:12px !important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important; }
.udn-evc__card:hover{ border-color:#FF007A !important; box-shadow:0 0 16px rgba(255,0,122,.3) !important; transform:translateX(3px) !important; }
.udn-evc__name{ color:#fff !important; }
.udn-evc__main{ color:#FF2E98 !important; }
.udn-evc__date{ color:#FF007A !important; }
.udn-evc__venue{ color:#7D86A3 !important; }
.udn-evc__btn{ color:#fff !important; border:1px solid #FF007A !important; background:linear-gradient(135deg,rgba(255,0,122,.15),rgba(138,46,255,.15)) !important; }
.udn-evc__btn:hover{ background:linear-gradient(135deg,#FF007A,#8A2EFF) !important; }
.ufc-sidebar .udn-news,.udn-news{ background:linear-gradient(135deg,rgba(255,0,122,.14),rgba(28,34,64,.6)) !important; border:1px solid rgba(255,0,122,.3) !important; }
.udn-news h3{ color:#fff !important; }
.udn-news p{ color:#B5BDD7 !important; }
.udn-news input[type=email]{ background:#070714 !important; border:1px solid #2B3252 !important; color:#fff !important; }
.udn-news input[type=email]::placeholder{ color:#7D86A3 !important; }
.udn-news input[type=submit]{ background:linear-gradient(135deg,#FF007A,#8A2EFF) !important; color:#fff !important; box-shadow:0 0 20px rgba(255,0,122,.5) !important; }
.udn-news input[type=submit]:hover{ transform:translateY(-2px) !important; }

/* ---------- MOBILE ---------- */
@media (max-width:1024px){
  .ufc-archive{ padding-left:16px !important; padding-right:16px !important; }
  .ufc-main-row{ flex-direction:column !important; }
  .ufc-sidebar{ position:static !important; flex:1 1 auto !important; width:100% !important; margin-top:24px !important; }
}
@media (max-width:768px){
  .ufc-archive-header{ padding:26px 0 20px !important; }
  .ufc-archive-title .elementor-heading-title{ font-size:clamp(34px,11vw,52px) !important; }
  .ufc-section-head{ flex-direction:column !important; align-items:stretch !important; gap:12px !important; }
  .ufc-search{ flex:1 1 auto !important; max-width:100% !important; margin-left:0 !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card{ flex-direction:column !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-img,.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image{ flex:none !important; width:100% !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-img img{ height:190px !important; }
  .ufc-post-grid .e-loop-item:first-of-type .ufc-card-img img{ height:220px !important; }
}
@media (prefers-reduced-motion:reduce){
  .ufc-archive *,.ufc-archive *::before,.ufc-archive *::after,.ufc-card,.ufc-card *,.ufc-search *,.udn-news input[type=submit],.udn-evc__card{ animation:none !important; transition:none !important; }
}

/* ============================================================
   IMAGE WIDTH + LIST CARD GAP — aggressive Elementor override
   ============================================================ */

/* Featured card: force the image widget + all its wrappers to full width */
.ufc-post-grid .e-loop-item:first-of-type .ufc-card-img,
.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image,
.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image .elementor-widget-container,
.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image figure,
.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image a,
.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image img{
  width:100% !important; max-width:100% !important; display:block !important;
  margin:0 !important; padding:0 !important; box-sizing:border-box !important;
}
.ufc-post-grid .e-loop-item:first-of-type .ufc-card .elementor-widget-image img{
  height:360px !important; object-fit:cover !important; object-position:center center !important;
}

/* List cards: zero out ALL spacing between image and body */
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image .elementor-widget-container,
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image figure,
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image a{
  display:flex !important; width:100% !important; height:100% !important;
  margin:0 !important; padding:0 !important;
}
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image{
  flex:0 0 200px !important; width:200px !important; min-width:200px !important;
  margin:0 !important; padding:0 !important; align-self:stretch !important;
}
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image img{
  width:200px !important; height:100% !important; min-height:140px !important;
  object-fit:cover !important; object-position:center center !important;
  display:block !important; margin:0 !important; padding:0 !important;
}
/* kill the gap that Elementor adds between widgets inside the card */
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card.e-flexbox,
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card > .e-con-inner{
  gap:0 !important; padding:0 !important;
}
/* body sits flush right after image */
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-body,
.ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .ufc-card-body{
  flex:1 1 auto !important; display:flex !important; flex-direction:column !important;
  justify-content:center !important; padding:14px 18px !important;
  margin:0 !important; min-width:0 !important; gap:0 !important;
}

/* ============================================================
   MOBILE FIXES — override Elementor mobile defaults
   ============================================================ */

@media (max-width:767px){

  .ufc-archive, .ufc-archive *{ color:inherit !important; }
  .ufc-archive-title .elementor-heading-title{ color:#fff !important; }
  .ufc-archive-sub, .ufc-archive-sub *{ color:#B5BDD7 !important; font-size:14px !important; line-height:1.5 !important; }
  .ufc-section-title, .ufc-section-title .elementor-heading-title{ color:#fff !important; font-size:18px !important; }
  .ufc-card-title, .ufc-card-title a, .ufc-card-title .elementor-heading-title{ color:#fff !important; font-size:15px !important; line-height:1.3 !important; }
  .ufc-card-meta, .ufc-card-meta *{ color:#7D86A3 !important; font-size:11px !important; }

  .ufc-archive-sub .elementor-widget-container,
  .ufc-archive-sub p{ font-size:13px !important; line-height:1.5 !important; color:#B5BDD7 !important; }

  .ufc-section-head{ flex-direction:column !important; align-items:stretch !important; gap:10px !important; }
  .ufc-search{ max-width:100% !important; width:100% !important; margin:0 !important; }
  .ufc-search .elementor-search-form,
  .ufc-search .e-search-form,
  .ufc-search form{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; width:100% !important; box-sizing:border-box !important;
    background:rgba(7,7,20,.85) !important; border:1.5px solid #2B3252 !important;
    border-radius:50px !important; padding:4px 4px 4px 16px !important;
    overflow:visible !important;
  }
  .ufc-search input[type="search"],
  .ufc-search input[type="text"],
  .ufc-search .elementor-search-form__input,
  .ufc-search .e-search-input{
    flex:1 1 auto !important; min-width:0 !important; height:38px !important;
    background:transparent !important; border:none !important; outline:none !important;
    color:#fff !important; font-size:13px !important; padding:0 !important;
    -webkit-appearance:none !important; appearance:none !important;
    box-shadow:none !important; margin:0 !important;
  }
  .ufc-search input::placeholder{ color:#7D86A3 !important; }
  .ufc-search button[type="submit"],
  .ufc-search .elementor-search-form__submit,
  .ufc-search .e-search-submit{
    flex:0 0 auto !important; height:38px !important; padding:0 18px !important; margin:0 !important;
    border:none !important; border-radius:50px !important;
    background:linear-gradient(135deg,#FF007A,#8A2EFF) !important;
    color:#fff !important; font-size:12px !important; font-weight:600 !important;
    font-family:'Oswald',sans-serif !important; text-transform:uppercase !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    white-space:nowrap !important; cursor:pointer !important; line-height:1 !important;
  }
  .ufc-search button[type="submit"] svg,
  .ufc-search .elementor-search-form__submit svg{ display:none !important; }

  .ufc-post-grid .e-loop-item:first-of-type .ufc-card-img img{ height:220px !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card{ flex-direction:column !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image{ flex:none !important; width:100% !important; max-width:100% !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card .elementor-widget-image img{ height:180px !important; width:100% !important; }
  .ufc-post-grid .e-loop-item:not(:first-of-type) .ufc-card-body{ padding:14px 16px !important; }

  .ufc-sidebar{ position:static !important; width:100% !important; margin-top:20px !important; }

  .ufc-sort-bar a, .ufc-tags-row a{ font-size:11px !important; padding:6px 12px !important; }
}
.ufc-archive a{ color:inherit !important; }
.ufc-archive .ufc-card-title a{ color:#fff !important; }
.ufc-archive .ufc-card:hover .ufc-card-title a{ color:#FF2E98 !important; }

/* ============================================================
   MOBILE MENU — ONE clean rule, no conflicts
   (zero everything first, then set padding once per element)
   ============================================================ */
.elespare-dropdown-menu,
.elespare-dropdown-menu > li,
.elespare-dropdown-menu > li > a,
.elespare-dropdown-menu .sub-menu,
.elespare-dropdown-menu .sub-menu li,
.elespare-dropdown-menu .sub-menu li a {
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
}
.elespare-dropdown-menu > li {
  border-bottom: 1px solid rgba(255,15,123,.08) !important;
}
.elespare-dropdown-menu > li > a {
  padding: 18px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: #fff !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  letter-spacing: .6px !important;
  text-decoration: none !important;
}
.elespare-dropdown-menu > li > a:hover {
  background: rgba(255,15,123,.12) !important;
  color: #ff52a3 !important;
}
.elespare-dropdown-menu .sub-menu li a {
  padding: 14px 22px 14px 40px !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: #c8c8d4 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  text-decoration: none !important;
}
.elespare-dropdown-menu .sub-menu li a:hover {
  color: #ff52a3 !important;
}
.udn-fighter-link {
  color: #FF2E98 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted rgba(255,0,122,.5);
}
.udn-fighter-link:hover {
  color: #fff !important;
  border-bottom-color: #FF007A;
}/* End custom CSS */