/* Team Profile Styles - Wrapped in .walkathon-team-dashboard */

.walkathon-team-dashboard {
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
}

/* Team Profile Section */
.walkathon-team-dashboard .wk-team-profile {
    position: relative;
    background-color: #ffffff;
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-team-profile {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-team-profile {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

.walkathon-team-dashboard .wk-team-profile .container {
    position: relative;
    z-index: 1;
}

/* Team Illustration */
.walkathon-team-dashboard .wk-team-illustration {
    width: 100%;
    max-width: 335px;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

/* Share this team dashboard */
.walkathon-team-dashboard .profile-share-section {
    width: 100%;
    max-width: 100%;
}
.walkathon-team-dashboard .profile-share-title {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
}
.walkathon-team-dashboard .profile-share-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.walkathon-team-dashboard .profile-share-btn {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #008249;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    background-size: 52%;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.2s, transform 0.2s;
}
.walkathon-team-dashboard .profile-share-btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}
.walkathon-team-dashboard .profile-share-btn:focus {
    outline: 2px solid rgba(0, 0, 0, 0.3);
    outline-offset: 2px;
}
.walkathon-team-dashboard .profile-share-btn-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}
.walkathon-team-dashboard .profile-share-btn-linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}
.walkathon-team-dashboard .profile-share-btn-whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
}
.walkathon-team-dashboard .profile-share-btn-telegram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
}
.walkathon-team-dashboard .profile-share-btn-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}
.walkathon-team-dashboard .profile-share-btn-copy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}


.walkathon-team-dashboard .profile-share-btn-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7.75 2C4.574 2 2 4.574 2 7.75v8.5C2 19.426 4.574 22 7.75 22h8.5C19.426 22 22 19.426 22 16.25v-8.5C22 4.574 19.426 2 16.25 2h-8.5zm0 2h8.5C18.455 4 20 5.545 20 7.75v8.5c0 2.205-1.545 3.75-3.75 3.75h-8.5C5.545 20 4 18.455 4 16.25v-8.5C4 5.545 5.545 4 7.75 4zm8.75 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z'/%3E%3C/svg%3E");
        width: 44px;
    height: 44px;
    background-size: 52%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.walkathon-team-dashboard .profile-share-btn-tiktok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16.5 2c.276 2.18 1.93 3.91 4.05 4.1v2.62c-1.43-.04-2.78-.42-3.95-1.08v6.92a6.54 6.54 0 1 1-6.54-6.54c.19 0 .38.01.57.03v2.66a3.88 3.88 0 1 0 3.88 3.88V2h2.99z'/%3E%3C/svg%3E");
      width: 44px;
    height: 44px;
    background-size: 52%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.walkathon-team-dashboard button:hover{
    background-position: center center !important;
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .profile-share-title {
        font-size: 18px;
    }
    .walkathon-team-dashboard .profile-share-btn {
        width: 40px;
        height: 40px;
    }
}

/* Team Name */
.walkathon-team-dashboard .wk-team-name {
    font-family: 'League Spartan', sans-serif;
    font-size: 56px;
    color: #008249;
    margin: 0;
    font-weight: bold;
}

/* Team Code */
.walkathon-team-dashboard .wk-team-code {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #000000;
    margin: 0;
    font-weight: bold;
}

.walkathon-team-dashboard .copy-team-code-btn {
    background: none;
    border: none;
    padding: 4px 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #008249;
    transition: color 0.3s;
    margin-left: 8px;
}

.walkathon-team-dashboard .copy-team-code-btn:hover {
    color: #006633;
}

.walkathon-team-dashboard .copy-team-code-btn svg {
    width: 16px;
    height: 16px;
}

/* Team Description */
.walkathon-team-dashboard .wk-team-description {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #000000;
    line-height: 1.6;
    margin: 0;
    max-width: 552px;
    width: 100%;
}

/* Links */
.walkathon-team-dashboard .wk-link {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #000000;
    text-decoration: underline;
    display: inline-block;
    transition: color 0.3s;
}

.walkathon-team-dashboard .wk-link:hover {
    color: #008249;
    text-decoration: underline;
}

/* Responsive Styles for Team Profile */
@media (max-width: 992px) {
    .walkathon-team-dashboard .wk-team-name {
        font-size: 35px;
    }
    
    .walkathon-team-dashboard .wk-team-code {
        font-size: 20px;
    }
    
    .walkathon-team-dashboard .wk-team-description {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-team-name {
        font-size: 32px;
    }
    
    .walkathon-team-dashboard .wk-team-code {
        font-size: 16px;
    }
    
    .walkathon-team-dashboard .wk-team-description {
        font-size: 18px;
    }
    
    .walkathon-team-dashboard .wk-link {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-team-name {
        font-size: 28px;
    }
    
    .walkathon-team-dashboard .wk-team-code {
        font-size: 14px;
    }
    
    .walkathon-team-dashboard .wk-team-description {
        font-size: 16px;
    }
}

/* Submission Section */
.walkathon-team-dashboard .wk-submission {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.walkathon-team-dashboard .wk-submission::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 3px;
    height: 200%;
    background: rgba(0, 130, 73, 0.2);
    transform: rotate(45deg);
    z-index: 0;
}

.walkathon-team-dashboard .wk-submission .container {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-submission {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-submission {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* Team Progress Section */
.walkathon-team-dashboard .wk-progress {
    position: relative;
    background-color: #ffffff;
}

.walkathon-team-dashboard .wk-progress-card {
    background-color: #10814B;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}

.walkathon-team-dashboard .wk-progress-card > * {
    position: relative;
    z-index: 1;
}

.walkathon-team-dashboard .wk-progress-title {
    font-family: 'League Spartan', sans-serif;
    font-size: 40px;
    margin: 0;
    font-weight: bold;
}

.walkathon-team-dashboard .wk-label {
    font-family: 'League Spartan', sans-serif;
    font-size: 40px;
    font-weight: normal;
}

.walkathon-team-dashboard .wk-value {
    font-family: 'Poppins', sans-serif;
    font-size: 64px;
    font-weight: bold;
}

.walkathon-team-dashboard .wk-value span {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: bold;
}

.walkathon-team-dashboard .wk-progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    overflow: hidden;
    height: 20px;
}

.walkathon-team-dashboard .wk-progress-fill {
    background-color: #FFB347;
    border-radius: 10px;
}

.walkathon-team-dashboard .wk-progress-percentage {
    font-family: 'League Spartan', sans-serif;
    font-size: 40px;
}

.walkathon-team-dashboard .wk-progress-rank {
    font-family: 'League Spartan', sans-serif;
    font-size: 40px;
}

@media (max-width: 992px) {
    .walkathon-team-dashboard .wk-progress-title {
        font-size: 32px;
    }
    
    .walkathon-team-dashboard .wk-label {
        font-size: 28px;
    }
    
    .walkathon-team-dashboard .wk-value {
        font-size: 48px;
    }
    
    .walkathon-team-dashboard .wk-value span {
        font-size: 24px;
    }

    .walkathon-team-dashboard .wk-progress-percentage,
    .walkathon-team-dashboard .wk-progress-rank {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-progress-title {
        font-size: 20px;
    }
    
    .walkathon-team-dashboard .wk-value {
        font-size: 32px;
    }
    
    .walkathon-team-dashboard .wk-value span {
        font-size: 16px;
    }
    
    .walkathon-team-dashboard .wk-label .wk-progress-percentage,
    .walkathon-team-dashboard .wk-progress-rank {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-progress {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .walkathon-team-dashboard .wk-progress-card {
        padding: 1.5rem !important;
    }
}

/* Fund Raised Section */
.walkathon-team-dashboard .wk-fund {
    position: relative;
    background-color: #ffffff;
}

.walkathon-team-dashboard .wk-fund .container {
    position: relative;
    z-index: 1;
}

.walkathon-team-dashboard .wk-fund-card {
    background-color: #4EA949;
    border-radius: 25px;
    position: relative;
    min-height: 21rem;
}

.walkathon-team-dashboard .wk-fund-title {
    font-family: 'League Spartan', sans-serif;
    font-size: 40px;
    margin: 0;
    font-weight: bold;
    color: #ffffff;
}

.walkathon-team-dashboard .wk-fund-divider {
    height: 1px;
    background-color: #ffffff;
    width: 100%;
}

.walkathon-team-dashboard .wk-fund-amount {
    font-family: 'Poppins', sans-serif;
    font-size: 85px;
    font-weight: bold;
    color: #ffffff;
}

@media (max-width: 992px) {
    .walkathon-team-dashboard .wk-fund-title {
        font-size: 32px;
    }
    
    .walkathon-team-dashboard .wk-fund-amount {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-fund-title {
        font-size: 28px;
    }
    
    .walkathon-team-dashboard .wk-fund-amount {
        font-size: 32px;
    }

    .walkathon-team-dashboard .wk-fund-card {
      
        min-height: 11rem;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-fund {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .walkathon-team-dashboard .wk-fund-amount {
        font-size: 24px;
    }
}

@media (min-width: 820px) and (max-width: 1180px) {
    .walkathon-team-dashboard .wk-fund-card {
      
        min-height: 19rem;
    }
}

/* Walkathon Information Section */
.walkathon-team-dashboard .wk-info {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.walkathon-team-dashboard .wk-info .container {
    position: relative;
    z-index: 1;
}

.walkathon-team-dashboard .wk-info-title {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}

@media (max-width: 992px) {
    .walkathon-team-dashboard .wk-info-title {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-info-title {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-info {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .walkathon-team-dashboard .wk-info-title {
        font-size: 18px;
    }
}

/* Team Members Section */
.walkathon-team-dashboard .wk-members {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.walkathon-team-dashboard .wk-members .container {
    position: relative;
    z-index: 1;
}

.walkathon-team-dashboard .wk-section-title {
    font-family: 'League Spartan', sans-serif;
    font-size: 52px;
    color: #008249;
    margin: 0;
    font-weight: bold;
}

.walkathon-team-dashboard .wk-member-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.walkathon-team-dashboard .wk-avatar {
    width: 100%;
    max-width: 224.43px;
    aspect-ratio: 224.43 / 231;
    background-color: #E5E5E5;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.walkathon-team-dashboard .wk-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.walkathon-team-dashboard .wk-member-name {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #008249;
    font-weight: bold;
}

@media (max-width: 992px) {
    .walkathon-team-dashboard .wk-section-title {
        font-size: 40px;
    }
    
    .walkathon-team-dashboard .wk-member-name {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-section-title {
        font-size: 28px;
    }
    
    .walkathon-team-dashboard .wk-member-name {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-members {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    
    .walkathon-team-dashboard .wk-section-title {
        font-size: 24px;
    }
    
    .walkathon-team-dashboard .wk-member-name {
        font-size: 13px;
    }
}

/* View All Button */
.walkathon-team-dashboard .wk-view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 21px;
    border-radius: 40px;
    padding: 0 24px;
    background-color: #9ACA3C;
    color: #000;
    text-decoration: none;
    text-align: center;
    width: 193px;
    height: 47px;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.walkathon-team-dashboard .wk-view-all-btn:hover,
.walkathon-team-dashboard .wk-view-all-btn:focus {
    text-decoration: none;
    background-color: #8ab632;
    color: #000;
}

/* Team Supporters Section */
.walkathon-team-dashboard .wk-supporters {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.walkathon-team-dashboard .wk-supporters .container {
    position: relative;
    z-index: 1;
}

.walkathon-team-dashboard .wk-supporter-card {
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
}

.walkathon-team-dashboard .wk-supporters .supporter-line {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #000000;
}

.walkathon-team-dashboard .wk-supporters .supporter-donated {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}

.walkathon-team-dashboard .wk-support-amount {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #008249;
    margin-bottom: 0.25rem;
}

.walkathon-team-dashboard .wk-support-quote {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
}

@media (max-width: 992px) {
    .walkathon-team-dashboard .wk-section-title {
        font-size: 42px;
    }
    
    .walkathon-team-dashboard .wk-view-all-btn {
        font-size: 18px;
        width: 160px;
        height: 42px;
        padding: 0 20px;
    }
    
    .walkathon-team-dashboard .wk-supporters .supporter-line {
        font-size: 24px;
    }
    
    .walkathon-team-dashboard .wk-supporters .supporter-donated {
        font-size: 22px;
    }
    
    .walkathon-team-dashboard .wk-support-amount {
        font-size: 36px;
    }
    
    .walkathon-team-dashboard .wk-support-quote {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .walkathon-team-dashboard .wk-section-title {
        font-size: 32px;
    }
    
    .walkathon-team-dashboard .wk-view-all-btn {
        font-size: 16px;
        width: 140px;
        height: 38px;
        padding: 0 16px;
    }
    
    .walkathon-team-dashboard .wk-supporters .supporter-line {
        font-size: 20px;
    }
    
    .walkathon-team-dashboard .wk-supporters .supporter-donated {
        font-size: 18px;
    }
    
    .walkathon-team-dashboard .wk-support-amount {
        font-size: 32px;
    }
    
    .walkathon-team-dashboard .wk-support-quote {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-supporters {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    
    .walkathon-team-dashboard .wk-section-title {
        font-size: 24px;
    }
    
    .walkathon-team-dashboard .wk-view-all-btn {
        font-size: 14px;
        width: 120px;
        height: 36px;
        padding: 0 14px;
    }
    
    .walkathon-team-dashboard .wk-supporters .supporter-line {
        font-size: 18px;
    }
    
    .walkathon-team-dashboard .wk-supporters .supporter-donated {
        font-size: 16px;
    }
    
    .walkathon-team-dashboard .wk-support-amount {
        font-size: 28px;
    }
    
    .walkathon-team-dashboard .wk-support-quote {
        font-size: 16px;
    }
}

/* Team E-Badges section – row/col layout */
.walkathon-team-dashboard .wk-team-ebadges-wrapper {
    max-width: 100%;
}

.walkathon-team-dashboard .wk-team-ebadges-empty {
    color: #666;
    font-size: 15px;
}

.walkathon-team-dashboard .wk-team-ebadge-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.walkathon-team-dashboard .wk-team-ebadge-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.walkathon-team-dashboard .wk-team-ebadge-name {
    font-size: 11px;
    font-weight: 600;
    color: #333;
    margin-top: 6px;
    line-height: 1.2;
}

.walkathon-team-dashboard .wk-team-ebadge-large {
    max-width: 130px;
    margin: 0 auto;
}

.walkathon-team-dashboard .wk-team-ebadge-large .wk-team-ebadge-name {
    font-size: 12px;
}



.walkathon-team-dashboard .wk-team-ebadge-small img {
    max-width: 100%;
    object-fit: contain;
}

.walkathon-team-dashboard .wk-team-ebadge-small .wk-team-ebadge-name {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.walkathon-team-dashboard .wk-team-ebadge-placeholder {
    visibility: hidden;
    pointer-events: none;
}

/* Team e-badge share overlay: ensure hover shows share (works with e-badges CSS) */
.walkathon-team-dashboard .walkathon-e-badge-item {
    position: relative;
    cursor: pointer;
}

.walkathon-team-dashboard .walkathon-e-badge-item:hover .walkathon-e-badge-share-overlay {
    opacity: 1;
}

/* Share modal: ensure it displays properly (full opacity, above dashboard) */
#walkathon-badge-share-modal.modal {
    opacity: 1 !important;
    z-index: 1055 !important;
    pointer-events: none;
}

#walkathon-badge-share-modal.modal.show {
    opacity: 1 !important;
    display: block !important;
    pointer-events: auto;
}

#walkathon-badge-share-modal .modal-dialog {
    opacity: 1 !important;
    pointer-events: auto;
}

#walkathon-badge-share-modal .modal-content {
    opacity: 1 !important;
    background: #fff !important;
    color: #333;
}

/* Backdrop: ensure it appears above dashboard content and is visible */
body .modal-backdrop.show {
    opacity: 0.5 !important;
    z-index: 1050 !important;
}

body .modal-backdrop + #walkathon-badge-share-modal,
#walkathon-badge-share-modal.modal.show {
    z-index: 1070 !important; /* above All E-Badges modal (1055) when opened from within it */
}

/* When share modal is open from within All E-Badges modal: raise its backdrop above the other modal */
body.walkathon-share-modal-open .modal-backdrop:last-of-type {
    z-index: 1065 !important;
}

.walkathon-team-dashboard .wk-team-ebadges-view-more-wrap {
    margin-top: 8px;
}

.walkathon-team-dashboard .wk-team-ebadges-view-more {
    font-weight: 600;
    color: #008249;
    text-decoration: none;
    font-size: 14px;
}

.walkathon-team-dashboard .wk-team-ebadges-view-more:hover {
    color: #006633;
    text-decoration: underline;
}

/* All E-Badges modal: when moved to body, ensure it is visible and not clipped */
#wk-team-ebadges-modal.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1055 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
#wk-team-ebadges-modal .modal-dialog {
    max-height: calc(100vh - 2rem);
    margin: 1rem auto;
}

/* Modal: team e-badges (row/col in PHP) */
.walkathon-team-dashboard .wk-team-ebadge-modal {
    max-width: 100px;
    margin: 0 auto;
}

.walkathon-team-dashboard .wk-team-ebadge-modal img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.walkathon-team-dashboard .wk-team-ebadge-modal .wk-team-ebadge-name {
    font-size: 11px;
    margin-top: 6px;
}

/* Mobile responsive – E-Badges */
@media (max-width: 576px) {
    .walkathon-team-dashboard .wk-team-ebadge-large {
        max-width: 100px;
    }

    .walkathon-team-dashboard .wk-team-ebadge-small .wk-team-ebadge-name {
        font-size: 9px;
    }

    .walkathon-team-dashboard .wk-team-ebadge-modal {
        max-width: 80px;
    }
}