/* File: css/style.css */

/* --- Custom Navigation Link Styles (Using Standard CSS) --- */
/* For Desktop */
.nav-link {
    color: #D1D5DB; /* text-gray-300 */
    padding: 0.75rem 0.5rem; /* Reduced horizontal padding, increased vertical for better click area */
    margin: 0 0.25rem; /* Added small margin */
    border-bottom: 3px solid transparent; /* Placeholder for hover effect */
    border-radius: 0; /* Remove radius for a sharper look */
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    transition: color, border-color 0.3s ease-in-out;
}

.nav-link:hover {
    color: #FFFFFF; /* hover:text-white */
    border-bottom-color: #5A8B48; /* Use ucf-green for the underline on hover */
    background-color: transparent; /* Remove background color change on hover */
}

.nav-link.active {
    background-color: transparent;
    color: #FFFFFF; /* text-white */
    border-bottom-color: #5A8B48; /* bg-ucf-green */
}


/* For Mobile */
.nav-link-mobile {
    display: block;
    color: #D1D5DB; /* text-gray-300 */
    padding: 0.5rem 0.75rem; /* px-3 py-2 */
    border-radius: 0.375rem; /* rounded-md */
    font-size: 1rem; /* text-base */
    font-weight: 500; /* font-medium */
    transition-property: color, background-color;
    transition-duration: 300ms;
}

.nav-link-mobile:hover {
    background-color: #374151; /* hover:bg-gray-700 */
    color: #FFFFFF; /* hover:text-white */
}

.nav-link-mobile.active {
    background-color: #5A8B48; /* bg-ucf-green */
    color: #FFFFFF; /* text-white */
}

/* For line clamp utility in news articles */
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}