:root
{
    --mcc-primary:#1a5f7a;
    --mcc-primary-dark:#0d3c4f;
    --mcc-accent:#ffd166;
    --mcc-light:#f8f9fa;
    --mcc-dark:#2d3436;
    --mcc-card-shadow:0 10px 20px rgba(0, 0, 0, 0.1);
    --mcc-border-radius:12px;
    --mcc-gap:25px;
    --mcc-height:450px;
    --mcc-transition:all var(--animation-speed, 0.5s) cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.mcc-ceremony-container
{
    width:100%;
    max-width:1400px;
    margin:5px auto;
    direction:rtl;
    padding:0 20px
}
.mcc-section-header
{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin-bottom:30px;
    padding-bottom:5px;
    border-bottom:3px solid rgb(64 66 66 / .3)
}
.mcc-section-title
{
    font-size:1.8rem;
    margin:0;
    color:var(--mcc-dark)
}
.mcc-view-all
{
    font-size:1rem;
    color:var(--mcc-primary);
    text-decoration:none;
    transition:color 0.3s ease
}
.mcc-view-all:hover
{
    color:var(--mcc-primary-dark)
}
.mcc-cards-grid
{
    display:grid;
    gap:var(--mcc-gap);
    animation:mccFadeInUp 0.6s ease-out
}
@media (min-width:1200px)
{
    .mcc-cards-grid
{
    grid-template-columns:repeat(4,1fr)
}

}
@media (min-width:992px) and (max-width:1199px)
{
    .mcc-cards-grid
{
    grid-template-columns:repeat(3,1fr)
}

}
@media (min-width:768px) and (max-width:991px)
{
    .mcc-cards-grid
{
    grid-template-columns:repeat(2,1fr)
}

}
@media (max-width:767px)
{
    .mcc-cards-grid
{
    grid-template-columns:1fr;
    max-width:400px;
    margin:0 auto
}

}
.mcc-card
{
    position:relative;
    height:var(--mcc-height);
    border-radius:var(--mcc-border-radius);
    overflow:hidden;
    box-shadow:var(--mcc-card-shadow);
    cursor:pointer
}
.mcc-card:nth-child(1)
{
    animation-delay:0.1s
}
.mcc-card:nth-child(2)
{
    animation-delay:0.2s
}
.mcc-card:nth-child(3)
{
    animation-delay:0.3s
}
.mcc-card:nth-child(4)
{
    animation-delay:0.4s
}
.mcc-card-inner
{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
.mcc-card-inner::before
{
    content:'';
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border:2px solid rgb(255 255 255 / .4);
    border-radius:8px;
    z-index:2;
    transition:var(--mcc-transition)
}
.mcc-card:hover .mcc-card-inner::before
{
    border-color:var(--mcc-accent);
    box-shadow:0 0 0 1px rgb(255 209 102 / .3)
}
.mcc-card-image
{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:var(--mcc-transition);
    filter:brightness(.95) contrast(1.05)
}
.mcc-card:hover .mcc-card-image
{
    transform:scale(1.08);
    filter:brightness(1.05) contrast(1.1)
}
.mcc-no-image
{
    background:linear-gradient(135deg,var(--mcc-primary),var(--mcc-primary-dark));
    display:flex;
    align-items:center;
    justify-content:center
}
.mcc-image-placeholder
{
    color:rgb(255 255 255 / .7);
    font-size:3rem
}
.mcc-card-overlay
{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    padding:20px;
    background:linear-gradient(to top,rgb(5 17 22 / .95) 0%,rgb(13 60 79 / .9) 100%);
    color:var(--mcc-light);
    z-index:3
}
.mcc-card-title
{
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:12px;
    text-align:center;
    line-height:1.4;
    position:relative;
    padding-bottom:12px
}
.mcc-card-title::after
{
    content:'';
    position:absolute;
    bottom:0;
    right:30%;
    left:30%;
    height:3px;
    background:var(--mcc-accent);
    border-radius:2px
}
.mcc-card-title a
{
    color:inherit;
    text-decoration:none
}
.mcc-card-title a:hover
{
    color:var(--mcc-accent)
}
.mcc-card-meta
{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:15px
}
.mcc-card-date
{
    font-size:.95rem;
    background:rgb(255 255 255 / .15);
    padding:8px 15px;
    border-radius:10px
}
.mcc-card-author
{
    display:flex;
    align-items:center;
    gap:10px
}
.mcc-author-avatar
{
    width:35px;
    height:35px;
    border-radius:50%;
    overflow:hidden;
    border:2px solid var(--mcc-accent)
}
.mcc-author-avatar img
{
    width:100%;
    height:100%;
    object-fit:cover
}
.mcc-author-name
{
    font-size:.9rem
}
.mcc-card::before,.mcc-card::after
{
    content:'';
    position:absolute;
    width:40px;
    height:40px;
    z-index:4
}
.mcc-card::before
{
    top:15px;
    right:15px;
    border-top:2px solid var(--mcc-accent);
    border-right:2px solid var(--mcc-accent);
    border-radius:0 var(--mcc-border-radius) 0 0
}
.mcc-card::after
{
    bottom:15px;
    left:15px;
    border-bottom:2px solid var(--mcc-accent);
    border-left:2px solid var(--mcc-accent);
    border-radius:0 0 0 var(--mcc-border-radius)
}
@keyframes mccFadeInUp
{
    from
{
    opacity:0;
    transform:translateY(20px)
}
to
{
    opacity:1;
    transform:translateY(0)
}

}
.mcc-no-posts
{
    text-align:center;
    padding:40px;
    background:var(--mcc-light);
    border-radius:var(--mcc-border-radius);
    color:var(--mcc-dark);
    font-size:1.1rem;
    margin:30px 0
}
@media (max-width:992px)
{
    .mcc-card
{
    height:420px
}
.mcc-card-overlay
{
    padding:15px
}
.mcc-card-title
{
    font-size:1.2rem
}

}
@media (max-width:768px)
{
    .mcc-card
{
    height:380px
}
.mcc-card-overlay
{
    padding:12px
}
.mcc-card-title
{
    font-size:1.1rem
}
.mcc-card-date
{
    font-size:.85rem;
    padding:6px 12px
}
.mcc-author-avatar
{
    width:30px;
    height:30px
}
.mcc-card::before,.mcc-card::after
{
    width:30px;
    height:30px
}

}
@media (max-width:480px)
{
    .mcc-section-header
{
    flex-direction:column;
    align-items:flex-start;
    gap:10px
}
.mcc-view-all
{
    align-self:flex-end
}

}