/* Dark Tech Theme for Ultimate IP */
:root {
  --bg-dark: #0a0a1a;
  --bg-card: rgba(255, 255, 255, 0.05);
  --text-primary: #ffffff;
  --text-secondary: #a0a0b0;
  --accent-cyan: #00f2ff;
  --accent-purple: #bc13fe;
  --gradient-bg: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  --glass-border: 1px solid rgba(255, 255, 255, 0.1);
}

body {
  background: var(--gradient-bg) !important;
  color: var(--text-primary) !important;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

/* Header & Footer */
.header {
  background: rgba(10, 10, 26, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.footer {
  background: rgba(10, 10, 26, 0.9) !important;
  backdrop-filter: blur(10px);
  border-bottom: var(--glass-border);
}

.header__logo_text,
.footer__logo .header__logo_text {
  color: var(--accent-cyan) !important;
  text-shadow: 0 0 10px rgba(0, 242, 255, 0.5);
  font-weight: 700;
}

.menu__link,
.column-footer__link {
  color: var(--text-secondary) !important;
  transition: all 0.3s ease;
}

.menu__link:hover,
.column-footer__link:hover {
  color: var(--accent-cyan) !important;
  text-shadow: 0 0 5px var(--accent-cyan);
}

/* Main Block */
.mainblock__title {
  color: var(--text-primary) !important;
}

#typed {
  color: var(--accent-cyan) !important;
}

.mainblock__text p {
  color: var(--text-secondary) !important;
}

.mainblock__text span {
  color: var(--accent-purple) !important;
  font-weight: bold;
}

/* Buttons */
.button,
button {
  background: linear-gradient(
    90deg,
    var(--accent-cyan),
    var(--accent-purple)
  ) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 0 15px rgba(0, 242, 255, 0.3) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.button:hover,
button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 25px rgba(0, 242, 255, 0.6) !important;
}

/* Cards & Sections */
.advantages__item,
.item-premium,
.slide-learn,
.partners-decription__slide {
  background: var(--bg-card) !important;
  border: var(--glass-border) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(5px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  color: var(--text-primary) !important;
}

.advantages__title {
  color: var(--accent-cyan) !important;
}

.item-premium__title,
.slide-learn__title,
.item-business__title {
  color: var(--text-primary) !important;
}

.item-premium__subtitle span {
  color: var(--accent-purple) !important;
}

.item-premium__list li {
  color: var(--text-secondary) !important;
}

.item-premium:hover,
.slide-learn:hover {
  border-color: var(--accent-cyan) !important;
  box-shadow: 0 0 20px rgba(0, 242, 255, 0.2) !important;
}

/* Titles */
.title,
h2 {
  color: var(--text-primary) !important;
}

.title span {
  color: var(--accent-cyan) !important;
}

/* Footer bottom */
.footer__copy {
  color: var(--text-secondary) !important;
}

.footer__copy a {
  color: var(--accent-cyan) !important;
}

/* Specific Element Overrides */
.business__items .item-business {
  background: transparent !important; /* Ensure icons blend in or add cards if needed */
}

/* Ensure text readability on dark background */
p,
li,
span,
div {
  color: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--accent-purple);
  border-radius: 4px;
}

/* Fix visibility for tarif section */
.tarif__title, .tarif__text {
    color: #000000 !important;
}