/* Fun and Playful Site Styles */

/* Add a playful bounce to the primary buttons */
.btn-primary {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
    border-radius: 50px; /* Rounder, friendlier buttons */
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(0, 209, 178, 0.3);
}

.btn-primary:hover {
    transform: scale(1.05) rotate(-1deg);
}

/* Make headings pop with the new fun font */
h1, h2, h3 {
    letter-spacing: 0.05em;
    line-height: 1.1;
}

/* Fun accents for cards */
.ag1-svc-card, .service-card, .testimonial-card, .card, .post-card, .about-image {
    border-radius: 40px !important; /* Extremely rounded corners for a modern, soft look */
    transition: all 0.3s ease;
    border: 2px solid transparent;
    overflow: hidden; /* Ensure content respect the rounded corners */
}

.ag1-svc-card-img {
    border-radius: 0 !important; /* Reset nested radius so it fills the parent top */
}

/* Fix for service card image overflow */
.ag1-svc-card-img img {
    border-radius: 0 !important;
}

.service-card:hover {
    border-color: var(--ocf-color-accent);
    transform: translateY(-10px);
    background: #fff;
}

/* Soften the section backgrounds */
section {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* Add a little wiggle to the hero headline */
.hero-headline {
    text-shadow: 3px 3px 0px rgba(0, 209, 178, 0.2);
}

/* Navigation tweaks */
.nav-link {
    font-weight: 600;
    font-family: var(--ocf-font-body);
}