/*
Theme Name: قالب وبسایت نماز جمعه
Author: devmmk
Description: A WordPress theme for the Friday Prayer website.
Version: 1.0
*/

#site-hero{
    max-width: 1380px;
    margin: auto;
}

@media (min-width: 1024px) {
    .header-max-height {
        max-height: 550px !important;
    }
}
@media (max-width: 1024px) {
    .header-notice{
        height: 665px !important;
    }
    .mobile-hidden{
        display: none;
    }
    .mobile-w-90{
        width: 90% !important;
    }
}

.show-more{
    height: 50px!important;
    z-index: 49;
}

.show-more-img{
    height: 100%;
}

.show-more-btn{
    z-index: 100;
}

.show-more-btn a{
    margin: 0;
}

.primary-btn{
    background: var(--color-blue-500);
    color: var(--color-white);
    border-radius: 10px;
}


.max-w-\[1280px\] {
    max-width: 1280px;
}

.gap-12 {
    gap: calc(var(--spacing) * 12);
}


.lg\:grid-cols-7 {
    @media (width >= 64rem) {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .lg-w-1-3 {
        width: 33%;
    }
}

@media (min-width: 1024px) {
    .w-full-important {
        width: 100% !important;
    }
}

.w-90{
    width: 90%;
}

.mw-40{
    max-width: 40%;
}

.w-\[20\%\] {
    width: 20%;
}
.w-\[25\%\] {
    width: 25%;
}
.w-\[40\%\] {
    width: 40%;
}
.w-\[50\%\] {
    width: 50%;
}
.w-\[100\%\] {
    width: 100%;
}

.fs-120{
    font-size: 120%;
}

.min-w-50-px{
    min-width: 50px;
}

.cursor-pointer{
    cursor: pointer !important;
}

.media-animation {
    display: inline-block;         /* برای transform بهتر */
    transition: transform 0.3s ease, filter 0.3s ease; /* انیمیشن نرم */
    cursor: pointer;               /* اشاره‌گر موس */
}

.media-animation:hover {
    transform: translateY(-8px);   /* کمی بالا می‌رود */
    filter: brightness(1.1);       /* کمی روشن‌تر می‌شود */
}