/*-----------------------------------------------------------
/  Pixel & Byte brand overrides
/  Loaded after theme.css / responsive.css.
/  Palette taken from the logo: #0b1c28 navy, white, Exo 2.
/-----------------------------------------------------------*/

:root {
  --pb-bg: #0b1c28;
  --pb-panel: #0f2736;
  --pb-panel-2: #0e2230;
  --pb-line: rgba(255, 255, 255, 0.12);
  --pb-text: #c6d6e0;
  --pb-muted: #8fa6b3;
  --pb-heading: #ffffff;
  --pb-accent: #4be3ae;
  --pb-accent-dark: #2fc290;
}

body {
  background: var(--pb-bg);
  color: var(--pb-text);
}

/* ---- Typography: Exo 2 everywhere the hero isn't ---- */
h1,
h2,
h3,
h4,
h5,
h6,
.secTitle,
.secSubTitle,
.widgetTitle,
.page-title,
.sdb-widgetTitle,
.srv-DetailsTitle,
.detailsSec-subTitle,
.anmoCounter01,
.Free-Consulation h2 {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: var(--pb-heading);
  letter-spacing: 0.02em;
}

/* Hero slider keeps its original look (images + Heebo headings) */
.rev_slider .tp-caption.hebbo,
.rev_slider .textLayer {
  font-family: "Heebo", sans-serif;
}

/* Nav, buttons and small labels get the terminal treatment */
.mainMenu > ul > li > a,
.mainMenu ul li ul li a,
.anmoBTN01,
.anmoBTN2,
.pageBannerPath span,
.tb-contect-expert,
.tb-contect-tel {
  font-family: "Exo 2", sans-serif;
  letter-spacing: 0.04em;
}

.mainMenu > ul > li > a {
  font-weight: 600;
}

.anmoBTN01,
.anmoBTN2 {
  font-weight: 600;
  text-transform: uppercase;
  color: #06131c;
  border-radius: 2px;
}

.anmoBTN01:hover,
.anmoBTN2:hover {
  color: #06131c;
}

/* ---- Header / topbar ---- */
.Header-Topbar01 {
  background: #071520;
  border-bottom: 1px solid var(--pb-line);
}

.header01 {
  background: var(--pb-bg);
}

.header01.isSticky,
.header01.fixedHeader,
.header01.fixedHeader .headerInner01 {
  background: var(--pb-bg);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
}

.mainMenu > ul > li > a {
  color: #e8f1f7;
}

.mainMenu > ul > li > a:hover,
.mainMenu > ul > li > a.active {
  color: var(--pb-accent);
}

.mainMenu ul li ul {
  background: var(--pb-panel);
  border: 1px solid var(--pb-line);
}

.mainMenu ul li ul li a {
  color: #e8f1f7;
}

.mainMenu ul li ul li a:hover {
  color: var(--pb-accent);
}

.accessNav .menuToggler,
.accessNav .menuToggler span {
  color: #e8f1f7;
}

/* ---- Text-based logo lockup ---- */
.pb-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.pb-logo .pb-logo-mark {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
}

.pb-logo .pb-logo-text {
  font-family: "Exo 2", sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 0.22em;
  white-space: nowrap;
}

.pb-logo:hover .pb-logo-text {
  color: var(--pb-accent);
}

.footer-logo .pb-logo {
  justify-content: center;
}

/* ---- Sections that were still light after the palette remap ---- */
.pageBanner,
.pageBannerDrone {
  background-color: #071520;
}

.serviceDetails-section,
.aboutCompany01,
.Free-consulation-section {
  background: var(--pb-bg);
}

/* Cards, panels, form fields */
.Free-Consulation {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--pb-line);
}

.Free-Consulation form input,
.Free-Consulation form textarea,
.searchForm .form-group input {
  background: #0a1822;
  border: 1px solid var(--pb-line);
  color: #e8f1f7;
}

.Free-Consulation form input::placeholder,
.Free-Consulation form textarea::placeholder {
  color: var(--pb-muted);
}

.iconBox02,
.sdb-widget,
.serviceCat-menuContent {
  background: transparent;
}

.iconBox02 h3,
.iconBox02 p {
  color: var(--pb-text);
}

.iconBox02 h3 {
  color: var(--pb-heading);
}

/* Generic text elements that shipped dark-on-light */
p,
.secDesc,
.aboutCompany01-desc,
.srv-DetailsDesc,
.srv-DetailsList li,
.srv-ProcessList li,
.about-widgetContent p {
  color: var(--pb-text);
}

.srv-DetailsList li strong,
.aboutCompany01-desc strong {
  color: #ffffff;
}

a {
  color: var(--pb-accent);
}

a:hover {
  color: var(--pb-accent-dark);
}

/* ---- Footer ---- */
.footer-area,
.siteInfoSection {
  background: #071520;
}

.siteInfoSection {
  border-top: 1px solid var(--pb-line);
}

.footer-area .widgetTitle {
  color: #ffffff;
}

.footer-area a,
.siteInfo,
.siteInfo a {
  color: var(--pb-muted);
}

.footer-area a:hover,
.siteInfo a:hover {
  color: var(--pb-accent);
}

/* Counter block sits on the accent colour — dark text for contrast */
.anmoCounter .anmoCounter01,
.anmoCounter .anmoCounter01 .timer,
.anmoCounter .anmoCounter01-desc {
  color: #06131c;
}

/* ---- Odd leftovers ---- */
::selection {
  background: var(--pb-accent);
  color: #06131c;
}