/*
Theme Name: SMK Modern Theme
Author: Sunarno
Description: Tema modern dan canggih untuk SMK. Dilengkapi fitur PPDB Online, Galeri Foto/Video, Bursa Kerja (BKK), Data Guru, Jurusan, dan Halaman Login Kustom dengan Efek Interaktif.
Version: 1.0.0
Tags: education, school, smk, ppdb, gallery, clean, modern
*/

/* WordPress Core Alignments */
.alignright {
    float: right;
    margin-left: 1.5em;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Navigation Dropdown Logic */
.menu-item-has-children {
    position: relative;
}

.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    min-width: 200px;
    background: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 0.5rem;
    padding: 0.5rem 0;
    margin-top: 0.5rem;
}

.menu-item-has-children:hover>.sub-menu {
    display: block;
}

/* Sub-submenu (Level 3+) */
.sub-menu .menu-item-has-children .sub-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0.5rem;
}

/* Mobile Submenu Styling Adjustments */
@media (max-width: 768px) {
    .menu-item-has-children .sub-menu {
        position: static;
        box-shadow: none;
        padding-left: 1rem;
        background: transparent;
    }
}

.nav-links .dots {
    border: none;
    background: transparent;
}

/* Aspect Ratio Utilities (if Tailwind plugin missing) */
.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden;
}

.aspect-w-16 iframe,
.aspect-w-16 video,
.aspect-w-16 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Marquee Animation */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    animation: marquee 25s linear infinite;
    width: max-content;
    /* Ensure container is wide enough */
}

.animate-marquee:hover {
    animation-play-state: paused;
}