/* Wartek Jakarta Selatan — regional visual layer. Original CSS structure remains unchanged. */
:root {
    --primary-dark: #12372a;
    --primary: #176b4d;
    --primary-light: #2d9b70;
    --accent-green: #d97706;
    --accent-green-dark: #b45309;
    --gray-50: #f5f8f4;
    --gray-100: #e9f0e9;
}

body.jaksel-theme {
    background: #fffdf8;
}

.jaksel-theme .header {
    background: rgba(255,253,248,.96);
    backdrop-filter: blur(12px);
}

.jaksel-theme .logo-mark {
    background: linear-gradient(135deg, #d97706 0%, #176b4d 100%);
    border-radius: 14px 6px 14px 6px;
}

.jaksel-theme .hero {
    background: linear-gradient(135deg, #12372a 0%, #176b4d 58%, #2d9b70 100%);
}

.jaksel-theme .hero::after {
    content: 'JAKSEL';
    position: absolute;
    right: 4%;
    bottom: -1.5rem;
    color: rgba(255,255,255,.08);
    font-size: clamp(5rem, 17vw, 12rem);
    font-weight: 800;
    letter-spacing: .12em;
    pointer-events: none;
}

.jaksel-theme .hero-image {
    border: 8px solid rgba(255,255,255,.14);
    transform: rotate(1.5deg);
}

.jaksel-theme .service-card,
.jaksel-theme .testimonial-card,
.jaksel-theme .process-step {
    border-radius: 1.25rem .45rem 1.25rem .45rem;
}

.jaksel-theme .service-card:hover {
    border-color: #d97706;
}

.jaksel-theme .service-icon {
    background: linear-gradient(135deg, #d97706 0%, #176b4d 100%);
    border-radius: 1rem .35rem 1rem .35rem;
}

.jaksel-theme .area-card:hover,
.jaksel-theme .nav-list a:hover,
.jaksel-theme .nav-list a.active {
    color: #b45309;
}

.jaksel-theme .cta-section {
    background: linear-gradient(to right, #12372a, #176b4d) !important;
}

@media (max-width: 768px) {
    .jaksel-theme .hero::after { right: -2rem; bottom: 1rem; font-size: 4rem; }
}