/* Custom Styles for 二升五合 LP */

/* General settings */
html {
    scroll-behavior: smooth;
}

/* Typography fine-tuning */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Parallax Effect */
.parallax-bg {
    background-attachment: fixed;
}

@media (max-width: 1024px) {
    .parallax-bg {
        background-attachment: scroll;
        /* Disable parallax on touch devices for performance */
    }
}

/* Swiper height adjustments */
.fvSwiper .swiper-slide img {
    height: auto;
    max-height: 90vh;
    /* Prevent excessive height on ultra-wide screens */
    object-fit: cover;
    width: 100%;
}

.gallerySwiper .swiper-slide {
    width: 300px;
}

@media (max-width: 768px) {
    .gallerySwiper .swiper-slide {
        width: 100%;
    }
}

/* Scroll button visibility */
#back-to-top.show {
    display: flex;
    opacity: 1;
}

/* Horizontal spacing between sections */
section {
    width: 100%;
}

/* Image behavior: no extra rounded corners or shadows by default */
img {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* No copy / right click protection (CSS side) */
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Swiper Customization */
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
}

.swiper-pagination-bullet-active {
    background: #4a3728 !important;
}

/* Mobile Link Styles */
.mobile-link {
    transition: color 0.3s ease;
}

/* Responsive Utilities */
.mobile-only {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }
}

/* ============================================================
   GLightbox - Professional Gallery Styling
   ============================================================ */

/* Theme matching for GLightbox icons and colors */
.gclose,
.gnext,
.gprev {
    background-color: rgba(197, 160, 89, 0.8) !important;
    /* wa-gold with opacity */
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.gclose:hover,
.gnext:hover,
.gprev:hover {
    background-color: #4a3728 !important;
    /* wa-brown */
    transform: scale(1.1);
}

.gclose svg,
.gnext svg,
.gprev svg {
    color: #ffffff !important;
    width: 24px !important;
    height: 24px !important;
}

/* Ensure the caption uses the site's serif font */
.gcaption-text {
    font-family: '"Noto Serif JP"', serif !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: 1.1rem !important;
}

/* Base override to ensure perfect centering and no jumping */
.glightbox-container {
    background: rgba(0, 0, 0, 0.95) !important;
}

.gslide-image img {
    border: 4px solid #fff !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) !important;
}

/* Smooth Ticker Effect */
.gallerySwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}