/*
 Theme Name:   Ephrata Wrestling (Astra Child)
 Theme URI:    https://wpastra.com/
 Description:  A custom child theme for the Ephrata Wrestling website, built on Astra.
 Author:       Your Name Here
 Author URI:   https://yourwebsite.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, custom-menu, tailwind-css
 Text Domain:  ephrata-wrestling
*/

/* This file is mostly for theme declaration.
We'll load Tailwind and any custom styles via functions.php to keep things clean.
*/

/* Small style for the dropdown arrow, since this is simple */
.has-sub > a {
    position: relative;
    padding-right: 14px;
}
.has-sub > a::after {
    content: '▼';
    font-size: 0.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}
.has-sub:hover > a::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Mobile menu open state */
.mobile-nav-open {
    transform: scaleY(1) !important;
    opacity: 1 !important;
}

/* Styles for the schedule tabs */
.schedule-tab.is-active {
    background-color: white;
    color: #4B2E83; /* primary */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.schedule-tab {
    color: #4B2E83; /* primary */
}
.schedule-pane {
    display: none;
}
.schedule-pane.is-active {
    display: block;
}

/* Style for the embedded schedules */
.schedule-embed {
    border: 1px solid #e5e7eb; /* border-gray-200 */
    width: 100%;
    height: 600px;
    border-radius: 1rem; /* rounded-2xl */
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-xl */
}