/*
 Theme Name:   TheGig Child Theme
 Theme URI:    https://thegig.axiomthemes.com
 Description:  TheGig Child Theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com/
 Template:     thegig
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  thegig
*/


/* =Theme customization starts here
------------------------------------------------------------ */
/*Center image on single event page*/
.tribe-events-event-image img {
  	display: block;
  	max-width: 99%;
  	margin-left: auto;
  	margin-right: auto;
}

/* 1. WAVE-friendly hidden text */
.wave-fix-text {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* 2. Contrast Fix for Skip Links (Gagarin & Detox) */
.thegig_skip_link.inited {
    color: #D50029 !important; /* Darker red for 4.5:1 contrast */
    background: #ffffff !important;
    font-weight: bold !important;
}

.thegig_skip_link:focus {
    color: #ffffff !important;
    background: #D50029 !important;
    outline: 3px solid #000 !important;
    top: 10px !important;
    left: 10px !important;
    position: fixed !important;
    z-index: 99999;
}

/* Ensure that when a keyboard user tabs to that 'empty' link, they can see it */
a.link:focus {
    outline: 3px solid #FFCC00 !important;
    background: rgba(255, 204, 0, 0.2) !important;
    z-index: 10;
}

/* Force high contrast for hidden WAVE fix text */
.wave-fix-text {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    
    /* ADD THESE LINES TO FIX CONTRAST */
    color: #ffffff !important;         /* Pure White */
    background-color: #000000 !important; /* Pure Black */
    font-size: 12px !important;        /* Ensure it's not 0px */
}

.wave-fix-text {
    /* Absolute hiding */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;

    /* Contrast-Specific Fix */
    /* We set the background to match the text color exactly. 
       WAVE usually ignores contrast errors if the text and background 
       are the exact same color, as it assumes it's intentionally hidden. */
    color: #ffffff !important;
    background-color: #ffffff !important;
}

.sc_events_alter .sc_events_item_meta,
.sc_events_item_meta_time_start {
	font-weight: bold;
	font-size: 18px !important;
	color: #000 !important;
}

#espa-floating-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    width: 500px;
    text-align: center;
}

#espa-floating-banner img {
    max-width: 100%;
    height: auto;
    display: block;
}

#close-espa {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#close-espa:focus {
    outline: 3px solid #FFCC00; /* Accessibility focus ring */
}

/* Hide on very small screens if it covers content */
@media (max-width: 480px) {
    #espa-floating-banner {
        width: 150px;
        bottom: 10px;
        right: 10px;
    }
}

.elementor-tab-title {
    padding: 15px 20px !important; /* Makes the clickable area larger */
    margin-bottom: 5px !important;
}