/* style.css */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: linear-gradient(135deg, #f7fbff 0%, #eaf4ff 45%, #dcefff 100%);
    color: #1f2a44;
    min-height: 100vh;
    margin: 0;
}

.search-input {
    font-size: 0.9rem;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
}

.search-input::placeholder {
    color: #7a879c;
}

/* Hide structural element scrollbars for a sleek horizontal swipe layout */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;     /* Firefox */
}

/* Premium smooth shadow configurations for content cards */
.card-shadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Settings for Google Material Icon fonts alignment */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}