/* ============================================================
   ENHANCED ROUNDED CORNERS - GLASSMORPHISM STYLE
   ============================================================ */

/* CSS Variables for Rounded Corners */
:root {
    --radius-xs: 4px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-2xl: 40px;
    --radius-full: 9999px;
}

/* ============================================================
   HEADER & NAVIGATION
   ============================================================ */

.header {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}

.navbar {
    border-radius: var(--radius-lg) !important;
}

.nav-logo {
    border-radius: var(--radius-md) !important;
}

.logo {
    border-radius: var(--radius-md) !important;
}

.nav-link {
    border-radius: var(--radius-md) !important;
}

.nav-toggle {
    border-radius: var(--radius-sm) !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */

.btn {
    border-radius: var(--radius-lg) !important;
}

.btn-primary {
    border-radius: var(--radius-lg) !important;
}

.btn-secondary {
    border-radius: var(--radius-lg) !important;
}

.btn-outline {
    border-radius: var(--radius-lg) !important;
}

.btn-group .btn {
    border-radius: var(--radius-lg) !important;
}

/* ============================================================
   CARDS
   ============================================================ */

.card {
    border-radius: var(--radius-xl) !important;
}

.card::before {
    border-radius: var(--radius-xl) !important;
}

.card::after {
    border-radius: var(--radius-xl) !important;
}

/* ============================================================
   FEATURE ICONS
   ============================================================ */

.feature-icon {
    border-radius: var(--radius-xl) !important;
}

/* ============================================================
   LANGUAGE CARDS
   ============================================================ */

.language-card {
    border-radius: var(--radius-xl) !important;
    overflow: hidden !important;
}

.language-card-image {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
}

.language-card-image img {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
}

.country-code {
    border-radius: var(--radius-md) !important;
}

.language-card-content {
    border-radius: 0 0 var(--radius-xl) var(--radius-xl) !important;
}

/* ============================================================
   TESTIMONIAL CARDS
   ============================================================ */

.testimonial-card {
    border-radius: var(--radius-xl) !important;
}

.testimonial-card::before {
    border-radius: var(--radius-xl) !important;
}

.testimonial-card::after {
    border-radius: var(--radius-xl) !important;
}

.author-avatar {
    border-radius: 50% !important;
}

/* ============================================================
   NAVIGATION BUTTONS
   ============================================================ */

.testimonial-nav-btn {
    border-radius: 50% !important;
}

.testimonial-prev {
    border-radius: 50% !important;
}

.testimonial-next {
    border-radius: 50% !important;
}

/* ============================================================
   FORM ELEMENTS
   ============================================================ */

.form-group input,
.form-group textarea,
.form-group select {
    border-radius: var(--radius-lg) !important;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    border-radius: var(--radius-lg) !important;
}

/* ============================================================
   HERO SECTION
   ============================================================ */

.hero-img {
    border-radius: var(--radius-2xl) !important;
}

.hero-image {
    border-radius: var(--radius-2xl) !important;
}

/* ============================================================
   SECTIONS
   ============================================================ */

.about-section {
    border-radius: var(--radius-lg) !important;
}

.features-section {
    border-radius: var(--radius-lg) !important;
}

.languages-offered-section {
    border-radius: var(--radius-lg) !important;
}

.testimonials-section {
    border-radius: var(--radius-lg) !important;
}

.cta-section {
    border-radius: var(--radius-2xl) !important;
}

/* ============================================================
   IMAGES
   ============================================================ */

img {
    border-radius: var(--radius-lg) !important;
}

img.hero-img {
    border-radius: var(--radius-2xl) !important;
}

img.language-card-image img {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
}

/* ============================================================
   CONTAINERS
   ============================================================ */

.container {
    border-radius: var(--radius-lg) !important;
}

/* ============================================================
   GRID ITEMS
   ============================================================ */

.grid-2 > * {
    border-radius: var(--radius-xl) !important;
}

.grid-3 > * {
    border-radius: var(--radius-xl) !important;
}

.grid-4 > * {
    border-radius: var(--radius-xl) !important;
}

.language-cards-grid > * {
    border-radius: var(--radius-xl) !important;
}

.testimonials-grid > * {
    border-radius: var(--radius-xl) !important;
}

/* ============================================================
   SPECIAL ELEMENTS
   ============================================================ */

.page-header {
    border-radius: 0 0 var(--radius-2xl) var(--radius-2xl) !important;
}

.section-header {
    border-radius: var(--radius-xl) !important;
}

/* ============================================================
   RESPONSIVE ROUNDED CORNERS
   ============================================================ */

@media (max-width: 1024px) {
    :root {
        --radius-lg: 20px;
        --radius-xl: 28px;
        --radius-2xl: 36px;
    }
}

@media (max-width: 768px) {
    :root {
        --radius-md: 16px;
        --radius-lg: 18px;
        --radius-xl: 24px;
        --radius-2xl: 32px;
    }
    
    .card {
        border-radius: var(--radius-xl) !important;
    }
    
    .language-card {
        border-radius: var(--radius-xl) !important;
    }
    
    .testimonial-card {
        border-radius: var(--radius-xl) !important;
    }
    
    .hero-img {
        border-radius: var(--radius-2xl) !important;
    }
}

@media (max-width: 480px) {
    :root {
        --radius-sm: 10px;
        --radius-md: 14px;
        --radius-lg: 16px;
        --radius-xl: 20px;
        --radius-2xl: 28px;
    }
    
    .btn {
        border-radius: var(--radius-lg) !important;
    }
    
    .card {
        border-radius: var(--radius-lg) !important;
    }
    
    .language-card {
        border-radius: var(--radius-lg) !important;
    }
    
    .testimonial-card {
        border-radius: var(--radius-lg) !important;
    }
}

/* ============================================================
   SMOOTH CORNER TRANSITIONS
   ============================================================ */

* {
    transition: border-radius 0.3s ease !important;
}

/* ============================================================
   ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}