/* ----------------------------------

   FIX SLIDE SPACING FOR SWIPER

---------------------------------- */

.fighter_slider_main .swiper-container {

    overflow: hidden;

}



.fighter_slider_btn {

    clip-path: polygon(0 0, calc(100% + 34px) 0, calc(100% - 15px) 100%, 0 100%);

}



/* ----------------------------------

   CARD STYLING (unchanged from your design)

---------------------------------- */



.fighter_wrapper .swiper-wrapper {

    align-items: stretch;

}



.fighter_wrapper .swiper-slide {

    height: auto !important;

}



.fighter_wrapper .bf-card {

    display: flex;

    flex-direction: column;

    height: 100% !important;

}



/* Fighter Thumbnail */

.bf-thumb {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



/* Body wrapper overlay */

.bf-body-wrapper {

    position: relative;

    z-index: 1;

    margin-top: -188px;

}





/* Title + Division */



.bf-fighter_info {

    padding-bottom: 20px;

}



.bf-slide .bf-body .bf-fighter_info .bf_fighter_wrapper h3,

.fighter_wrapper .bf-body .bf-fighter_info .bf_fighter_wrapper h3 {

    margin: 0;

}



/* Stats row (icons row W, D, L, KO) */

.bf-slide .bf-body .bf-fighter_info .bf-stats,

.fighter_wrapper .bf-body .bf-fighter_info .bf-stats {

    display: flex;

    flex-direction: row;

    gap: 24px;

    justify-content: center;

}



.bf-slide .bf-body .bf-fighter_info .bf-stats .bf-stat-col,

.fighter_wrapper .bf-body .bf-fighter_info .bf-stats .bf-stat-col {

    display: flex;

    flex-direction: row;

}



.bf-slide .bf-body .bf-fighter_info .bf-stats .bf-stat-col .icon,

.swiper-slide .bf-body .bf-fighter_info .bf-stats .bf-stat-col .icon {

    margin-right: 6px;

}



/* ----------------------------------

   RECORD TABLE (Win / Loss / Draw / KO)

---------------------------------- */



.bf-fighter-records {

    width: 100%;

}



/* rows */

.bf-records-row {

    display: flex;

    justify-content: space-between;

}



/* columns */

.bf-record-col {

    flex: 1;

    text-align: center;

    padding: 12px 0;

}



/* ----------------------------------

   VIEW PROFILE BUTTON

---------------------------------- */

.bt-info_btn {

    padding: 10px;

    text-align: center;

}



.bt-info_btn a {

    display: block;

    width: 100%;

    padding: 10px 0;



}



.bt-info_btn a:hover {

    color: #FFFFFF;

}



.bt-info_btn a i {

    margin-left: 14px;

}



.bf-fighters-all-btn-wrapper {

    display: flex;

    justify-content: center;

}



/* Navigation Buttons */

.bf-swiper-button-prev,

.bf-swiper-button-next {

    width: 30px;

    height: 30px;

    background: #111719;

    border-radius: 50%;

    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    z-index: 10;

    cursor: pointer;



    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.5px solid #816E25;

    transition: 0.3s;

}



/* Icons */

.bf-swiper-button-prev::after,

.bf-swiper-button-next::after {

    font-family: "Font Awesome 5 Free";

    font-weight: 400;

    color: #FFCB29;

    font-size: 16px;

}



/* Left */

.bf-swiper-button-prev {

    left: -15px;

}



.bf-swiper-button-next::after {

    content: "\f061";

}



.bf-swiper-button-prev::after {

    content: "\f060";

}



/* Right */

.bf-swiper-button-next {

    right: -15px;

}


/* ———————————————— PAGINATION DOTS — CLEAN & PROFESSIONAL ———————————————— */

.fighter_slider_main  .fighter_pafination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    position: relative;
    height: 100%;
    padding-top: 10px;
}

.fighter_slider_main  .bf-swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0;
    z-index: 20;
    display: flex;
    gap: 10px;
    pointer-events: auto;
    width: auto !important;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.fighter_slider_main .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #FFD3004D;
    opacity: 1;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    background: #FFCB29;
    transform: scale(1.8);
    width: 20px;
    height: 10px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: all 0.5s ease !important;
} 

.fighter_wrapper .fighter_grid .elementor-grid-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

@media (min-width: 1024px) and (max-width: 1365.98px) {
    .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 645px) and (max-width: 1023.98px) {
    .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 544.98px) {

    .swiper-contanier {

        padding: 0;

    }



    .swiper-slide .bf-body .bf-fighter_info .bf-stats .bf-stat-col .icon {

        display: none !important;

    }



    .bf-slide .bf-body .bf-fighter_info .bf-stats,

    .swiper-slide .bf-body .bf-fighter_info .bf-stats {

        gap: 30px;

    }

}