/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/



/* Remove After Cache */
.tooltip-element {
    display: none;
}

:root {
  --bg-dark: #000000;
  --bg-card: #0a0a0c;
  --gold-primary: #dfb249;
  --purple-accent: #9d4edd;
  --blue-accent: #00b4d8;
  --red-accent: #e63946;
  --text-muted: #8a8a93;
  --font-display: 'Inter', sans-serif; /* Ensure this matches your global font */
}

/* Global Dark Base Override */
body, #c27-site-wrapper {
  background-color: var(--bg-dark) !important;
  color: #ffffff;
  font-family: var(--font-display);
}

.gradient-text {
      background: linear-gradient(90deg, var(--purple-accent), var(--gold-primary));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
	
/* Inject the Flame Icon dynamically into the Spotlight Head Button */
.lf-head-btn {
    display: inline-flex !important;
    align-items: center !important;
	background: #00000082;
    gap: 6px !important; /* Spacing between icon and text */
}

.lf-head-btn::before {
    content: "🔥" !important; /* Injects the flame icon inline */
    font-size: 13px !important;
    line-height: 1 !important;
}	


/* target the unique header ID to arrange elements horizontally */
#premium-title-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important; /* Adds a clean luxury spacing cushion between the crown and text */
}

.i-section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.lf-item-info-2>ul.lf-contact li {
    color: #ffffff;

}

.lf-item-info-2>ul.lf-contact li:last-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    margin-left: auto !important;
    padding: 6px 8px !important;
    border-radius: 4px !important;
    transition: 0.2s ease-in-out !important;
    margin-bottom: 0;
}


ul.lf-contact.no-list-style {
    display: inline-flex !important;
}



/* ==========================================================
   METADATA FIELDS: THREE-TIER BLOCK LAYOUT
   ========================================================== */

/* Set the container wrapper to allow wrapping elements */
.premium-gold-grid .lf-item-info-2 ul.lf-contact, 
.top-picks-purple-grid .lf-item-info-2 ul.lf-contact
{
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 4px 0px !important; /* Controlled vertical spacing */
}

/* 1. First Item (e.g., Afterparty / Live DJ Set) - Full Width Line Below Title */
.premium-gold-grid .lf-item-info-2 ul.lf-contact li:nth-of-type(1),
.top-picks-purple-grid .lf-item-info-2 ul.lf-contact li:nth-of-type(1)
 {
    flex: 0 0 100% !important;
    width: 100% !important;
    display: block !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

/* 2. Second Item (e.g., Limited tickets remaining) - Full Width Line Below Tag */
.premium-gold-grid .lf-item-info-2 ul.lf-contact li:nth-of-type(2), 
.top-picks-purple-grid .lf-item-info-2 ul.lf-contact li:nth-of-type(2)
{
    flex: 0 0 100% !important;
    width: 100% !important;
    display: block !important;
    color: rgb(247 196 0) !important;
    font-size: 12px !important;
    margin-bottom: 4px !important;
}

/* 3. The remaining items (Rating, Price, etc.) - Stay Inline Together on Line 3 */
.premium-gold-grid .lf-item-info-2 ul.lf-contact li:nth-of-type(n+3), 
.top-picks-purple-grid .lf-item-info-2 ul.lf-contact li:nth-of-type(n+3)
{
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin-right: 12px !important; /* Clean horizontal spacing gap */
}

/* 4. Keep the Reserve button pinned safely on the right side if it's in the list */
.premium-gold-grid .lf-item-info-2 ul.lf-contact li:last-child, 
.top-picks-purple-grid .lf-item-info-2 ul.lf-contact li:last-child 
{
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* ==========================================================
   REMOVE RESERVE FOR BLUE AND RED
   ========================================================== */
.blue-happening .lf-item-info-2>ul.lf-contact li:last-child,
.featured-red .lf-item-info-2>ul.lf-contact li:last-child {
display: none !important;	
	
}
/* ==========================================================
   PREMIUM SPOTLIGHT: EXCLUSIVE GOLD STEP-DOWN HIERARCHY
   ========================================================== */

/* --- 1st Card: Ultimate Brightest Yellow-Gold --- */
.premium-gold-grid .grid-item:nth-of-type(1) .lf-item-container,
.premium-gold-grid .col-md-4:nth-of-type(1) .lf-item-container {
    border: 2px solid rgb(255, 219, 81) !important;
    box-shadow: 0 0 15px rgba(255, 219, 81, 0.3) !important;
}

/* --- 2nd Card: Refined Mid-Tone Luxury Gold --- */
.premium-gold-grid .grid-item:nth-of-type(2) .lf-item-container,
.premium-gold-grid .col-md-4:nth-of-type(2) .lf-item-container {
    border: 1.5px solid rgb(223, 178, 73) !important;
    box-shadow: 0 0 10px rgba(223, 178, 73, 0.2) !important;
}

/* --- 3rd Card: Subtle Deep Muted/Bronze Gold --- */
.premium-gold-grid .grid-item:nth-of-type(3) .lf-item-container,
.premium-gold-grid .col-md-4:nth-of-type(3) .lf-item-container {
    border: 1px solid rgba(223, 178, 73, 0.5) !important;
    box-shadow: 0 0 5px rgba(223, 178, 73, 0.1) !important;
}

/* --- Hover Glow States (Only for Premium Row Elements) --- */
.premium-gold-grid .lf-item-container:hover {
    transform: translateY(-4px) !important;
    border-color: rgb(255, 219, 81) !important;
    box-shadow: 0 0 20px rgba(255, 219, 81, 0.4) !important;
    transition: all 0.25s ease-in-out !important;
}


/* ==========================================================
   TOP PICKS TONIGHT: PURPLE STEP-DOWN HIERARCHY
   ========================================================== */

/* --- 1st Card: Brightest Neon Electric Purple --- */
.top-picks-purple-grid .grid-item:nth-of-type(1) .lf-item-container,
.top-picks-purple-grid .col-md-4:nth-of-type(1) .lf-item-container {
    border: 2px solid rgb(168, 85, 247) !important; /* Vivid Purple */
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.3) !important;
}

/* --- 2nd Card: Refined Mid-Tone Luxury Violet --- */
.top-picks-purple-grid .grid-item:nth-of-type(2) .lf-item-container,
.top-picks-purple-grid .col-md-4:nth-of-type(2) .lf-item-container {
    border: 1.5px solid rgb(147, 51, 234) !important; /* Mid Purple */
    box-shadow: 0 0 10px rgba(147, 51, 234, 0.2) !important;
}

/* --- 3rd Card: Subtle Deep Muted/Indigo Purple --- */
.top-picks-purple-grid .grid-item:nth-of-type(3) .lf-item-container,
.top-picks-purple-grid .col-md-4:nth-of-type(3) .lf-item-container {
    border: 1px solid rgba(126, 34, 206, 0.6) !important; /* Darker Muted Purple */
    box-shadow: 0 0 5px rgba(126, 34, 206, 0.1) !important;
}

/* ==========================================================
   AF5 PREMIUM FEATURES BANNER GRID
   ========================================================== */

.af5-features-banner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    padding: 24px 32px !important;
    box-sizing: border-box !important;
    gap: 16px !important;
}

/* Individual Feature Item Containers */
.af5-feature-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
    flex: 1 !important;
}

/* Vector Graphics Container */
.af5-feature-icon-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* Icons scaled to TWICE the size (40px) */
.af5-feature-svg {
    width: 40px !important;
    height: 40px !important;
    fill: #e2b93c !important; 
}

/* Distinct Highlight Color Rules */
.af5-feature-svg.poly-green {
    fill: #22c55e !important;
}
.af5-feature-svg.poly-purple {
    fill: #a855f7 !important;
}

/* Vertical Separation Rules */
.af5-feature-divider {
    width: 1px !important;
    height: 44px !important; /* Spans height matching the text block */
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.12) 50%, transparent) !important;
    flex-shrink: 0 !important;
}

/* Text Layout Blocks */
.af5-feature-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

/* Layout Headers */
.af5-feature-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* Feature Descriptions */
.af5-feature-desc {
    color: #8e8e93 !important;
    font-size: 12px !important;
    font-weight: 500;
}

/* Fluid responsive breakpoint logic */
@media (max-width: 1024px) {
    .af5-features-banner {
        flex-wrap: wrap !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
    }
    .af5-feature-divider {
        display: none !important; /* Hide vertical lines on grid wrap patterns */
    }
}

@media (max-width: 640px) {
    .af5-features-banner {
        grid-template-columns: 1fr !important;
        padding: 20px !important;
    }
}



/* ==========================================================
   1. GLOBAL RESETS & TEXT FIXES (SYNTAX ERROR FIXED)
   ========================================================== */

/* Turn all background wrappers transparent to destroy default theme shapes */
.premium-gold-grid .lf-item-info-2,
.top-picks-purple-grid .lf-item-info-2,
.blue-happening .lf-item-info-2,
.featured-red .lf-item-info-2,
.premium-gold-grid .lf-item-container .overlay,
.top-picks-purple-grid .lf-item-container .overlay,
.blue-happening .lf-item-container .overlay,
.featured-red .lf-item-container .overlay {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Re-inject a clean dark bottom shadow so the white text stays readable */
.premium-gold-grid .lf-item-container::after,
.top-picks-purple-grid .lf-item-container::after,
.blue-happening .lf-item-container::after,
.featured-red .lf-item-container::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 65% !important;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 60%, transparent 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* Force dynamic banner flyers to stretch fully across card layers */
.premium-gold-grid .lf-background, .premium-gold-grid .lf-item-alternate,
.top-picks-purple-grid .lf-background, .top-picks-purple-grid .lf-item-alternate,
.blue-happening .lf-background, .blue-happening .lf-item-alternate,
.featured-red .lf-background, .featured-red .lf-item-alternate {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    display: block !important;
}

/* Securely place the text info block above the images and add our premium dark backdrop */
.premium-gold-grid .lf-item-info-2,
.top-picks-purple-grid .lf-item-info-2,
.blue-happening .lf-item-info-2,
.featured-red .lf-item-info-2 {
    transform: none !important; 
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 45px 20px 20px 20px !important;
    z-index: 99 !important; 
    display: block !important;
    background: linear-gradient(to top, rgba(10, 10, 12, 1) 0%, rgba(10, 10, 12, 0.85) 65%, rgba(10, 10, 12, 0) 100%) !important;
}

/* Target all text states directly to guarantee crisp white delivery */
.premium-gold-grid .lf-item-info-2 h4,
.top-picks-purple-grid .lf-item-info-2 h4,
.blue-happening .lf-item-info-2 h4,
.featured-red .lf-item-info-2 h4,
.premium-gold-grid .lf-item-info-2 h4.listing-preview-title,
.premium-gold-grid .lf-item-info-2 h4 a,
.top-picks-purple-grid .lf-item-info-2 h4 a,
.blue-happening .lf-item-info-2 h4 a,
.featured-red .lf-item-info-2 h4 a {
    color: #ffffff !important;
    font-size: 19px !important; 
    font-weight: 700 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
    opacity: 1 !important;
    text-decoration: none !important;
} 

.premium-gold-grid .lf-item-info-2 h4 a,
.top-picks-purple-grid .lf-item-info-2 h4 a,
.blue-happening .lf-item-info-2 h4 a,
.featured-red .lf-item-info-2 h4 a {
    color: #ffffff !important;
    font-size: 19px !important; 
    font-weight: 700 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 1) !important;
    text-decoration: none !important;
}

/* Hide theme excerpt snippets that cause layout shifts */


/* ==========================================================
   2. SECTION 1 & 2 BRAND CORES (GOLD & PURPLE)
   ========================================================== */

/* Gold Spotlight Cards */
.premium-gold-grid .lf-item-container {
    position: relative !important;
    background: #0a0a0c !important; 
    border: 1px solid rgba(223, 178, 73, 0.45) !important; 
    border-radius: 16px !important;
    overflow: hidden !important;
    min-height: 250px !important; 
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.85) !important;
    transition: all 0.3s ease !important;
}
.premium-gold-grid .lf-item-container:hover {
    transform: translateY(-6px) !important;
    border-color: #dfb249 !important; 
    box-shadow: 0 16px 40px rgba(223, 178, 73, 0.28) !important;
}

/* Top Picks Purple Cards */
.top-picks-purple-grid .lf-item-container {
    position: relative !important;
    background: #0a0a0c !important; 
    border: 1px solid rgba(147, 51, 234, 0.45) !important; 
    border-radius: 16px !important;
    overflow: hidden !important;
    min-height: 250px !important; 
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.85) !important;
    transition: all 0.3s ease !important;
}
.top-picks-purple-grid .lf-item-container:hover {
    transform: translateY(-6px) !important;
    border-color: #a855f7 !important; 
    box-shadow: 0 16px 40px rgba(168, 85, 247, 0.3) !important;
}

/* ==========================================================
   3. SECTION 3: ELECTRIC VIBRANT BLUE ROW (HAPPENING THIS WEEK)
   ========================================================== */

.blue-happening .lf-item-container {
    position: relative !important;
    background: #020617 !important; /* Deep luxury dark blue base background */
    border: 2px solid #0284c7 !important; /* Bold Electric Blue Outline */
    border-radius: 12px !important;
    overflow: hidden !important;
    min-height: 220px !important; 
    box-shadow: 0 0 15px rgba(2, 132, 199, 0.25), inset 0 0 12px rgba(2, 132, 199, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.blue-happening .lf-item-container:hover {
    transform: translateY(-5px) !important;
    border-color: #38bdf8 !important; /* Vibrant light blue illuminate status */
    box-shadow: 0 0 25px rgba(56, 189, 248, 0.5), 0 10px 30px rgba(0, 0, 0, 0.8) !important;
}
/* This media query is only to show more than the listing to show more than 4*/
/*  
@media (min-width: 1200px) {
    .blue-happening .results-wrapper.grid,
    .blue-happening .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 15px !important; 
        height: auto !important;
    }
    
    .blue-happening .grid-item,
    .blue-happening .col-md-4,
    {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        flex: 0 0 calc(25% - 12px) !important; 
        width: calc(25% - 12px) !important;
        max-width: calc(25% - 12px) !important;
        margin: 0 !important;
    }
}
*/

/* ==========================================================
   5. FEATURED EVENTS: TRUE HORIZONTAL RECTANGLE & WHITE TITLES
   ========================================================== */

/* Force the main outer card container into a true wide rectangle shape */
.featured-red .lf-item-container {
    position: relative !important;
    background: #090505 !important;
    border: 2px solid #dc2626 !important; /* Crimson theme border */
    border-radius: 14px !important;
    overflow: hidden !important;
    
    /* Hard-limit heights to shatter the tall square shape completely */
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    
    box-shadow: 0 0 15px rgba(220, 38, 38, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover glowing aura status */
.featured-red .lf-item-container:hover {
    transform: translateY(-4px) !important;
    border-color: #ef4444 !important;
    box-shadow: 0 0 25px rgba(239, 68, 68, 0.55) !important;
}

/* Force the skin image containers to match our rectangular boundaries */
.featured-red .lf-item-container .lf-background-wrapper,
.featured-red .lf-item-container .lf-background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    z-index: 1 !important;
}

/* Turn on a dark overlay so text stands out over varying images */
.featured-red .lf-item-container::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.55) !important; 
    z-index: 2 !important;
}

/* Bring back the title element layer and force text colors to solid white */
.featured-red .lf-item-info-2,
.featured-red .preview-details,
.featured-red .lf-item-info-2 h4,
.featured-red .lf-item-info-2 h4 a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 1) !important;
}

/* Position details relative to sit cleanly over background graphics */
.featured-red .lf-item-info-2 {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px !important;
    z-index: 5 !important;
}

/* Format text weights for future custom fields expansion space */
.featured-red .lf-item-info-2 h4 a {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* ==========================================================
   FINAL OVERRIDE: FORCE TITLES PURE WHITE ACROSS ALL GRIDS
   ========================================================== */
   

/* 1. Strip the background gradient mask completely off the info block container */
.lf-item-alternate .lf-item-info-2,
.blue-happening .lf-item-info-2,
.featured-red .lf-item-info-2 {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* 2. Break the button free from any parent blending or opacity restrictions */
/*
.lf-item-alternate .lf-item-info-2::before {
    background-color: #ffffff !important;
    color: #000000 !important;
    opacity: 1 !important;
    

    mix-blend-mode: normal !important; 
    isolation: isolate !important;
}

*/
/* 3. Re-verify the text color is completely forced to white */
.lf-item-alternate .lf-item-info-2 h4,
.lf-item-alternate .lf-item-info-2 h4 a {
    color: #ffffff !important;
    opacity: 1 !important;
}





/* Convert the info block into a horizontal flex container */
.lf-item-alternate .lf-item-info-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}





/* Clear out the old pseudo-element styles */
.lf-item-alternate .lf-item-info-2::after {
    content: none !important;
}

/* Inject styled dynamic metadata text directly */
/*
.lf-item-alternate .lf-item-info-2 h4::after {
    content: "★ 4.8 (512)  •  Nightclub  •  Midtown";
    display: block !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
    letter-spacing: 0.3px !important;
}
*/

/* Convert the info block into a horizontal flex container */
/*
.lf-item-alternate .lf-item-info-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
*/
/* Clear out the old pseudo-element styles */
/*
.lf-item-alternate .lf-item-info-2::after {
    content: none !important;
}
*/
/* Inject styled dynamic metadata text directly */
/*
.lf-item-alternate .lf-item-info-2 h4::after {
    content: "★ 4.8 (512)  •  Nightclub  •  Midtown" !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
    letter-spacing: 0.3px !important;
}

*/
/* Force clean contrast colors on the pseudo button */
/*
.lf-item-alternate .lf-item-info-2::before {
    content: "RESERVE" !important;
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    

    background-color: #ffffff !important;
    color: #000000 !important;
    
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    margin-left: auto !important;
}

*/

/* Subtle hover state change */
/*
.lf-item-alternate .lf-item-info-2::before:hover {
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: #000000 !important;
} 
*/

/* ==========================================================
   BUTTON ARCHITECTURE: STANDARD CORNER BUTTONS
   (Premium Spotlight, Top Picks, and General Alternate Skin)
   ========================================================== */
.lf-item-alternate .lf-item-info-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

.lf-item-alternate .lf-item-info-2::after {
    content: none !important;
}

/* Base metadata line injection */
/*
.lf-item-alternate .lf-item-info-2 h4::after {
    content: "★ 4.8 (512)  •  Nightclub  •  Midtown" !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
    letter-spacing: 0.3px !important;
}
*/

/* Small square-card inline button default */
/*
.lf-item-alternate .lf-item-info-2::before {
    content: "RESERVE" !important;
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    margin-left: auto !important;
}
*/

.lf-item-alternate .lf-item-info-2::before:hover {
    background-color: rgba(255, 255, 255, 0.85) !important;
}

/* ==========================================================
   FULL WIDTH OVERRIDES FOR SPECIFIC ROW CLASSES
   ========================================================== */

/* 1. Stacking layouts for full width rows */
.blue-happening .lf-item-info-2,
.featured-red .lf-item-info-2 {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}

.blue-happening .lf-item-info-2 h4,
.featured-red .lf-item-info-2 h4 {
    width: 100% !important;
}

/* 2. Happening This Week Custom Full Width Button */
.blue-happening .lf-item-info-2::before {
    content: "VIEW EVENT →" !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
    padding: 8px 0 !important;
    background: #00000082;
    color: #ffffff !important;
    border: 1px solid #0284c7 !important;
    border-radius: 4px !important;
    text-align: center !important;
}
.blue-happening .lf-item-info-2::before:hover {
    background-color: #0284c7 !important;
}

/* 3. Featured Events Custom Full Width Button */
.featured-red .lf-item-info-2::before {
    content: "GET TICKETS →" !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
    padding: 6px 0 !important;
    font-size: 10px !important; /* Kept tight to fit your 160px card depth safely */
    background: #00000082;
    color: #ffffff !important;
    border: 1px solid #dc2626 !important;
    border-radius: 4px !important;
    text-align: center !important;
}
.featured-red .lf-item-info-2::before:hover {
    background-color: #dc2626 !important;
}
   


/* ==========================================================
   6. BROWSE BY VIBE: STABLE 100% WIDTH ENGINE
   ========================================================== */

/* Remove parent clipping and horizontal structural bleed */
.browse-vibe-container,
.browse-vibe-container .elementor-container,
.browse-vibe-container .elementor-column,
.browse-vibe-container .elementor-widget-wrap,
.browse-vibe-container .elementor-widget-container {
    overflow: visible !important;
}

/* Force container into a single row with strict window boundaries */
.browse-vibe-container,
.browse-vibe-container .elementor-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Locks all 8 pills onto 1 line */
    justify-content: space-between !important; /* Spreads elements edge to edge */
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Base Badge Capsule Formats - Scaled down slightly to prevent window scroll */
.browse-vibe-container .vibe-badge,
.browse-vibe-container .elementor-widget-icon-box.vibe-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important; /* Snugger padding keeps them inside screen boundaries */
    background: #090505 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    flex: 1 1 auto !important; /* Allows badges to scale down automatically to fit screen width */
    min-width: 0 !important;
}

/* Inner structural alignment row */
.browse-vibe-container .vibe-badge .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Icon margin adjustments */
.browse-vibe-container .vibe-badge .elementor-icon-box-icon {
    margin: 0 6px 0 0 !important; 
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
}

.browse-vibe-container .vibe-badge .elementor-icon-box-content {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Typography scales fluidly to fit within standard desktop frames */
.browse-vibe-container .vibe-badge .elementor-icon-box-title,
.browse-vibe-container .vibe-badge .elementor-icon-box-title a,
.browse-vibe-container .vibe-badge h4,
.browse-vibe-container .vibe-badge h4 a {
    color: #ffffff !important;
    font-size: 12px !important; /* Clean design font scaling */
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important; 
    text-decoration: none !important;
}

/* --- THEME NEON CHANNELS & BACKGROUND FILL HOVERS --- */
.browse-vibe-container .vibe-gold { border: 1px solid #d4af37 !important; }
.browse-vibe-container .vibe-gold i, .browse-vibe-container .vibe-gold .elementor-icon { color: #d4af37 !important; }
.browse-vibe-container .vibe-gold:hover { background: #d4af37 !important; box-shadow: 0 0 12px rgba(212, 175, 55, 0.5) !important; }

.browse-vibe-container .vibe-purple { border: 1px solid #a855f7 !important; }
.browse-vibe-container .vibe-purple i, .browse-vibe-container .vibe-purple .elementor-icon { color: #a855f7 !important; }
.browse-vibe-container .vibe-purple:hover { background: #a855f7 !important; box-shadow: 0 0 12px rgba(168, 85, 247, 0.5) !important; }

.browse-vibe-container .vibe-blue { border: 1px solid #3b82f6 !important; }
.browse-vibe-container .vibe-blue i, .browse-vibe-container .vibe-blue .elementor-icon { color: #3b82f6 !important; }
.browse-vibe-container .vibe-blue:hover { background: #3b82f6 !important; box-shadow: 0 0 12px rgba(59, 130, 246, 0.5) !important; }

.browse-vibe-container .vibe-green { border: 1px solid #22c55e !important; }
.browse-vibe-container .vibe-green i, .browse-vibe-container .vibe-green .elementor-icon { color: #22c55e !important; }
.browse-vibe-container .vibe-green:hover { background: #22c55e !important; box-shadow: 0 0 12px rgba(34, 197, 94, 0.5) !important; }

.browse-vibe-container .vibe-red { border: 1px solid #dc2626 !important; }
.browse-vibe-container .vibe-red i, .browse-vibe-container .vibe-red .elementor-icon { color: #dc2626 !important; }
.browse-vibe-container .vibe-red:hover { background: #dc2626 !important; box-shadow: 0 0 12px rgba(220, 38, 38, 0.5) !important; }

.browse-vibe-container .vibe-orange { border: 1px solid #eab308 !important; }
.browse-vibe-container .vibe-orange i, .browse-vibe-container .vibe-orange .elementor-icon { color: #eab308 !important; }
.browse-vibe-container .vibe-orange:hover { background: #eab308 !important; box-shadow: 0 0 12px rgba(234, 179, 8, 0.5) !important; }

.browse-vibe-container .vibe-yellow { border: 1px solid #eab308 !important; }
.browse-vibe-container .vibe-yellow i, .browse-vibe-container .vibe-yellow .elementor-icon { color: #eab308 !important; }
.browse-vibe-container .vibe-yellow:hover { background: #eab308 !important; box-shadow: 0 0 12px rgba(234, 179, 8, 0.5) !important; }

.browse-vibe-container .vibe-bronze { border: 1px solid #eab308 !important; }
.browse-vibe-container .vibe-bronze i, .browse-vibe-container .vibe-bronze .elementor-icon { color: #eab308 !important; }
.browse-vibe-container .vibe-bronze:hover { background: #eab308 !important; box-shadow: 0 0 12px rgba(234, 179, 8, 0.5) !important; }

/* Flip text and icons to black on hover */
.browse-vibe-container .vibe-badge:hover .elementor-icon-box-title,
.browse-vibe-container .vibe-badge:hover .elementor-icon-box-title a,
.browse-vibe-container .vibe-badge:hover h4,
.browse-vibe-container .vibe-badge:hover h4 a,
.browse-vibe-container .vibe-badge:hover i,
.browse-vibe-container .vibe-badge:hover .elementor-icon {
    color: #000000 !important;
}

/* TABLET & MOBILE RESPONSIVE BREAKPOINT */
@media (max-width: 1024px) {
    .browse-vibe-container,
    .browse-vibe-container .elementor-container {
        flex-wrap: wrap !important; /* Drops elements down safely on smaller screens instead of causing breaking window overflows */
        justify-content: center !important; 
        gap: 10px !important;
    }
}


/* ==========================================================
   7. TRUST BANNER: ULTRA-STRICT DESIGN MATCH
   ========================================================== */

/* Main layout engine - Forces borders, limits content constraints, and prevents drops */
.trust-banner-container {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 40px auto !important; /* Generous vertical room exactly like the template mockup */
    padding: 24px 0 !important; /* Proper vertical balance */
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;   /* Visible thin line separator */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;/* Visible thin line separator */
    background: transparent !important;
}

/* Override Elementor's inner row layouts */
.trust-banner-container .elementor-container,
.trust-banner-container .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0 !important; /* Eliminates element layout drifts */
    width: 100% !important;
}

/* Set columns to flex-even distribution across the row */
.trust-banner-container .trust-badge,
.trust-banner-container .elementor-widget-icon-box.trust-badge {
    flex: 1 1 0% !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 5px !important;
}

/* Force side-by-side positioning for layout items */
.trust-banner-container .trust-badge .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Clean Gold Icon Structural Adjustments */
.trust-banner-container .trust-badge .elementor-icon-box-icon {
    margin: 0 10px 0 0 !important; /* Snug spacing gap next to descriptive text block */
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Enlarge the Gold Icon Vectors */
.trust-banner-container .trust-badge .elementor-icon,
.trust-banner-container .trust-badge i {
    color: #e2b93c !important; /* Sharp gold hue match */
    font-size: 26px !important; /* Noticeably larger item footprint */
    line-height: 1 !important;
}

/* Remove Elementor's block margin drift */
.trust-banner-container .trust-badge .elementor-icon-box-content {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Primary Metric Title Copy Styling (Caps, Small, Bold) */
.trust-banner-container .trust-badge .elementor-icon-box-title,
.trust-banner-container .trust-badge h4,
.trust-banner-container .trust-badge h4 a {
    color: #ffffff !important;
    font-size: 11px !important; /* Crisp small sizing */
    font-weight: 800 !important; /* Noticeable typography density */
    letter-spacing: 0.08em !important; /* Sleek letter spacing gaps */
    text-transform: uppercase !important; /* Forces strict capitalization */
    margin: 0 0 1px 0 !important; /* Snug item stacking */
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Secondary Descriptive Subtext Copy Styling */
.trust-banner-container .trust-badge .elementor-icon-box-description,
.trust-banner-container .trust-badge p {
    color: #929292 !important; /* Muted sleek neutral grey layout tone */
    font-size: 10px !important; /* Small description profile */
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* MOBILE RESPONSIVE SMART BREAKPOINT */
@media (max-width: 991px) {
    .trust-banner-container {
        padding: 20px 15px !important;
        margin: 20px auto !important;
    }
    .trust-banner-container .elementor-container,
    .trust-banner-container .elementor-widget-wrap {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 16px 12px !important;
    }
    .trust-banner-container .trust-badge {
        flex: 1 1 43% !important;
    }
}



/* ==========================================================
   8. THREE-COLUMN BANNER: DIRECT CONTAINER TARGETING FOOTER
   ========================================================== */

/* Main Parent Row Setup */
.cta-banner-row {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 40px auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 20px !important;
    background: transparent !important;
}

/* Clear out any unintended inner element styling leaks */
.cta-banner-row div, 
.cta-banner-row .elementor-widget-container {
    background: transparent !important;
    border: none !important;
}

/* Core card styles applied strictly to the 3 direct main blocks */
.cta-banner-row > .e-con,
.cta-banner-row > .elementor-widget-wrap > .e-con {
    background: #070404 !important; 
    border-radius: 8px !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    min-height: 140px !important;
}

/* --- CARD 1: PLAN YOUR NIGHT (Purple) --- */
.cta-banner-row > .e-con:nth-child(1),
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(1) {
    flex: 0 0 23% !important;
    width: 23% !important;
    border: 1px solid rgba(168, 85, 247, 0.25) !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}

/* --- CARD 2: VIP ACCESS (Center Gold) --- */
.cta-banner-row > .e-con:nth-child(2),
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(2) {
    flex: 0 0 50% !important;
    width: 50% !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* --- CARD 3: LIVE PULSE (Right Red) --- */
.cta-banner-row > .e-con:nth-child(3),
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(3) {
    flex: 0 0 27% !important;
    width: 27% !important;
    border: 1px solid rgba(239, 68, 68, 0.25) !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}

/* Typography Overrides */
.cta-banner-row .elementor-heading-title {
    color: #ffffff !important;
    margin: 0 !important;
}

/* MOBILE RESPONSIVE FOLD */
@media (max-width: 991px) {
    .cta-banner-row {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .cta-banner-row > .e-con:nth-child(1),
    .cta-banner-row > .e-con:nth-child(2),
    .cta-banner-row > .e-con:nth-child(3) {
        flex: 1 1 auto !important;
        width: 100% !important;
    }
}


/* ==========================================================
   8. THREE-COLUMN BANNER FIXED POSITION ENGINE
   ========================================================== */

/* Main Parent Row Setup */
.cta-banner-row {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 40px auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 20px !important;
    background: transparent !important;
}

/* Clear all deep background or custom border leak bugs */
.cta-banner-row div, 
.cta-banner-row .elementor-widget-container {
    background: transparent !important;
    border: none !important;
}

/* Base card structural rules applied strictly to the 3 columns */
.cta-banner-row > .e-con,
.cta-banner-row > .elementor-widget-wrap > .e-con {
    background: #070404 !important; 
    border-radius: 8px !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    min-height: 140px !important;
}

/* --- CARD 1: PLAN YOUR NIGHT (Left Purple) --- */
.cta-banner-row > .e-con:nth-child(1),
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(1) {
    flex: 0 0 23% !important;
    width: 23% !important;
    border: 1px solid rgba(168, 85, 247, 0.25) !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}
.cta-banner-row > .e-con:nth-child(1) .elementor-heading-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
}
.cta-banner-row > .e-con:nth-child(1) .elementor-text-editor,
.cta-banner-row > .e-con:nth-child(1) p {
    color: #8a8a8a !important;
    font-size: 11px !important;
    margin: 2px 0 0 0 !important;
}

/* --- CARD 2: VIP ACCESS (Center Gold) --- */
.cta-banner-row > .e-con:nth-child(2),
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(2) {
    flex: 0 0 50% !important;
    width: 50% !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
/* Small gold header title */
.cta-banner-row > .e-con:nth-child(2) .elementor-element:nth-child(2) .elementor-heading-title {
    color: #e2b93c !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    margin: 0 0 2px 0 !important;
}
/* Large main white title */
.cta-banner-row > .e-con:nth-child(2) .elementor-element:nth-child(3) .elementor-heading-title {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    margin: 0 0 6px 0 !important;
}
.cta-banner-row > .e-con:nth-child(2) .elementor-text-editor,
.cta-banner-row > .e-con:nth-child(2) p {
    color: #a5a5a5 !important;
    font-size: 11px !important;
    margin: 0 !important;
}

/* --- CARD 3: LIVE PULSE (Right Red) --- */
.cta-banner-row > .e-con:nth-child(3),
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(3) {
    flex: 0 0 27% !important;
    width: 27% !important;
    border: 1px solid rgba(239, 68, 68, 0.25) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
}
.cta-banner-row > .e-con:nth-child(3) .elementor-heading-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
}

/* --- ICONS VISUAL ENGINE --- */
.cta-banner-row .elementor-icon, .cta-banner-row i {
    font-size: 22px !important;
}
.cta-banner-row > .e-con:nth-child(1) i { color: #38bdf8 !important; }
.cta-banner-row > .e-con:nth-child(2) i { color: #e2b93c !important; margin-bottom: 4px !important; }

/* Responsive break settings */
@media (max-width: 991px) {
    .cta-banner-row { flex-direction: column !important; gap: 16px !important; }
    .cta-banner-row > .e-con:nth-child(1),
    .cta-banner-row > .e-con:nth-child(2),
    .cta-banner-row > .e-con:nth-child(3) { width: 100% !important; flex: 1 1 auto !important; }
}


/* ==========================================================
   LIVE PULSE FULL VISUAL ENGINE & HEARTBEAT ANIMATION
   ========================================================== */

/* Remove the old structural widget title since we built a cleaner one inline */
.cta-banner-row > .e-con:nth-child(3) .elementor-heading-title,
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(3) .elementor-heading-title {
    display: none !important;
}

/* Custom Header Row Alignment */
.live-pulse-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}

/* Vector Heartbeat Signal Wave Canvas rules */
.pulse-wave-container {
    width: 100% !important;
    height: 24px !important;
    overflow: hidden !important;
    margin: 6px 0 !important;
}
.pulse-wave-svg {
    width: 100% !important;
    height: 100% !important;
}

/* Balance horizontal stats grid data positioning */
.live-pulse-stats {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 4px !important;
    gap: 8px !important;
}
.live-pulse-stats > div {
    flex: 1 !important;
    color: #555555 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
.live-pulse-stats strong {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    display: block !important;
    margin-bottom: 2px !important;
}

/* Force all text widgets inside the Third column to lose their massive Elementor margins */
.cta-banner-row > .e-con:nth-child(3) .elementor-widget-container,
.cta-banner-row > .elementor-widget-wrap > .e-con:nth-child(3) .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* Re-apply balanced vertical alignment structure */
.cta-banner-row > .e-con:nth-child(3) {
    justify-content: space-evenly !important; 
    align-items: flex-start !important;
    gap: 0px !important; 
    padding-top: 20px !important; 
}


/* ==========================================================
   LIVE PULSE STRICTOR RED COLOR ACCENT ENGINE
   ========================================================== */

/* Flashing Live Badge Pill Box - Neon Red Override */
.live-pulse-badge {
    background: rgba(255, 30, 30, 0.15) !important;
    border: 1px solid #ff1e1e !important;
    color: #ff1e1e !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
    padding: 6px 18px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    opacity: 1 !important;
}

/* Glowing Neon Dot pulsing keyframe loop */
.live-pulse-dot {
    width: 5px !important;
    height: 5px !important;
    background-color: #ff1e1e !important;
    border-radius: 50% !important;
    display: inline-block !important;
    opacity: 1 !important;
    animation: strictDotGlow 1.2s infinite ease-in-out !important;
}

@keyframes strictDotGlow {
    0% { transform: scale(0.9); opacity: 0.6; box-shadow: 0 0 0 0 rgba(255, 30, 30, 0.7); }
    50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 10px 3px rgba(255, 30, 30, 0.9); }
    100% { transform: scale(0.9); opacity: 0.6; box-shadow: 0 0 0 0 rgba(255, 30, 30, 0); }
}

/* Live Pulse Section Header Title Label */
.live-pulse-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

/* Subtitle contextual info label - True Neon Red */
.live-pulse-subtitle {
    color: #ff1e1e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    margin: 4px 0 12px 0 !important;
    opacity: 1 !important;
}

/* Animated SVG heartbeat wave to maximum brightness and glow */
.pulse-wave-front {
    fill: none !important;
    stroke: #ff1e1e !important;
    stroke-width: 2.2px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-dasharray: 600 !important;
    stroke-dashoffset: 600 !important;
    opacity: 1 !important;
    animation: heartbeatSignalRun 4s linear infinite !important;
    filter: drop-shadow(0px 0px 6px rgba(255, 30, 30, 0.95)) !important;
}

/* Background Wave Trace line color */
.pulse-wave-back {
    fill: none !important;
    stroke: rgba(255, 30, 30, 0.25) !important;
    stroke-width: 1.5 !important;
    opacity: 1 !important;
}

@keyframes heartbeatSignalRun {
    0% { stroke-dashoffset: 600; }
    100% { stroke-dashoffset: 0; }
}



/* ==========================================================
   AF5 INSIDER SECTION STYLES
   ========================================================== */


/* Prevent page clipping */
.af5-insider-section {
  background-color: #030305;
  color: #ffffff;
  padding: 30px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
}

/* Header Formatting */
.af5-insider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 24px;
}

.af5-insider-header h2 {
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}

.af5-insider-header .subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin: 4px 0 0 0;
}

.header-center {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.pill-tag {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
}

.view-all-link {
  color: #a855f7;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.5px;
}

/* Container Wrapper: Scrollable without visible scrollbar */


.vip-sash {
  position: absolute;
  top: 18px;
  left: -32px;
  background: linear-gradient(90deg, #d39e33, #fbe395);
  color: #000;
  font-weight: 800;
  font-size: 10px;
  padding: 4px 30px;
  transform: rotate(-45deg);
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  z-index: 2;
}

.vip-top-badge {
  display: inline-block;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(223, 178, 73, 0.6);
  color: rgb(255, 219, 81);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  margin-left: 30px;
}

.vip-seal-logo {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(223, 178, 73, 0.8);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  background: rgba(0, 0, 0, 0.4);
}

.vip-seal-logo span { font-size: 6px; color: rgb(223, 178, 73); letter-spacing: 0.5px; }
.vip-seal-logo strong { font-size: 14px; color: #fff; font-weight: 900; }

.vip-title {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 4px 0;
  letter-spacing: 0.5px;
}

.vip-desc {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 20px 0;
}

.vip-primary-btn {
  display: block;
  background: transparent;
  border: 1px solid rgba(223, 178, 73, 0.8);
  color: rgb(255, 219, 81);
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 10px;
  transition: all 0.2s;
}

.vip-primary-btn:hover {
  background: rgb(223, 178, 73);
  color: #000;
}

.insider-move-box {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(223, 178, 73, 0.4);
  border-radius: 6px;
  padding: 8px;
}

.move-title { font-size: 9px; color: rgb(223, 178, 73); font-weight: 700; display: block; }
.move-text { font-size: 10px; color: #fff; display: block; margin-top: 2px; }

.vip-script-logo {
  font-family: 'Brush Script MT', cursive, sans-serif;
  color: rgb(223, 178, 73);
  font-size: 22px;
  margin-top: 10px;
}

/* Right Tip Cards Row Container */
.insider-tips-wrapper {
  display: flex !important;
  gap: 12px !important;
  flex: 1 0 auto !important;
}

/* Individual Tip Cards */
.tip-card {
  flex: 0 0 145px !important;
  width: 145px !important;
  background: #09080e;
  border-radius: 12px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  transition: transform 0.25s ease;
}

.tip-card:hover { transform: translateY(-4px); }

.tip-tag {
  font-size: 9px;
  font-weight: 800;
  color: rgba(255, 255, 255);
  letter-spacing: 0.5px;
  text-align: center;
}

.tip-icon-wrap {
  width: 50px;
  height: 50px;
  margin: 14px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tip-icon-wrap svg { width: 36px; height: 36px; }

.p-icon {
  width: 36px;
  height: 36px;
  border: 2px solid #38bdf8;
  border-radius: 50%;
  color: #38bdf8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
}

.tip-title {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px 0;
  text-align: center;
}

.tip-value {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 6px;
}

.tip-desc {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin: 0 0 14px 0;
  line-height: 1.3;
}

.tip-bottom-badge {
  font-size: 8px;
  font-weight: 700;
  padding: 5px 4px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid;
}

/* Color Variant Themes */
.card-purple { border: 1.5px solid rgba(168, 85, 247, 0.4); }
.purple-text { color: #a855f7; }
.purple-badge { border-color: rgba(168, 85, 247, 0.4); color: #a855f7; background: rgba(168, 85, 247, 0.08); }
.card-purple svg { stroke: #a855f7; filter: drop-shadow(0 0 6px rgba(168, 85, 247, 0.5)); }

.card-blue { border: 1.5px solid rgba(56, 189, 248, 0.4); }
.blue-text { color: #38bdf8; }
.blue-badge { border-color: rgba(56, 189, 248, 0.4); color: #38bdf8; background: rgba(56, 189, 248, 0.08); }

.card-magenta { border: 1.5px solid rgba(236, 72, 153, 0.4); }
.magenta-text { color: #ec4899; }
.magenta-badge { border-color: rgba(236, 72, 153, 0.4); color: #ec4899; background: rgba(236, 72, 153, 0.08); }
.card-magenta svg { stroke: #ec4899; filter: drop-shadow(0 0 6px rgba(236, 72, 153, 0.5)); }

.card-cyan { border: 1.5px solid rgba(6, 182, 212, 0.4); }
.cyan-text { color: #06b6d4; }
.cyan-badge { border-color: rgba(6, 182, 212, 0.4); color: #06b6d4; background: rgba(6, 182, 212, 0.08); }
.card-cyan svg { stroke: #06b6d4; filter: drop-shadow(0 0 6px rgba(0, 182, 212, 0.5)); }

.card-gold { border: 1.5px solid rgba(223, 178, 73, 0.4); }
.gold-text { color: rgb(223, 178, 73); }
.gold-badge { border-color: rgba(223, 178, 73, 0.4); color: rgb(223, 178, 73); background: rgba(223, 178, 73, 0.08); }
.card-gold svg { stroke: rgb(223, 178, 73); filter: drop-shadow(0 0 6px rgba(223, 178, 73, 0.5)); }





/* ==========================================================
   AF5 INSIDER: WRAPPING GRID RESPONSIVE STYLES
   ========================================================== */
   
 .tip-card.card-purple {
    background-image: url('https://af5now.com/wp-content/uploads/2026/08/vip_card_bg-purple.jpeg');
    background-size: 100% 50% !important; /* Spans 100% width, exactly 50% height */
    background-position: top center !important; /* Pins image to the top */
    background-repeat: no-repeat !important; /* Prevents image from repeating below 50% */
}

.tip-card.card-blue {
    background-image: url(https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-blue.webp);
    background-size: 100% 50% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

.tip-card.card-magenta {
    background-image: url(https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-pink.webp);
    background-size: 100% 50% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

.tip-card.card-cyan {
    background-image: url(https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-cyan.webp);
    background-size: 100% 50% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}  

.tip-card.card-gold {
    background-image: url(https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-clean.webp);
    background-size: 100% 50% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Main Container - Allows elements to wrap naturally */
.af5-insider-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Featured VIP Card - Fixed sizing with wrapping flex */
.vip-feature-card {
  position: relative !important;
  flex: 0 0 300px !important;
  max-width: 300px !important;
  min-height: 380px !important;
  border-radius: 14px;
  background: url('https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-clean.webp') center/cover;
  border: 2px solid rgb(223, 178, 73);
  box-shadow: 0 0 20px rgba(223, 178, 73, 0.25);
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Tip Wrapper - Wraps items flexibly across screen sizes */
.insider-tips-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  flex: 1 1 500px !important; /* Forces row wrap when space drops below ~800px */
  gap: 12px !important;
}

/* Individual Tip Cards - Fluid sizing so wrapped cards expand evenly */
.tip-card {
  flex: 1 1 140px !important;
  min-width: 140px !important;
  background: #09080e;
  border-radius: 12px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

/* ----------------------------------------------------------
   MEDIA QUERIES FOR EXACT BREAKPOINTS
   ---------------------------------------------------------- */

/* Tablet View (Under 1100px down to 768px): Wraps cards onto Row 2 */
@media screen and (max-width: 1100px) {
  .vip-feature-card {
    flex: 0 0 280px !important;
    max-width: 280px !important;
  }
  
  .tip-card {
    flex: 1 1 30% !important; /* Displays a clean 3-card layout per row */
  }
}

/* Small Tablet & Large Mobile (Under 768px) */
@media screen and (max-width: 768px) {
  .af5-insider-grid {
    flex-direction: column !important;
  }

  /* VIP Card goes full width at top */
  .vip-feature-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .insider-tips-wrapper {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  .tip-card {
    flex: 1 1 45% !important; /* Displays 2 cards per row on mobile */
  }
}

/* Mobile Portrait (Under 480px) */
@media screen and (max-width: 480px) {
  .tip-card {
    flex: 1 1 100% !important; /* Stack single column on tiny screens */
  }
}

/* ==========================================================
   AF5 INSIDER SECTION STYLES END
   ========================================================== */

   /* ==========================================================
   HERO MEDIA QUERRIES START
   ========================================================== */
@media (max-width: 325px) { 
  
	a.af5-premium-crown-btn {
		padding: 10px 4px !important;
		gap: 5px !important;
	}
	
	.elementor .e-button-base {
    padding-block-start: 5px;
    padding-block-end: 5px;
    padding-inline-start: 5px;
    padding-inline-end: 5px;
	}
	
	 .elementor-element-2f83ff9 {
    background-image: url('https://af5now.com/wp-content/uploads/2026/07/AF5_Header_305x326.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    }
	.af5-hero-title-container .hero-title {
		font-size: 25px !important;
		padding-bottom: 13px;
	}

}


@media (max-width: 480px) { 
	.elementor-element-2f83ff9 {
    background-image: url('https://af5now.com/wp-content/uploads/2026/07/AF5_Header_465x320.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    }
	
	.elementor .e-c7eb2f9-057caf3 {
    width: 70% !important;
	}
	
	.elementor .e-a43b8ed-0734563 {
    width: 100%;
	}
	
	#premium-title-box {
    display: block !important;
	}
	
	h2.e-1c50dd8-9d2de4d.e-heading-base {
    text-align: -webkit-center;
    }
	
	.elementor .e-8126a5d-7c930a5 {
    text-align: -webkit-center;
    padding-top: 5px;
	}
	
	.elementor .e-d5d0e6c-505c63e, .elementor .e-943df3e-b3379bc, .elementor .e-d6aa567-f880634, .elementor .e-a0d3799-48fbe27, .elementor .e-e2f4b5e-1ddf7da, .elementor .e-9fc78ed-471ad13, .elementor .e-b107090-e18326f, .elementor .e-366551d-0a378c3  {
    text-align: -webkit-center;
	}

}

@media (max-width: 600px) {
	.elementor-element-2f83ff9 {
    background-image: url('https://af5now.com/wp-content/uploads/2026/07/AF5_Header_585x320.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    }
	.elementor .e-c7eb2f9-057caf3 {
    width: 50%;
	}
	
	p.e-8a104b3-7879ad0.e-paragraph-base {
    width: 100%;
	}
	
/* 1. Stack inner containers vertically and center them */
  .elementor-element-5e13031,
  .elementor-element-5e13031 .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* 2. Center child elements, images, and text wrappers */
  .elementor-element-5e13031 .elementor-widget-image,
  .elementor-element-5e13031 .elementor-widget-text-editor,
  .elementor-element-5e13031 p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 3. Center horizontal link rows (Houston, Dallas, Atlanta / Links / Socials) */
  .elementor-element-5e13031 .e-con,
  .elementor-element-5e13031 .e-flex {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .elementor .e-1c50dd8-9d2de4d {
    padding-left: 5px;
    font-size: 16px;
  }

}	

@media (max-width: 800px) { 

	.elementor-element-2f83ff9 {
    background-image: url('https://af5now.com/wp-content/uploads/2026/07/AF5_Header_785x363.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    }
	
  /* Ensure the parent container allows items to wrap */
  .trust-banner-container, 
  .trust-banner-container .e-con-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Force the parent column/widget of each icon box to handle the layout */
  .trust-banner-container .trust-badge {
    box-sizing: border-box;
  }

  /* 1st, 2nd, and 3rd items take full width (stacked on top) */
  .trust-banner-container .trust-badge:nth-child(1),
  .trust-banner-container .trust-badge:nth-child(2),
  .trust-banner-container .trust-badge:nth-child(3) {
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* 4th and 5th items go to the bottom row, side-by-side (or auto-centered) */
  .trust-banner-container .trust-badge:nth-child(4),
  .trust-banner-container .trust-badge:nth-child(5) {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 10px !important; /* Adjust spacing between 4th and 5th items */
  }
  
  /* 1. Center the flex layout alignment */
  .cta-banner-row > .e-con:nth-child(3),
  .elementor-element-ec311e9 {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* 2. Center inner items, badges, and text blocks */
  .elementor-element-ec311e9 .e-con,
  .elementor-element-ec311e9 .e-con-inner,
  .elementor-element-ec311e9 * {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* 1. Center the main card container */
  .elementor-element-12cccb7,
  .cta-banner-row > .e-con:nth-child(1) {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* 2. Center the custom HTML inner wrappers */
  .elementor-element-12cccb7 .plan-night-master-engine,
  .elementor-element-12cccb7 .plan-night-card {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 3. Center the text content alignment inside the card */
  .elementor-element-12cccb7 .plan-night-text-content {
    text-align: center !important;
    align-items: center !important;
  }
  
    /* VIP Card goes full width at top */
  .vip-feature-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }




}







   /* ==========================================================
   HERO MEDIA QUERRIES END
   ========================================================== */




/* ==========================================================
   FOOTER NAVIGATION DESKTOP DESIGN LAYOUT ENGINE
   ========================================================== */
footer.footer {
    background: #000000 !important;
}
/* ==========================================================
   DYNAMIC 50% ELEMENTOR COLUMN ALIGNMENT SYSTEM
   ========================================================== */

/* Overrides default column spacing rules and locks item strictly to the center track */
.custom-footer-nav-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Internal formatting controller */
.custom-footer-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100% !important;
}

/* Rows display settings */
.custom-footer-nav .nav-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Prevents unwanted early breaking inside the 50% box */
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Standard design spacing alignments */
.custom-footer-nav .locations-row {
    gap: 28px !important;
}
.custom-footer-nav .pages-row {
    gap: 24px !important;
}

/* Universal text link layout style parameters */
.custom-footer-nav .nav-row a {
    color: #a5a5a5 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    transition: color 0.2s ease-in-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important; /* Prevents text stack loops */
}

.custom-footer-nav .nav-row a:hover {
    color: #ffffff !important;
}

/* ==========================================================
   MAP PIN STYLING & POSITION SPECIFICATIONS
   ========================================================== */

.custom-footer-nav .location-link {
    color: #a855f7 !important; /* Premium Violet Glow */
    font-weight: 600 !important;
    font-size: 12px !important;
}

.custom-footer-nav .location-pin-svg {
    width: 12px !important;
    height: 12px !important;
    margin-right: 5px !important;
    display: inline-block !important;
    fill: #a855f7 !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}




/* ==========================================================
    START AF5 PREMIUM SPOTLIGHT CARD RESTRUCTURE (ALTERNATE TEMPLATE) 6-27-2006
   ========================================================== */




/* ==========================================================
   END AF5 PREMIUM SPOTLIGHT CARD RESTRUCTURE (ALTERNATE TEMPLATE) 6-27-2006
   ========================================================== */