/*
Theme Name: 더빛나는파티 (More Shiny Party)
Theme URI: https://moreshinyparty.com
Author: 더빛나는파티
Author URI: https://moreshinyparty.com
Description: 학교행사·기업행사 풍선장식 및 포토존 제작 전문 워드프레스 테마.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moreshiny-party
*/

/* === Hero Slider (JS-driven state) === */
.hero-slider { position: relative; overflow: hidden; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; }
.hero-slide.active { opacity: 1; position: relative; }

/* === Lightbox === */
.lightbox { display: none; }
.lightbox.active { display: flex; }

/* === Mobile Menu State === */
.mobile-overlay.active { opacity: 1 !important; visibility: visible !important; }
.mobile-menu.open { right: 0 !important; }
.menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* === Event Tabs === */
.event-content { display: none; }
.event-content.active { display: block; }

/* === WP Menu item active state === */
.current-menu-item > a > span,
.current-menu-item > a { color: #2d5016 !important; background: #eef2ea !important; }
.mobile-menu .current-menu-item > a { color: #2d5016 !important; font-weight: 600; }

/* === Mobile menu links === */
.mobile-menu .menu-item a {
    display: block; padding: 14px 16px; font-size: 0.95rem;
    border-bottom: 1px solid #f3f4f6; color: #374151; transition: 0.2s;
}
.mobile-menu .menu-item a:hover { color: #2d5016; background: #f4f7f1; }

/* === Animations === */
.animate-on-scroll { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
.animate-on-scroll.visible { opacity: 1; transform: translateY(0); }

/* === Masonry Gallery === */
.masonry-gallery { columns: 3; column-gap: 16px; }
.masonry-gallery .gallery-item { break-inside: avoid; margin-bottom: 16px; }
@media(max-width:768px) { .masonry-gallery { columns: 2; column-gap: 10px; } }
@media(max-width:480px) { .masonry-gallery { columns: 1; } }

/* === Scrollbar === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c8d5bb; border-radius: 3px; }

/* === Print === */
@media print {
    .site-header, .floating-buttons, .floating-badge, .site-footer, .lightbox { display: none !important; }
    main { padding-top: 0 !important; }
}