/**
 * @file
 * SmartOhm color styling for Team+ theme.
 * Dark theme with Electric Green (#BDFF14) accent
 * 
 * VERSION 4: COLOURS ONLY - No style changes
 */
:root {
  /*base color - text colors for dark theme*/
  --mt-color-base: #e0e0e8;
  --mt-color-base-dark: #a0a0b0;
  --mt-color-base-light: #ffffff;
  --mt-color-base-contrast: #0a0a0f;
  --mt-color-base-value: 224, 224, 232;
  --mt-color-base-contrast-value: 10, 10, 15;

  /*primary color - Electric Green*/
  --mt-color-primary: #BDFF14;
  --mt-color-primary-dark: #9ed600;
  --mt-color-primary-light: #d4ff5c;
  --mt-color-primary-contrast: #0a0a0f;
  --mt-color-primary-value: 73, 100%, 54%;
  --mt-color-primary-dark-value: 73, 100%, 42%;
  --mt-color-primary-light-value: 73, 100%, 68%;
  --mt-color-primary-contrast-value: 10, 10, 15;
  --mt-color-primary-filter: invert(85%) sepia(68%) saturate(497%) hue-rotate(27deg) brightness(104%) contrast(104%);

  /*accent color*/
  --mt-color-accent: #1a1a24;
  --mt-color-accent-dark: #12121a;
  --mt-color-accent-light: #2a2a3a;
  --mt-color-accent-contrast: #e0e0e8;
  --mt-color-accent-contrast-value: 224, 224, 232;

  /*secondary color - Electric Green*/
  --mt-color-secondary: #BDFF14;
  --mt-color-secondary-dark: #9ed600;
  --mt-color-secondary-light: #1a1a24;
  --mt-color-secondary-contrast: #0a0a0f;
  --mt-color-secondary-value: 73, 100%, 54%;

  /*tint background*/
  --mt-color-tint: #0a0a0f;
  --mt-color-tint-contrast: #e0e0e8;
  --mt-color-tint-contrast-value: 224, 224, 232;

  /*shade background*/
  --mt-color-shade: #0a0a0f;
  --mt-color-shade-contrast: #e0e0e8;
  --mt-color-shade-contrast-value: 224, 224, 232;

  /*dark colored background*/
  --mt-color-dark-colored: #0f1a0a;
  --mt-color-dark-colored-contrast: #e0e0e8;
  --mt-color-dark-colored-value: 90, 45%, 7%;
  --mt-color-dark-colored-contrast-value: 224, 224, 232;

  /*colored background - Electric Green*/
  --mt-color-colored: #BDFF14;
  --mt-color-colored-light: #d4ff5c;
  --mt-color-colored-contrast: #0a0a0f;
  --mt-color-colored-value: 73, 100%, 54%;
  --mt-color-colored-contrast-value: 10, 10, 15;

  /*bright background*/
  --mt-color-bright: #0a0a0f;
  --mt-color-bright-contrast: #e0e0e8;
  --mt-color-bright-value: 10, 10, 15;
  --mt-color-bright-contrast-value: 224, 224, 232;

  /*dark background*/
  --mt-color-dark: #0a0a0f;
  --mt-color-dark-contrast: #e0e0e8;
  --mt-color-dark-contrast-value: 224, 224, 232;

  /*pattern background*/
  --mt-color-pattern: #0a0a0f;
  --mt-color-pattern-contrast: #e0e0e8;
  --mt-color-pattern-contrast-value: 224, 224, 232;

  /*default background*/
  --mt-color-default: #0a0a0f;
  --mt-color-default-light: #0a0a0f;
  --mt-color-default-contrast: #e0e0e8;
  --mt-color-default-value: 10, 10, 15;
  --mt-color-default-contrast-value: 224, 224, 232;

  /*success*/
  --mt-color-success: #4ade80;
  --mt-color-success-dark: #22c55e;
  --mt-color-success-contrast: #0a0a0f;

  /*danger*/
  --mt-color-danger: #f87171;
  --mt-color-danger-dark: #ef4444;
  --mt-color-danger-contrast: #0a0a0f;

  /*warning*/
  --mt-color-warning: #fbbf24;
  --mt-color-warning-dark: #f59e0b;
  --mt-color-warning-contrast: #0a0a0f;

  /*forms*/
  --mt-form-border: rgba(224, 224, 232, 0.2);
  --mt-form-border-contrast: rgba(224, 224, 232, 0.4);
  --mt-form-border-focus: #BDFF14;
  --mt-form-border-focus-contrast: #BDFF14;
  --mt-form-color: #e0e0e8;
  --mt-form-color-contrast: #e0e0e8;
  --mt-form-label-color: rgba(224, 224, 232, 0.9);
  --mt-form-placeholder: rgba(224, 224, 232, 0.5);
  --mt-form-placeholder-contrast: rgba(224, 224, 232, 0.5);
  --mt-active-cell: rgba(189, 255, 20, 0.12);
}

/* ============================================
   COLOUR OVERRIDES ONLY
   ============================================ */

/* Body */
body {
  background-color: #0a0a0f !important;
  color: #e0e0e8;
}

/* ============================================
   HEADER COLOURS
   ============================================ */

.header-container {
  background-color: transparent !important;
}

.header-top-highlighted,
.header-top-highlighted.region--default-background {
  background-color: #0a0a0f !important;
  border-bottom-color: #2a2a3a;
}

.header,
.header.region--default-background {
  background-color: #0a0a0f !important;
}

/* Header blocks - transparent backgrounds */
.header-container .block,
.header-top-highlighted .block,
.header .block {
  background-color: transparent !important;
  border-color: transparent !important;
}

/* ============================================
   NAVIGATION COLOURS
   ============================================ */

/* Top level menu links */
.sf-menu > li > a {
  color: #e0e0e8 !important;
}

.sf-menu > li > a:hover,
.sf-menu > li > a:focus,
.sf-menu > li.sfHover > a {
  color: #BDFF14 !important;
}

/* Dropdown menus */
.sf-menu ul {
  background-color: #1a1a24 !important;
  border-color: #2a2a3a !important;
}

.sf-menu ul li {
  background-color: #1a1a24 !important;
  border-bottom-color: #2a2a3a;
}

/* Dropdown menu links */
.sf-menu ul a,
.sf-menu li li a {
  color: #e0e0e8 !important;
  background-color: transparent !important;
}

.sf-menu ul a:hover,
.sf-menu ul a:focus,
.sf-menu li li a:hover,
.sf-menu ul li.sfHover > a {
  color: #BDFF14 !important;
  background-color: rgba(189, 255, 20, 0.1) !important;
}

/* Dropdown arrows */
.sf-arrows .sf-with-ul:after {
  border-top-color: #e0e0e8;
}

.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #BDFF14;
}

.sf-arrows ul .sf-with-ul:after {
  border-left-color: #e0e0e8;
}

.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #BDFF14;
}

/* Contact me CTA button - COLOURS ONLY */
.sf-menu > li:last-child > a {
  background-color: #BDFF14 !important;
  color: #0a0a0f !important;
}

.sf-menu > li:last-child > a:hover {
  background-color: #d4ff5c !important;
  color: #0a0a0f !important;
}

/* ============================================
   TOP BAR COLOURS
   ============================================ */

.header-top-highlighted a {
  color: #e0e0e8 !important;
}

.header-top-highlighted a:hover {
  color: #BDFF14 !important;
}

.header-top-highlighted .phone-number-no-button {
  color: #BDFF14 !important;
}

.icons-list a {
  color: #a0a0b0 !important;
}

.icons-list a:hover {
  color: #BDFF14 !important;
}

/* ============================================
   REGION BACKGROUND COLOURS
   ============================================ */

.region--default-background {
  background-color: #0a0a0f !important;
  color: #e0e0e8;
}

.region--bright-background {
  background-color: #0a0a0f !important;
  color: #e0e0e8;
}

.region--accent-background {
  background-color: #12121a !important;
  color: #e0e0e8;
}

.region--tint-background {
  background-color: #0a0a0f !important;
  color: #e0e0e8;
}

.region--shade-background {
  background-color: #0a0a0f !important;
  color: #e0e0e8;
}

.region--pattern {
  background-color: #0a0a0f !important;
}

.region--colored-background {
  background-color: #BDFF14 !important;
  color: #0a0a0f !important;
}

.region--colored-background a {
  color: #0a0a0f !important;
}

/* ============================================
   FOOTER COLOURS
   ============================================ */

.footer,
footer {
  background-color: #0a0a0f !important;
  color: #a0a0b0;
  border-top-color: #2a2a3a;
}

.footer .block {
  background-color: transparent !important;
  border-color: transparent !important;
}

.footer a {
  color: #e0e0e8 !important;
}

.footer a:hover {
  color: #BDFF14 !important;
}

.subfooter,
.footer-bottom {
  background-color: #0a0a0f !important;
  border-top-color: #2a2a3a;
}

/* ============================================
   BUTTON COLOURS
   ============================================ */

.mt-button {
  background-color: #BDFF14 !important;
  color: #0a0a0f !important;
}

.mt-button:hover {
  background-color: #d4ff5c !important;
  color: #0a0a0f !important;
}

/* ============================================
   FORM INPUT COLOURS
   ============================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
  background-color: #1a1a24 !important;
  border-color: #2a2a3a !important;
  color: #e0e0e8 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: #BDFF14 !important;
}

::placeholder {
  color: #a0a0b0 !important;
}

/* ============================================
   GENERAL ELEMENT COLOURS
   ============================================ */

.to-top {
  background-color: #BDFF14 !important;
  color: #0a0a0f !important;
}

.to-top:hover {
  background-color: #d4ff5c !important;
}

a {
  color: #BDFF14;
}

a:hover {
  color: #d4ff5c;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

::selection {
  background-color: rgba(189, 255, 20, 0.3);
  color: #ffffff;
}

/* Transparent header when scrolling */
.transparent-header-active .header-container {
  background-color: transparent !important;
}

.transparent-header-active.scrolled .header-container {
  background-color: #0a0a0f !important;
}