/* Template 2 - Modern Cards Styles */

body {
    background-color: var(--color-bg-main);
    color: var(--color-text-main);
}

.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
}

.btn-primary {
    background-color: var(--color-primary);
    color: white;
}

.btn-primary:hover {
    background-color: var(--color-primary-hover);
}

.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Feature cards custom shadow */
.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08);
}

/* Location Map fixes */
.location-map-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    border: none;
    border-radius: 0;
}

/* Splide custom styling for Modern Cards */
.splide__arrow {
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}

.splide:hover .splide__arrow {
    opacity: 1;
}

.splide__arrow:hover {
    transform: scale(1.1) translateY(-50%);
}

.splide__arrow svg {
    fill: var(--color-primary);
}