/* ===================================
   MAZI LADKI BAHIN YOJANA - UI/CSS FIXES
   =================================== */

/* 1. Fix Container Width and Spacing */
.container-custom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* 2. Fix Main Content Grid Layout */
main.grid {
    gap: 2rem;
}

/* 3. Fix Hero Section Spacing */
section.bg-gradient-to-r {
    padding: 2rem;
}

/* 4. Fix Eligibility Cards - Equal Heights */
.grid.grid-cols-1.md\:grid-cols-2 > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 5. Fix Icon Alignment in Cards */
.flex.items-start.gap-3 i {
    margin-top: 0.25rem;
    flex-shrink: 0;
}

/* 6. Fix Sidebar Width on Large Screens */
@media (min-width: 1024px) {
    .lg\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
}

/* 7. Fix RTE PDF Guide Card - Reduce Size */
a[href="/rte-25-admission-guide-pdf.html"] {
    max-width: 100%;
}

a[href="/rte-25-admission-guide-pdf.html"] img {
    max-height: 200px;
    object-fit: cover;
}

/* 8. Fix Sidebar Spacing */
aside.space-y-6 > * {
    margin-bottom: 1.5rem;
}

aside.space-y-6 > *:last-child {
    margin-bottom: 0;
}

/* 9. Fix Glass Card Hover Effects */
.glass-card {
    transition: all 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-3px);
}

/* 10. Fix Application Process Steps - Better Spacing */
.space-y-4 > div {
    margin-bottom: 1rem;
}

/* 11. Fix FAQ Section Borders */
.border-b {
    border-bottom-width: 1px;
    border-color: #e5e7eb;
}

/* 12. Fix Prose Content Spacing */
.prose p {
    margin-bottom: 1rem;
}

.prose p:last-child {
    margin-bottom: 0;
}

/* 13. Fix Quick Links Hover State */
.flex.items-center.gap-3.p-2 {
    transition: all 0.2s ease;
    border-radius: 0.5rem;
}

/* 14. Fix Helpline Widget Spacing */
.bg-white.rounded-xl .p-4 {
    padding: 1rem;
}

/* 15. Fix Top 10 Blog Widget Links */
.flex.items-start.gap-3.p-2 p {
    margin: 0;
    line-height: 1.5;
}

/* 16. Fix WhatsApp Float Button Position */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

/* 17. Responsive Fixes for Tablet */
@media (max-width: 1024px) {
    .container-custom {
        padding: 0 1rem;
    }
    
    main.grid {
        gap: 1.5rem;
    }
    
    section.bg-gradient-to-r {
        padding: 1.5rem;
    }
}

/* 18. Responsive Fixes for Mobile */
@media (max-width: 768px) {
    .container-custom {
        padding: 0 0.75rem;
    }
    
    main.grid {
        gap: 1rem;
        grid-template-columns: 1fr;
    }
    
    section.bg-gradient-to-r {
        padding: 1.25rem;
    }
    
    section.bg-gradient-to-r h1 {
        font-size: 1.5rem;
    }
    
    /* Stack eligibility cards on mobile */
    .grid.grid-cols-1.md\:grid-cols-2 {
        grid-template-columns: 1fr;
    }
    
    /* Reduce padding on mobile */
    .p-6 {
        padding: 1rem;
    }
    
    .p-4 {
        padding: 0.75rem;
    }
    
    /* Fix RTE PDF card on mobile */
    a[href="/rte-25-admission-guide-pdf.html"] img {
        max-height: 150px;
    }
}

/* 19. Fix Text Overflow Issues */
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 20. Fix Card Shadow Consistency */
.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 21. Fix Rounded Corners Consistency */
.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

/* 22. Fix Benefits Section Icon Alignment */
.flex.items-start.gap-3 > i {
    margin-top: 0.125rem;
}

/* 23. Fix Document Grid Alignment */
.grid.grid-cols-1.md\:grid-cols-2.gap-3 {
    gap: 0.75rem;
}

/* 24. Fix Step Number Circle Alignment */
.bg-blue-600.text-white.rounded-full {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
}

/* 25. Fix Sidebar Card Spacing */
.glass-card.rounded-xl {
    margin-bottom: 1.5rem;
}

/* 26. Fix Link Hover States */
a.no-underline:hover {
    text-decoration: none !important;
}

/* 27. Fix Badge Alignment */
.inline-block.bg-yellow-400 {
    line-height: 1;
}

/* 28. Fix Footer Overlap Issue */
footer {
    margin-top: 3rem;
    clear: both;
}

/* 29. Fix Sticky Elements Z-Index */
.whatsapp-float {
    z-index: 999;
}

/* 30. Fix Color Contrast for Accessibility */
.text-gray-700 {
    color: #374151;
}

.text-gray-600 {
    color: #4b5563;
}

/* 31. Fix Button Transitions */
.transition,
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* 32. Fix Grid Gap Issues */
.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-8 {
    gap: 2rem;
}

/* 33. Fix Heading Spacing */
h2.text-2xl {
    margin-bottom: 1rem;
}

h3.font-bold {
    margin-bottom: 0.5rem;
}

/* 34. Fix List Spacing */
ul.space-y-3 > li {
    margin-bottom: 0.75rem;
}

ul.space-y-3 > li:last-child {
    margin-bottom: 0;
}

/* 35. Fix Border Colors */
.border-gray-200 {
    border-color: #e5e7eb;
}

/* 36. Fix Background Colors */
.bg-gray-50 {
    background-color: #f9fafb;
}

/* 37. Fix Icon Sizes */
i.text-2xl {
    font-size: 1.5rem;
}

i.text-3xl {
    font-size: 1.875rem;
}

/* 38. Fix Padding Consistency */
.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

/* 39. Fix Margin Consistency */
.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

/* 40. Fix Flex Alignment */
.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.justify-center {
    justify-content: center;
}

/* 41. Fix Text Alignment */
.text-center {
    text-align: center;
}

/* 42. Fix Width Utilities */
.w-full {
    width: 100%;
}

/* 43. Fix Height Utilities */
.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

/* 44. Fix Min-Width */
.min-w-0 {
    min-width: 0;
}

/* 45. Fix Overflow */
.overflow-hidden {
    overflow: hidden;
}

/* 46. Fix Position Utilities */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

/* 47. Fix Display Utilities */
.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

/* 48. Fix Flex Direction */
.flex-col {
    flex-direction: column;
}

/* 49. Fix Flex Wrap */
.flex-wrap {
    flex-wrap: wrap;
}

/* 50. Fix Shrink */
.shrink-0 {
    flex-shrink: 0;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

/* 51. Additional Mobile Optimizations */
@media (max-width: 480px) {
    .container-custom {
        padding: 0 0.5rem;
    }
    
    section.bg-gradient-to-r h1 {
        font-size: 1.25rem;
    }
    
    .text-2xl {
        font-size: 1.25rem;
    }
    
    .text-xl {
        font-size: 1.125rem;
    }
}