/*
Theme Name:  myCard.golf
Theme URI:    https://mycard.golf
Description:  Hello Elementor Child Theme for mycard.Golf
Author:       KTG
Author URI:   https://kingmantechnology.com
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  golfonthefly
*/

/* =========================================================
   FIX FOR EMBEDDED EVENTS ON SINGLE EVENT PAGE
   Forces 200px height and 10px border radius on feature images
   ========================================================= */

/* Target the wrapper */
.single-tribe_events .tribe-events-calendar-list__event-featured-image-wrapper,
.elementor-page .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-events-calendar-list__event-featured-image-wrapper {
    overflow: hidden !important;
    border-radius: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

/* Target the image */
.single-tribe_events .tribe-events-calendar-list__event-featured-image,
.elementor-page .tribe-events-calendar-list__event-featured-image,
.tribe-events-calendar-list__event-featured-image {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
    max-width: 100% !important;
}

/* =========================================================
   REMOVE WIRE BORDERS FROM EVENT NAVIGATION
   User request: Remove borders from Today, View Selector, and Pagination buttons
   ========================================================= */

/* Top Bar: Today Button */
.tribe-events-c-top-bar__today-button,
/* Top Bar: View Selector (Upcoming) */
.tribe-events-c-view-selector__button,
/* Pagination: Next/Prev Buttons */
.tribe-events-c-nav__prev,
.tribe-events-c-nav__next {
    border: none !important;
    background: transparent !important; /* Ensure no background creates a box effect */
}

/* =========================================================
   APP MODE - HYBRID APP CONDITIONING
   Hides website chrome (header, footer, admin bar) when ?app_mode=1
   Crucial for passing App Store review (Native Feel)
   ========================================================= */

body.app-mode #wpadminbar,
body.app-mode .site-header,
body.app-mode .site-footer,
body.app-mode .elementor-location-header,
body.app-mode .elementor-location-footer,
body.app-mode footer,
body.app-mode header {
    display: none !important;
}

body.app-mode {
    margin-top: 0 !important; /* Remove gap from hidden admin bar */
    padding-top: env(safe-area-inset-top); /* Respect iOS safe area */
    background-color: var(--bg-elev, #fff); /* Ensure background is solid */
}