41 lines
1.7 KiB
CSS
41 lines
1.7 KiB
CSS
/* Make nav links bigger and bolder */
|
|
.navbar-nav .nav-link {
|
|
font-size: 20px; /* larger text */
|
|
font-weight: 600; /* semi-bold */
|
|
color: #111827; /* dark gray */
|
|
padding: 12px 18px; /* more clickable area */
|
|
transition: color .2s;
|
|
}
|
|
|
|
/* Hover effect */
|
|
.navbar-nav .nav-link:hover {
|
|
color: #4F46E5; /* highlight color */
|
|
}
|
|
.navbar {
|
|
background-color: #fff !important; /* keep navbar white */
|
|
border-bottom: 1px solid rgba(0,0,0,0.1); /* barely visible line */
|
|
}
|
|
|
|
|
|
|
|
.navbar .btn-light:hover {
|
|
background: #ffe082;
|
|
color: #111;
|
|
}
|
|
.nav-premium-link{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:8px 10px;border-radius:8px;color:#315575;background:#eef5fc;font-size:.7rem;font-weight:700;text-decoration:none}.nav-premium-link:hover{color:#096be5;background:#e4f0ff}.nav-premium-link.is-active{color:#117344;background:#e8f7ef}@media(max-width:991px){.nav-premium-link{justify-content:center;width:100%;margin:0}}
|
|
|
|
/* Keep authenticated actions aligned as one compact desktop group. */
|
|
.navbar-collapse{min-width:0}
|
|
.navbar-actions{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:8px;white-space:nowrap}
|
|
.navbar-actions .btn{min-height:42px;margin:0!important}
|
|
.nav-premium-link{min-height:42px;margin:0;padding:0 12px;border:1px solid #d7e5f2;background:#f7faff}
|
|
.nav-premium-link.is-active{border-color:#cce8d8;background:#edf8f2}
|
|
@media(max-width:1280px) and (min-width:992px){
|
|
.navbar-nav{gap:18px}
|
|
.navbar-nav .nav-link{padding-right:5px!important;padding-left:5px!important}
|
|
}
|
|
@media(max-width:991px){
|
|
.navbar-actions{width:100%;flex-wrap:wrap}
|
|
.nav-premium-link{width:100%}
|
|
}
|