|
38 | 38 | -moz-osx-font-smoothing: grayscale; |
39 | 39 | } |
40 | 40 |
|
| 41 | +/* ---------- Navbar — glassmorphic over hero ---------- */ |
| 42 | +body.td-home .td-navbar { |
| 43 | + background: rgba(8, 12, 31, 0.55) !important; |
| 44 | + backdrop-filter: blur(16px) saturate(1.4); |
| 45 | + -webkit-backdrop-filter: blur(16px) saturate(1.4); |
| 46 | + border-bottom: 1px solid rgba(255, 255, 255, 0.06); |
| 47 | + box-shadow: 0 1px 24px rgba(0, 0, 0, 0.12); |
| 48 | + transition: background 0.3s ease, box-shadow 0.3s ease; |
| 49 | +} |
| 50 | +body.td-home .td-navbar .navbar-brand__name { |
| 51 | + font-family: var(--capa-font); |
| 52 | + font-weight: 800; |
| 53 | + font-size: 1.15rem; |
| 54 | + color: #fff !important; |
| 55 | + letter-spacing: -0.3px; |
| 56 | +} |
| 57 | +body.td-home .td-navbar .navbar-brand__logo svg { |
| 58 | + width: 24px; |
| 59 | + height: 24px; |
| 60 | + color: var(--capa-cyan); |
| 61 | +} |
| 62 | +body.td-home .td-navbar .nav-link { |
| 63 | + color: rgba(255, 255, 255, 0.7) !important; |
| 64 | + font-family: var(--capa-font); |
| 65 | + font-weight: 500; |
| 66 | + font-size: 0.88rem; |
| 67 | + transition: color 0.2s ease; |
| 68 | +} |
| 69 | +body.td-home .td-navbar .nav-link:hover, |
| 70 | +body.td-home .td-navbar .nav-link.active { |
| 71 | + color: #fff !important; |
| 72 | +} |
| 73 | +body.td-home .td-navbar .dropdown-toggle { |
| 74 | + color: rgba(255, 255, 255, 0.7) !important; |
| 75 | +} |
| 76 | +body.td-home .td-navbar .dropdown-toggle:hover { |
| 77 | + color: #fff !important; |
| 78 | +} |
| 79 | +/* Search box styling in navbar */ |
| 80 | +body.td-home .td-navbar .td-search__input { |
| 81 | + background: rgba(255, 255, 255, 0.06) !important; |
| 82 | + border: 1px solid rgba(255, 255, 255, 0.1) !important; |
| 83 | + color: rgba(255, 255, 255, 0.8) !important; |
| 84 | + border-radius: 8px; |
| 85 | + font-size: 0.82rem; |
| 86 | + font-family: var(--capa-font); |
| 87 | + transition: all 0.25s ease; |
| 88 | +} |
| 89 | +body.td-home .td-navbar .td-search__input::placeholder { |
| 90 | + color: rgba(255, 255, 255, 0.35); |
| 91 | +} |
| 92 | +body.td-home .td-navbar .td-search__input:focus { |
| 93 | + background: rgba(255, 255, 255, 0.1) !important; |
| 94 | + border-color: rgba(79, 108, 255, 0.4) !important; |
| 95 | + box-shadow: 0 0 0 3px rgba(79, 108, 255, 0.12); |
| 96 | + outline: none; |
| 97 | +} |
| 98 | +body.td-home .td-navbar .td-search__icon::before { |
| 99 | + color: rgba(255, 255, 255, 0.4); |
| 100 | +} |
| 101 | + |
41 | 102 | /* ---------- Scroll Reveal ---------- */ |
42 | 103 | .capa-reveal { |
43 | 104 | opacity: 0; |
|
0 commit comments