/* --- Styles from original styles.css + Improvements --- */

/* Global Font Settings */
body {
    font-family: 'Poppins', 'Noto Sans Sinhala', sans-serif;
    scroll-behavior: smooth;
}

/* Custom Background Pattern */
.hero-pattern {
    background-color: #f0fdf4;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23166534' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Custom Shape Utility */
.leaf-shape {
    border-radius: 2rem 0 2rem 0;
}

/* Menu Tab Styles */
.menu-tab {
    transition: all 0.3s ease;
    white-space: nowrap;
}
.menu-tab.active {
    background-color: #166534; /* green-800 */
    color: white;
    border-color: #166534;
}

/* Hide scrollbar for category list on mobile but allow scroll */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Card Hover Effect */
.menu-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.menu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Animation Utilities */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}

/* Language Button Styles */
.lang-btn {
    transition: all 0.2s;
}
.lang-btn.active {
    background-color: #15803d; /* green-700 */
    color: white;
}

/* --- Styles from original styles.css + Improvements --- */

/* Global Font Settings */
body {
    font-family: 'Poppins', 'Noto Sans Sinhala', sans-serif;
    scroll-behavior: smooth;
}

/* Custom Background Pattern */
.hero-pattern {
    background-color: #f0fdf4;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23166534' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Custom Shape Utility */
.leaf-shape {
    border-radius: 2rem 0 2rem 0;
}

/* Menu Tab Styles */
.menu-tab {
    transition: all 0.3s ease;
    white-space: nowrap;
}
.menu-tab.active {
    background-color: #166534; /* green-800 */
    color: white;
    border-color: #166534;
}

/* Hide scrollbar for category list on mobile but allow scroll */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Card Hover Effect */
.menu-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.menu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Animation Utilities */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}

/* Language Button Styles */
.lang-btn {
    transition: all 0.2s;
}
.lang-btn.active {
    background-color: #15803d; /* green-700 */
    color: white;
}

/* Doctor Card Specifics */
.doctor-card {
    border-top: 4px solid transparent;
}
.doctor-card:hover {
    border-top: 4px solid #166534;
}

/* --- Styles from original styles.css + Improvements --- */

/* Global Font Settings */
body {
    font-family: 'Poppins', 'Noto Sans Sinhala', sans-serif;
    scroll-behavior: smooth;
}

/* Custom Background Pattern */
.hero-pattern {
    background-color: #f0fdf4;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23166534' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Custom Shape Utility */
.leaf-shape {
    border-radius: 2rem 0 2rem 0;
}

/* Menu Tab Styles */
.menu-tab {
    transition: all 0.3s ease;
    white-space: nowrap;
}
.menu-tab.active {
    background-color: #166534; /* green-800 */
    color: white;
    border-color: #166534;
}

/* Hide scrollbar for category list on mobile but allow scroll */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Card Hover Effect */
.menu-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.menu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Animation Utilities */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}

/* Language Button Styles */
.lang-btn {
    transition: all 0.2s;
}
.lang-btn.active {
    background-color: #15803d; /* green-700 */
    color: white;
}

/* Doctor Card Specifics */
.doctor-card {
    border-top: 4px solid transparent;
}
.doctor-card:hover {
    border-top: 4px solid #166534;
}
/* --- Styles from original styles.css + Improvements --- */

/* Global Font Settings */
body {
    font-family: 'Poppins', 'Noto Sans Sinhala', sans-serif;
    scroll-behavior: smooth;
}

/* Custom Background Pattern */
.hero-pattern {
    background-color: #f0fdf4;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23166534' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* [Request 7] Bigger Header Logo Area */
.header-logo {
    height: 80px; /* Increased from default */
    width: auto;
}

/* [Request 2] Vertical Stats Layout */
.hero-stats-container {
    display: flex;
    flex-direction: column; /* Stack vertically */
    gap: 1.5rem;
    align-items: flex-start;
}

/* Custom Shape Utility */
.leaf-shape {
    border-radius: 2rem 0 2rem 0;
}

/* Menu Tab Styles */
.menu-tab {
    transition: all 0.3s ease;
    white-space: nowrap;
}
.menu-tab.active {
    background-color: #166534; /* green-800 */
    color: white;
    border-color: #166534;
}

/* Hide scrollbar for category list on mobile but allow scroll */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Card Hover Effect */
.menu-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.menu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Animation Utilities */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 7s infinite;
}
.animation-delay-2000 {
    animation-delay: 2s;
}

/* Language Button Styles */
.lang-btn {
    transition: all 0.2s;
}
.lang-btn.active {
    background-color: #15803d; /* green-700 */
    color: white;
}

.menu-item {
  display: none;
}