/* ===== BASE ===== */
@import url('./reset.css');
@import url('./main.css');

/* ===== LAYOUT ===== */
@import url('./header.css');
@import url('./footer.css');

/* ===== SECTIONS (index) ===== */
@import url('./sections/hero.css');
@import url('./sections/about.css');
@import url('./sections/spec.css');
@import url('./sections/advantages.css');
@import url('./sections/juris.css');
@import url('./sections/steps.css');
@import url('./sections/contact.css');

/* ===== PAGES ===== */
@import url('./pages/services.css');
@import url('./pages/contacts.css');

/* ===== RESPONSIVE ===== */
/* @import url('./responsive.css'); */

/* ===== THEME TOGGLE ===== */
.theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 5px;
  transition: background-color 0.2s;
  color: var(--text-primary);
  margin-left: auto;
  margin-right: 40px;
}

.theme-toggle__icon path {
  transition: fill 0.2s;
}

@media (hover: hover) {
  .theme-toggle:hover .theme-toggle__icon path {
    fill: var(--accent-blue);
  }

  .theme-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  [data-theme='light'] .theme-toggle:hover {
    background: rgba(0, 0, 0, 0.08);
  }
}

.theme-toggle:active .theme-toggle__icon path {
  fill: var(--accent-blue);
}

.theme-toggle:active {
  background: rgba(255, 255, 255, 0.1);
}

[data-theme='light'] .theme-toggle:active {
  background: rgba(0, 0, 0, 0.08);
}

[data-theme='dark'] .theme-toggle__icon_sun {
  display: none;
}

[data-theme='light'] .theme-toggle__icon_moon {
  display: none;
}

#sprites {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

@media (max-width: 768px) {
  .theme-toggle {
    margin-right: 12px;
    height: 24px;
    width: 24px;
    padding: 1px;
  }

  .theme-toggle__icon_moon {
    width: 18px;
  }

  .theme-toggle__icon_sun {
    width: 17px;
  }

  .btn_full-mobile {
    width: 100%;
  }

  .about,
  .spec,
  .advantages,
  .juris,
  .steps,
  .contact {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}