/*
Theme Name: SchoolTheme
Theme URI: https://example.com/school-theme
Author: Antigravity
Author URI: https://example.com
Description: A custom WordPress theme for St. Xavier's International Higher Secondary School.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: school-theme
*/

/* 
 * TAILWIND CSS NOTE:
 * Tailwind is currently loaded via CDN in functions.php for rapid development.
 * For production, this should be replaced with a build process and the output CSS included here.
 */

/* Add any custom CSS overrides below this line */
.admin-bar header.sticky {
    top: 32px;
    /* Adjust sticky header for admin bar */
}

@media screen and (max-width: 782px) {
    .admin-bar header.sticky {
        top: 46px;
    }
}

/* Swiper Customization */
.swiper-button-next,
.swiper-button-prev {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(30, 64, 175, 0.9);
    /* Primary color */
    transform: scale(1.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px !important;
    font-weight: bold;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 5px;
    background-color: #ffffff;
}