/* ============================================================
   Custom Landing Page Styles & Dynamic Color Variables
   ============================================================ */

:root {
    --primary-color: #2F6B11;
    --secondary-color: #749C60;
}

.bg-general-color {
    background-color: var(--primary-color, #2F6B11);
}

.bg-hover-general-color:hover {
    background-color: var(--primary-color, #2F6B11);
}

.outline-hover-general-color:hover,
.outline-hover:hover {
    outline-color: var(--primary-color, #2F6B11);
}

.text-hover-general-secondary-color:hover {
    color: var(--secondary-color, #749C60);
}

.group:hover .group-hover-text-general-color {
    color: var(--primary-color, #2F6B11);
}

.group:hover .group-hover-fill-general-color {
    fill: var(--primary-color, #2F6B11);
}

.group:hover .group-hover-stroke-general-color {
    stroke: var(--primary-color, #2F6B11);
}

.stroke-general-color {
    stroke: var(--primary-color, #2F6B11);
}

.text-general-color {
    color: var(--primary-color, #2F6B11);
}

.text-general-color-secondary {
    color: var(--secondary-color, #749C60);
}

.text-white-hover:hover {
    color: white;
}

.bg-hover:hover {
    background-color: var(--primary-color, #2F6B11);
}

/* Swiper pagination below image adjustments */
#banner-swiper .swiper-pagination {
    bottom: 1.5rem !important;
    z-index: 20;
}

#projects-swiper,
#keberhasilan-swiper,
#slider-galeri-foto,
#slider-galeri-video,
#slider-galeri-penghargaan {
    padding-bottom: 3rem !important;
    position: relative;
}

#projects-swiper .swiper-pagination,
#keberhasilan-swiper .swiper-pagination,
#slider-galeri-foto .swiper-pagination,
#slider-galeri-video .swiper-pagination,
#slider-galeri-penghargaan .swiper-pagination {
    bottom: 0.5rem !important;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    z-index: 10;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    background: var(--primary-color, #2F6B11) !important;
    opacity: 1;
    transform: scale(1.2);
}

.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
    pointer-events: none !important;
}

.group:hover .line1,
.group:hover .line2 {
    stroke: var(--primary-color, #2F6B11);
}