/* MEC View Detail button — hover styling */
.mec-wrap .mec-event-footer .mec-booking-button:hover,
.mec-wrap .mec-event-footer .mec-booking-button:focus-visible {
    background-color: #cc5630 !important;
    border-color: #cc5630 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* GI Search — consistent dropdown typography */

.gi-event-search-wrap #gi-event-type,
.gi-event-search-wrap #gi-when,
.gi-event-search-wrap .gi-location-trigger {
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}
/* GI Search — consistent dropdown text colour */
.gi-event-search-wrap #gi-event-type,
.gi-event-search-wrap #gi-when,
.gi-event-search-wrap .gi-location-trigger {
    color: #20242a !important;
}

/* GI: Hide tags on individual MEC event pages */
.single-mec-events .mec-events-meta-group-tags {
    display: none !important;
}

/* GI — Google Maps button in MEC Location sidebar */

/* Hide the generic Website label for Google Maps links */
.mec-single-event .mec-single-event-location
.mec-meta-label:has(+ span a[href*="google.com/maps"]) {
    display: none;
}

/* Style the existing Google Maps link as a button */
.mec-single-event .mec-single-event-location
a[href*="google.com/maps"] {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    font-size: 0 !important;
    line-height: 1.4;
    padding: 13px 20px;
    background-color: #c75b32;
    border-radius: 5px;
    text-decoration: none !important;
    margin-top: 8px;
}

/* Replace the long URL with a readable label */
.mec-single-event .mec-single-event-location
a[href*="google.com/maps"]::after {
    content: "View location \2192";
    display: inline;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
}

/* Hover effect */
.mec-single-event .mec-single-event-location
a[href*="google.com/maps"]:hover {
    background-color: #a94b29;
}


/* GI — Align location button and keep text on one line */

.mec-single-event .mec-single-event-location
a[href*="google.com/maps"] {
    margin-left: -24px;
    width: max-content;
    max-width: none;
    white-space: nowrap;
}


/* GI — Hide Organiser Website in MEC sidebar */

/* Hide the organiser website heading and link */
.mec-single-event .mec-single-event-organizer
dd:has(a.mec-color-hover[href]) {
    display: none !important;
}
/* =====================================================
   THE GRAVEL INDEX
   MEC EVENT SIDEBAR — SITE-WIDE
   Supporting pages and official website button
   ===================================================== */

/* Main MEC information panel */
body.single-mec-events .mec-event-info-desktop {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Supporting pages — remove original panel styling */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-fields.mec-data-fields-sidebar {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 8px 0 12px !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Remove nested container styling */
body.single-mec-events .mec-event-info-desktop
.mec-data-fields-tooltip,
body.single-mec-events .mec-event-info-desktop
.mec-data-fields-tooltip-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide original decorative pseudo-element */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-fields::before {
    display: none !important;
}

/* Supporting-page list */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-items {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Individual supporting-page sections */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-item {
    padding: 16px 0 16px 16px !important;
    margin: 0 !important;
}

/* Dotted separators */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-item + .mec-event-data-field-item {
    border-top: 1px dashed #e2e2e2;
}

/* Supporting-page headings */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-name {
    display: flex !important;
    align-items: center;
    gap: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #111 !important;
    margin: 0 0 8px !important;
}

/* Shared icon styling */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-name::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px 21px;
    -webkit-mask: none !important;
    mask: none !important;
}

/* =====================================================
   GI — MEC SIDEBAR ICONS
   Identify supporting pages by their links
   rather than their position in the list.
   ===================================================== */

/* Travel — Map */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-items > li:first-child.mec-field-item-textarea
.mec-event-data-field-name::before {
    content: "" !important;
    display: inline-block !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C85B32' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E") !important;
}

/* Accommodation — Bed */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-item:has(
    a[href*="-accommodation/"]
)
.mec-event-data-field-name::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C85B32' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18V5M21 18v-7H3v7M3 15h18M5 11V8h14v3M3 18v2M21 18v2'/%3E%3C/svg%3E") !important;
}

/* Rider Information — Wrench */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-item:has(
    a[href*="-rider-information/"],
    a[href*="-rider-services/"]
)
.mec-event-data-field-name::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C85B32' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a5 5 0 0 0-6.4 6.4l-5.6 5.6a2 2 0 0 0 2.8 2.8l5.6-5.6a5 5 0 0 0 6.4-6.4L14 12l-2-2z'/%3E%3C/svg%3E") !important;
}

/* Link alignment — approved 85px */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-value {
    padding-left: 85px !important;
}

body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-value p {
    margin: 0 !important;
}

/* Supporting-page links */
body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-value a {
    color: #C85B32;
    text-decoration: none;
}

body.single-mec-events .mec-event-info-desktop
.mec-event-data-field-value a:hover {
    text-decoration: underline;
}
/* GI – Align website button with View location */
body.single-mec-events .mec-event-info-desktop
.gi-sidebar-official-website {
    margin-left: 49px !important;
    padding-left: 0 !important;
    justify-content: flex-start !important;
}

body.single-mec-events .mec-event-info-desktop
.gi-sidebar-official-website .wp-block-button {
    margin-left: 0 !important;
}
/* GI — MEC Location: remove globe icon */
body.single-mec-events .mec-single-event-location
.mec-location-url > i.mec-sl-sitemap {
    display: none !important;
}

/* Hide the Website label */
body.single-mec-events .mec-single-event-location
.mec-location-url > .mec-meta-label {
    display: none !important;
}

/* Position the location website beneath the location name */
body.single-mec-events .mec-single-event-location
.mec-location-url {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Align the View location button */
body.single-mec-events .mec-single-event-location
.mec-location-url a[href*="google.com/maps"] {
    margin-left: 0 !important;
    margin-top: 0 !important;
}
/* GI — Final alignment of View location button */
body.single-mec-events .mec-single-event-location
.mec-location-url a[href*="google.com/maps"] {
    margin-left: 24px !important;
}