:root {
    --mk-primary: #01a78d;
    /* 牙科主色 teal */
    --mk-primary-dark: #0f766e;
    --mk-accent: #f59e0b;
    --mk-dark: #0f172a;
    --mk-dark-2: #1e293b;
    --mk-text: #1e293b;
    --mk-muted: #64748b;
    --mk-bg: #f8fafc;
}


/*  */

.btn {
    border-radius: 0 !important;
    padding: .3rem .75rem .4rem .75rem !important;
}


/* Navbar */

.navbar-brand img {
    max-width: 6rem;
}

.navbar-nav {
    margin: 0 .5rem;
}

.navbar-nav .nav-item {
    margin: 0 .5rem 0 0;
}
.dropdown-menu{
    padding: 0;
    overflow: hidden;
}
.dropdown-item{padding: .45rem .75rem;}
.dropdown-item:hover{
    color: var(--mk-bg);
    background:var(--mk-primary);
}

.bi-search {
    color: var(--mk-primary)
}

.mk-search {
    margin: 0 auto;
}

.mk-search .form-control {
    border-radius: 1rem;
    padding: .45rem .75rem;
}

.mk-search .btn-light {
    border-radius: 0 1rem 1rem 0 !important;
}

.navbar-user .nav-item {
    margin: 0;
}

@media (max-width: 1024px) {
    .mk-search {
        margin: 1rem auto;
    }
    .navbar-user {
        flex-direction: row-reverse;
        justify-content: space-around;
        border-top: 1px solid #ffffff44;
    }
    .dropdown-menu {
        background: #1e293b;
    }
    .dropdown-item {
        color: #f8fafc;
    }
    .navbar-user .nav-50 {
        width: 50%;
        margin: 0 !important;
    }
    .navbar-user .nav-item .btn {
        width: 100%;
    }
}


/* Netflix 橫向分類列 */


/* 課程卡片 */

.course-card {
    height: inherit !important;
}

.cc-price {
    display: grid;
    text-align: right;
    align-items: end;
    min-height: 3rem;
}

.course-card .cc-price .orig {
    margin: 0 0 -8px 0 !important;
}


/* footer */

.mk-footer h5 img {
    max-width: 6rem;
}