/* Carousel Height Fix */
.carousel-item {
    height: 600px !important;
    overflow: hidden !important;
}

.carousel-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Responsive carousel height */
@media (max-width: 768px) {
    .carousel-item {
        height: 400px !important;
    }
}

@media (max-width: 576px) {
    .carousel-item {
        height: 300px !important;
    }
}

/* Carousel Controls Fix */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3.5rem !important;
    height: 3.5rem !important;
    background-color: var(--primary) !important;
    border: 15px solid var(--primary) !important;
    border-radius: 3.5rem !important;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5% !important;
    opacity: 1 !important;
}

/* Carousel caption - removed shadow overlay */
.carousel-caption {
    display: none !important;
}

/* Topbar Right with Triangle Effect (original working version) */
.topbar-right {
    position: relative !important;
    background: var(--primary) !important;
}

.topbar-right::before {
    position: absolute !important;
    content: "" !important;
    width: 30px !important;
    height: 100% !important;
    top: 0 !important;
    left: -15px !important;
    background: var(--primary) !important;
    transform: skewX(-25deg) !important;
    z-index: 1 !important;
}

/* Navbar Left Section with Triangle Effect */
.navbar-left-section {
    position: relative !important;
    background: var(--dark) !important;
}

.navbar-left-section::after {
    position: absolute !important;
    content: "" !important;
    width: 30px !important;
    height: 100% !important;
    top: 0 !important;
    right: -30px !important;
    background: var(--dark) !important;
    transform: skewX(25deg) !important;
    z-index: 1 !important;
}

/* Team social links - always visible if present, aligned right */
.team-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.team-title .team-info {
    flex: 1 !important;
}

.team-title .team-social {
    position: static !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    top: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.team-title .team-social .btn {
    background: white !important;
    color: var(--primary) !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
    border: none !important;
    margin: 0 2px !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.team-title .team-social .btn:hover {
    background: darkblue !important;
    color: white !important;
}