/* 
Theme Name: Divi Child 
Theme URI: https://example.com 
Description: Child theme for Divi 
Author: Your Name 
Author URI: https://yourwebsite.com 
Template: Divi 
Version: 1.0.0 
*/ 
 
/* Custom CSS can go below */ 
 /* Base styling for both buttons */
.swiper-button-prev,
.swiper-button-next {
    width: 48px;
    height: 48px;
    border: 1px solid #7d64ff; /* purple border */
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #e8e6ff;            /* arrow color */
    font-size: 18px;
    transition: .25s ease;
    backdrop-filter: blur(4px);
}

/* Remove default Swiper arrows */
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none !important;
}

/* FA icons */
.swiper-button-prev::before {
    content: "\f060"; /* fa-arrow-left */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.swiper-button-next::before {
    content: "\f061"; /* fa-arrow-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

/* CUSTOM SHAPES (clipped corners using clip-path) */

/* Left button – clipped top-left */
.swiper-button-prev {
    border-radius: 6px;
}

/* Right button – clipped top-right */
.swiper-button-next {
    border-radius: 6px;
}

/* Hover effect */
.swiper-button-prev:hover,
.swiper-button-next:hover {
    border-color: #a793ff;
    transform: translateY(-2px);
}