/* Global Design Adjustments */
/* Make all corners less rounded and reduce sizes by 25% */

/* Reduce rounded corners globally */
.rounded-3xl, .rounded-2xl {
    border-radius: 0.75rem !important; /* was 1.5rem and 1rem */
}

.rounded-xl {
    border-radius: 0.5rem !important; /* was 0.75rem */
}

.rounded-lg {
    border-radius: 0.375rem !important; /* was 0.5rem */
}

.rounded-full {
    border-radius: 9999px !important; /* keep full circles */
}

/* Reduce font sizes by ~15-20% for better proportions */
h1, .text-6xl { font-size: 2rem !important; } /* was 3.75rem */
h1.text-5xl, .text-5xl { font-size: 2.5rem !important; } /* was 3rem */
h2, .text-4xl { font-size: 1.3rem !important; } /* was 2.25rem */
h3, .text-3xl { font-size: 1.5rem !important; } /* was 1.875rem */
.text-2xl { font-size: 1.25rem !important; } /* was 1.5rem */
.text-xl { font-size: 1.1rem !important; } /* was 1.25rem */

/* Reduce padding/margins by 20% */
.p-16 { padding: 3rem !important; } /* was 4rem */
.p-12 { padding: 2.5rem !important; } /* was 3rem */
.p-8 { padding: 1.75rem !important; } /* was 2rem */
.py-16 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-12 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }

/* Adjust card/image sizes */
.w-56 { width: 12rem !important; } /* was 14rem */
.h-56 { height: 12rem !important; }
.w-20 { width: 4rem !important; } /* was 5rem */
.h-20 { height: 4rem !important; }
.w-16 { width: 3.5rem !important; } /* was 4rem */
.h-16 { height: 3.5rem !important; }
.w-12 { width: 2.5rem !important; } /* was 3rem */
.h-12 { height: 2.5rem !important; }

/* Dropdown Menu Styles */
.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 200px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    padding: 0.5rem 0;
    z-index: 1000;
    margin-top: 0.5rem;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu a {
    display: block;
    padding: 0.75rem 1.5rem;
    color: #4b5563;
    text-decoration: none;
    transition: all 0.3s;
    font-size: 0.875rem;
}

.dropdown-menu a:hover {
    background: linear-gradient(to right, rgba(244, 121, 32, 0.1), rgba(253, 185, 19, 0.1));
    color: #F47920;
    padding-left: 2rem;
}

.dropdown > a::after {
    content: '';
    display: inline-block;
    margin-left: 0.5rem;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}