| @@ -145,17 +145,39 @@ | ||
| 145 | 145 | } |
| 146 | 146 | |
| 147 | 147 | /* ── Middle: text ──────────────────────────────────────────────────────────── */ |
| 148 | 148 | .bkbg-div-mid-text { |
| 149 | - font-size: var(--bkbg-div-text-size); | |
| 150 | - font-weight: var(--bkbg-div-text-weight); | |
| 151 | - color: var(--bkbg-div-text-color); | |
| 152 | - background: var(--bkbg-div-text-bg); | |
| 153 | - padding: var(--bkbg-div-text-pv) var(--bkbg-div-text-ph); | |
| 154 | - border-radius: var(--bkbg-div-text-radius); | |
| 155 | - white-space: nowrap; | |
| 156 | - line-height: 1.2; | |
| 157 | - display: inline-block; | |
| 149 | + font-family: var(--bkdv-tt-font-family, inherit); | |
| 150 | + font-size: var(--bkdv-tt-font-size-d, var(--bkbg-div-text-size, 14px)); | |
| 151 | + font-weight: var(--bkdv-tt-font-weight, var(--bkbg-div-text-weight, 400)); | |
| 152 | + font-style: var(--bkdv-tt-font-style, normal); | |
| 153 | + text-decoration: var(--bkdv-tt-text-decoration, none); | |
| 154 | + text-transform: var(--bkdv-tt-text-transform, none); | |
| 155 | + line-height: var(--bkdv-tt-line-height-d, 1.2); | |
| 156 | + letter-spacing: var(--bkdv-tt-letter-spacing-d, normal); | |
| 157 | + word-spacing: var(--bkdv-tt-word-spacing-d, normal); | |
| 158 | + color: var(--bkbg-div-text-color); | |
| 159 | + background: var(--bkbg-div-text-bg); | |
| 160 | + padding: var(--bkbg-div-text-pv) var(--bkbg-div-text-ph); | |
| 161 | + border-radius: var(--bkbg-div-text-radius); | |
| 162 | + white-space: nowrap; | |
| 163 | + | |
| 164 | +/* ── Responsive typography — centrepiece text ──────────────────────────────── */ | |
| 165 | +@media (max-width: 1024px) { | |
| 166 | + .bkbg-div-mid-text { | |
| 167 | + font-size: var(--bkdv-tt-font-size-t, var(--bkdv-tt-font-size-d, var(--bkbg-div-text-size, 14px))); | |
| 168 | + line-height: var(--bkdv-tt-line-height-t, var(--bkdv-tt-line-height-d, 1.2)); | |
| 169 | + letter-spacing: var(--bkdv-tt-letter-spacing-t, var(--bkdv-tt-letter-spacing-d, normal)); | |
| 170 | + word-spacing: var(--bkdv-tt-word-spacing-t, var(--bkdv-tt-word-spacing-d, normal)); | |
| 171 | + } | |
| 172 | +} | |
| 173 | +@media (max-width: 767px) { | |
| 174 | + .bkbg-div-mid-text { | |
| 175 | + font-size: var(--bkdv-tt-font-size-m, var(--bkdv-tt-font-size-t, var(--bkdv-tt-font-size-d, var(--bkbg-div-text-size, 14px)))); | |
| 176 | + line-height: var(--bkdv-tt-line-height-m, var(--bkdv-tt-line-height-t, var(--bkdv-tt-line-height-d, 1.2))); | |
| 177 | + letter-spacing: var(--bkdv-tt-letter-spacing-m, var(--bkdv-tt-letter-spacing-t, var(--bkdv-tt-letter-spacing-d, normal))); | |
| 178 | + word-spacing: var(--bkdv-tt-word-spacing-m, var(--bkdv-tt-word-spacing-t, var(--bkdv-tt-word-spacing-d, normal))); | |
| 179 | + } | |
| 158 | 180 | } |
| 159 | 181 | |
| 160 | 182 | /* ── "No middle" shorthand: hide right segment when flex 0 ─────────────────── */ |
| 161 | 183 | .bkbg-div-seg[style*="flex: 0 0 0px"] { |
