/*
Theme Name: Besyar
Theme URI: https://besyar.com
Author: PBDP Co Team
Author URI: https://pbdp.ir
Description: A modern, multi-language WordPress theme for Besyar Design School. Features custom post types for events and courses, ACF integration, RTL support, and SEO optimization.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: besyar
Tags: one-column, custom-menu, custom-logo, editor-style, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* ============================================
   Custom Theme Styles
   ============================================ */

/* Menu Item Hover Effect */
.menu-item:before {
    content: "";
    background-color: var(--color-black);
    width: 0;
    height: 2px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    right: 0.75rem;
}

.menu-item:hover:before {
    width: calc(100% - 1.5rem);
}

/* Hero Parallax */
#hero-scroll-1,
#hero-scroll-2 {
    will-change: transform;
}

/* Gallery Container */
.gallery-container .swiper {
    background-color: var(--color-primary-p-1);
    align-items: center;
    padding: 1.5rem;
    display: flex;
}

.gallery-container .swiper-button-next,
.gallery-container .swiper-button-prev {
    width: 5.25rem;
    height: 5.25rem;
    position: static;
    margin-top: 0 !important;
}

.gallery-container .swiper-slide-fully-visible {
    filter: grayscale();
}

.gallery-container .swiper-slide-fully-visible.swiper-slide-thumb-active {
    filter: grayscale(0);
}

/* Gradient Heading */
.gradient-heading {
    color: #0000;
    background-image: linear-gradient(to left, var(--color-button-500), var(--color-button-400));
    -webkit-background-clip: text;
    background-clip: text;
}

/* Mobile Menu */
#mobile-menu.active {
    bottom: 0;
}

.mobile-menu-item {
    transition: all 0.3s;
}

.mobile-menu-item:hover {
    color: var(--color-button-500);
    padding-right: 1rem;
}

#mobile-menu-toggle {
    transition: transform 0.3s;
}

#mobile-menu-toggle.active {
    transform: rotate(90deg);
}

body.menu-open {
    overflow: hidden;
}

/* Icon System */
.icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
}

.icon-lg {
    width: 2rem;
    height: 2rem;
}

.icon-xl {
    width: 3rem;
    height: 3rem;
}

.icon.icon-2xl {
    width: 5.25rem;
    height: 5.25rem;
}

/* Icon Images */
.icon-glob {
    background-image: url(assets/img/icons/globe.svg);
}

.icon-calendar {
    background-image: url(assets/img/icons/calendar.svg);
}

.icon-location {
    background-image: url(assets/img/icons/location.svg);
}

.icon-home {
    background-image: url(assets/img/icons/home.svg);
}

.icon-arrow-right {
    background-image: url(assets/img/icons/arrow-right.svg);
}

.icon-arrow-left {
    background-image: url(assets/img/icons/arrow-left.svg);
}

.icon-bale {
    background-image: url(assets/img/icons/bale.svg);
}

.icon-instagram {
    background-image: url(assets/img/icons/instagram.svg);
}

.icon-menu {
    background-image: url(assets/img/icons/menu.svg);
}

.icon-close {
    background-image: url(assets/img/icons/close.svg);
    transform: rotate(45deg);
}

.icon-user {
    background-image: url(assets/img/icons/user.svg);
}

.icon-search {
    background-image: url(assets/img/icons/search.svg);
}

.icon-arrow-down {
    background-image: url(assets/img/icons/arrow-down.svg);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .gallery-container .swiper {
        padding: 0.75rem 1.5rem;
    }

    .gallery-container .swiper-button-next,
    .gallery-container .swiper-button-prev {
        width: 3rem;
        height: 3rem;
    }
}

div#wpadminbar ~ header {margin-top: 32px;}