.top-35{
    top: 35% !important;
}

.top-45{
    top: 45% !important;
}

.left-auto{
    left: auto !important;
}

.right-auto{
    right: auto !important;
}

.m-0{
    margin: 0 !important;
}
.m-r-0{
    margin: 0 !important;
}

.left-0{
    left: 0 !important;
}

.right-0{
    right: 0 !important;
}

.nav-pagination span.uc-active {
    background: var(--color-primary, #026496);
    color: white;
}

.nav-pagination span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
}
.uc-drop {
    display: none;
}
[dir="rtl"] .nav-y .uc-parent::after {
    content: "\e942";
}

[dir="rtl"] .nav-y .uc-parent.uc-open::after {
    content: "\e93f";
}

.rounded-media-swiper {
    --rounded-media-radius: 0.5rem;
}

.slider-media-clip {
    border-radius: var(--rounded-media-radius);
    overflow: hidden;
    contain: paint;
    isolation: isolate;
    position: relative;
    z-index: 0;
    /* GPU-compositor-level clipping — works even when .swiper-wrapper
       is on its own compositor layer via will-change: transform */
    -webkit-clip-path: inset(0 round var(--rounded-media-radius));
    clip-path: inset(0 round var(--rounded-media-radius));
}

.rounded-media-swiper .swiper-slide.slider-slide-clip {
    /* Keep only the structural containment — do NOT clip the whole slide
       (that incorrectly rounds post-title / meta text).
       Image-level rounding is now handled by .slider-media-clip above. */
    border-radius: 0;
    overflow: visible;
    -webkit-clip-path: none;
    clip-path: none;
}

.rounded-media-swiper .post-media {
    border-radius: var(--rounded-media-radius) !important;
    overflow: hidden;
    contain: paint;
    isolation: isolate;
    -webkit-clip-path: inset(0 round var(--rounded-media-radius));
    clip-path: inset(0 round var(--rounded-media-radius));
}

.rounded-media-swiper .post-media,
.rounded-media-swiper .slider-media-clip,
.rounded-media-swiper .slider-media-clip::before,
.rounded-media-swiper .position-cover,
.rounded-media-swiper .has-video-overlay,
.rounded-media-swiper .slider-media-clip .media-cover,
.rounded-media-swiper .slider-media-clip .image,
.rounded-media-swiper .slider-media-clip img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.rounded-media-swiper .post-media,
.rounded-media-swiper .slider-media-clip,
.rounded-media-swiper .slider-media-clip::before,
.rounded-media-swiper .position-cover,
.rounded-media-swiper .has-video-overlay,
.rounded-media-swiper .slider-media-clip .media-cover,
.rounded-media-swiper .slider-media-clip .image,
.rounded-media-swiper .slider-media-clip img {
    border-radius: var(--rounded-media-radius) !important;
    overflow: hidden;
}

.rounded-media-swiper .slider-media-clip .media-cover,
.rounded-media-swiper .slider-media-clip .image,
.rounded-media-swiper .slider-media-clip img {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
}

/* =====================================================================
   Rounded slider images — main-slider & block-g-slider
   ---------------------------------------------------------------------
   ROOT CAUSE: swiper-bundle.min.css always applies
     transform:translate3d(0,0,0) to .swiper-wrapper,
   placing it on a permanent GPU compositor layer.
   Children with will-change:transform create NESTED GPU layers inside
   that parent layer; Chrome does NOT reliably apply overflow:hidden on
   nested compositor layers, causing the momentary square flash.

   FIX: promote each .swiper-SLIDE (not an inner wrapper) to its own
   GPU layer with translateZ(0).  The slide becomes its own compositor
   layer at paint time, so overflow:hidden + border-radius on
   .post-media / .slider-media-clip is baked into the slide's
   rasterization and can never flash during the wrapper's animation.
   ===================================================================== */

/* — main-slider ——————————————————————————————————————————————————— */
.swiper.main-slider .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper.main-slider .post-media,
.swiper.main-slider .slider-media-clip {
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    /* cancel global rules that fight GPU compositing */
    contain: none !important;
    will-change: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.swiper.main-slider .slider-media-clip img,
.swiper.main-slider .slider-media-clip .media-cover,
.swiper.main-slider .slider-media-clip .image {
    border-radius: 0.75rem !important;
    display: block;
}

/* — block-g-slider ——————————————————————————————————————————————— */
.swiper.block-g-slider .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper.block-g-slider .post-media,
.swiper.block-g-slider .slider-media-clip {
    border-radius: 0.5rem !important;
    overflow: hidden !important;
    contain: none !important;
    will-change: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.swiper.block-g-slider .slider-media-clip img,
.swiper.block-g-slider .slider-media-clip .media-cover,
.swiper.block-g-slider .slider-media-clip .image {
    border-radius: 0.5rem !important;
    display: block;
}

[dir="rtl"] .post-content p:first-child::first-letter {
    float: right;
    margin-right: 0;
    margin-left: 16px;
}