/*
 * Physio Team Slider Stylesheet
 * Author: Jay Adalaja
 */

.physio-team-slider-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.physio-team-slider-wrapper * {
    box-sizing: border-box;
}

/* Card Styling */
.physio-team-card {
    background: var(--physio-team-card-bg, #ffffff) !important;
    border: var(--physio-team-card-border, 1px solid rgba(1, 1, 1, 0.05)) !important;
    border-radius: var(--physio-team-card-radius, 25px) !important;
    padding-top: var(--physio-team-card-pad-top, 6px) !important;
    padding-left: var(--physio-team-card-pad-left, 6px) !important;
    padding-right: var(--physio-team-card-pad-right, 6px) !important;
    padding-bottom: var(--physio-team-card-pad-bottom, 14px) !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: var(--physio-team-card-max-width, 345px) !important;
    margin: 0 auto !important;
    box-shadow: var(--physio-team-card-shadow-normal, 0px 4px 20px rgba(1, 1, 1, 0.02)) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease, background 0.3s ease !important;
}

.physio-team-card:hover {
    transform: translateY(var(--physio-team-card-hover-lift, -5px)) !important;
    box-shadow: var(--physio-team-card-shadow-hover, 0px 10px 25px rgba(1, 1, 1, 0.06)) !important;
}

.physio-team-card-image {
    width: 100% !important;
    border-radius: var(--physio-team-image-radius, 20px) !important;
    overflow: hidden !important;
    position: relative !important;
}

.physio-team-card-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--physio-team-image-aspect, 1.05 / 1) !important;
    object-fit: cover !important;
    border-radius: var(--physio-team-image-radius, 20px) !important;
    display: block !important;
}

/* Card Texts */
.physio-team-card-info {
    display: flex !important;
    flex-direction: column !important;
    padding-top: var(--physio-team-content-gap, 14px) !important;
    padding-left: var(--physio-team-text-pad-left, 14px) !important;
    padding-right: var(--physio-team-text-pad-right, 14px) !important;
    padding-bottom: 0 !important;
}

.physio-team-card-name {
    font-family: var(--physio-team-name-font-family, var(--physio-team-font-family, "Helvetica Now Display", sans-serif)) !important;
    font-size: var(--physio-team-name-size, 18px) !important;
    font-weight: var(--physio-team-name-weight, 700) !important;
    line-height: var(--physio-team-name-lh, 110%) !important;
    color: var(--physio-team-name-color, #010101) !important;
    margin: 0 0 var(--physio-team-name-gap, 6px) 0 !important;
    letter-spacing: var(--physio-team-name-ls, 0px) !important;
    text-transform: var(--physio-team-name-transform, capitalize) !important;
}

.physio-team-card-designation {
    font-family: var(--physio-team-desig-font-family, var(--physio-team-font-family, "Helvetica Now Display", sans-serif)) !important;
    font-size: var(--physio-team-desig-size, 16px) !important;
    font-weight: var(--physio-team-desig-weight, 400) !important;
    line-height: var(--physio-team-desig-lh, 130%) !important;
    color: var(--physio-team-desig-color, #010101) !important;
    letter-spacing: var(--physio-team-desig-ls, 0.16px) !important;
    text-transform: var(--physio-team-desig-transform, none) !important;
    margin: 0 !important;
}

/* Navigation Arrow Buttons */
.physio-team-navigation {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

.physio-team-prev,
.physio-team-next {
    width: var(--physio-team-arrow-size, 48px) !important;
    height: var(--physio-team-arrow-size, 48px) !important;
    border-radius: var(--physio-team-arrow-radius, 50%) !important;
    background: var(--physio-team-arrow-bg, #0F3C2F) !important;
    border: var(--physio-team-arrow-border-width, 0px) solid var(--physio-team-arrow-border-color, #0F3C2F) !important;
    color: var(--physio-team-arrow-color, #ffffff) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.2s ease, opacity 0.2s ease !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.physio-team-prev:hover,
.physio-team-next:hover {
    background: var(--physio-team-arrow-bg-hover, #154c3c) !important;
    border-color: var(--physio-team-arrow-border-hover-color, #154c3c) !important;
    color: var(--physio-team-arrow-color-hover, #ffffff) !important;
    transform: scale(1.05) !important;
}

.physio-team-prev:active,
.physio-team-next:active {
    transform: scale(0.95) !important;
}

/* Disabled state when slider reaches ends */
.physio-team-prev.swiper-button-disabled,
.physio-team-next.swiper-button-disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* SVGs inside nav arrows - respect the user-defined svg dimensions and maintain fill/stroke */
.physio-team-prev svg,
.physio-team-next svg {
    display: block !important;
    width: var(--physio-team-arrow-svg-width, 20px) !important;
    height: var(--physio-team-arrow-svg-height, 14px) !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

/* If user uploads a custom svg file via media uploader */
.physio-team-prev img,
.physio-team-next img {
    display: block !important;
    width: var(--physio-team-arrow-svg-width, 20px) !important;
    height: var(--physio-team-arrow-svg-height, 14px) !important;
    object-fit: contain !important;
}