/**
 * Flat Design Override - Remove all shadows except on hover
 */

/* Remove default shadows from all elements */
* {
    box-shadow: none !important;
}

/* Button shadows only on hover */
.btn:hover,
button:hover,
a.btn:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Card shadows only on hover */
.card:hover,
.course-item:hover,
.blog-item:hover,
.instructor-item:hover {
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* Input fields - no shadow by default, subtle on focus */
input,
textarea,
select {
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1) !important;
}

/* Modal and dropdown shadows (keep these for visibility) */
.modal-content,
.dropdown-menu,
.tooltip,
.popover {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Remove text shadows */
h1, h2, h3, h4, h5, h6, p, span, a, div {
    text-shadow: none !important;
}

/* Navigation hover effects */
.navigation li:hover,
.menu-item:hover {
    box-shadow: none !important;
}