/* theme toggle: same button and icons as the site header */
.theme-toggle-button { padding: .5rem; border-radius: .5rem; background-color: #f3f4f6; color: #4b5563; transition: all .3s; }
[data-bs-theme="dark"] .theme-toggle-button { background-color: #1f2937; color: #d1d5db; }
.theme-toggle-button:hover { color: #0891b2; background-color: #cffafe; }
[data-bs-theme="dark"] .theme-toggle-button:hover { color: #f3f4f6; background-color: #374151; }
.theme-icon-wrapper { position: relative; width: 1.5rem; height: 1.5rem; }
#theme-icon-sun, #theme-icon-moon { position: absolute; inset: 0; width: 1.5rem; height: 1.5rem; transition: all .3s; }
#theme-icon-sun { color: #eab308; opacity: 0; transform: rotate(90deg) scale(0); }
#theme-icon-moon { color: #60a5fa; opacity: 1; transform: rotate(0deg) scale(1); }
/* the phone icon is a black svg on a blue pill: show it white */
.getintouch_btnheader img { filter: brightness(0) invert(1); }
.have-queries { margin-top: 0 !important; }
/* header is now a flex row, so the old offsets that dropped the pill below the text go */
.getintouch_btnheader { top: 0 !important; margin-top: 0 !important; display: inline-flex !important; align-items: center; }