/**
 * Theme-related CSS variables (globals).
 * Used by frontend and admin panel.
 */
:root {
  /* ESPECA theme colors */
  --theme-color: #E1E1E1;
  --color-off-white: #E1E1E1;

  /* Override template theme/white to use ESPECA palette */
  --tp-common-white: var(--color-off-white);
  --tp-common-white-2: var(--color-off-white);
  --tp-common-white-solid: var(--color-off-white);
  --tp-theme-primary: var(--theme-color);
  --tp-theme-color: var(--theme-color);
  --tp-theme-1: var(--theme-color);
  color: #E1E1E1 --tp-primary: #0a0a0a;
  --tp-primary-light: #1a1a1a;
  --tp-accent: #2e7d32;
  --tp-accent-hover: #1b5e20;
  --tp-bg: #f8f9fa;
  --tp-bg-card: var(--color-off-white);
  --tp-border: #e0e0e0;
  --tp-text: #212121;
  --tp-text-muted: #757575;
  --admin-sidebar-bg: #1a1d29;
  --admin-sidebar-text: #e4e6eb;
  --admin-sidebar-width: 260px;
  --admin-sidebar-collapsed-width: 72px;
  --admin-header-height: 56px;
}

/* Override third-party white for ESPECA off-white */
.elementor-custom-embed-play i {
  color: var(--color-off-white);
}

.elementor-custom-embed-play svg {
  fill: var(--color-off-white);
}

.header-division {
  justify-content: space-between;
}

/* Navbar: mobile offcanvas dropdowns */
.tp-offcanvas-menu ul li.has-dropdown-mobile .tp-submenu {
  display: none;
}

.tp-offcanvas-menu ul li.has-dropdown-mobile.open .tp-submenu {
  display: block;
}

.tp-offcanvas-menu ul li.has-dropdown-mobile .nav-links-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tp-offcanvas-menu ul li.has-dropdown-mobile .nav-links-toggle::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.tp-offcanvas-menu ul li.has-dropdown-mobile.open .nav-links-toggle::after {
  transform: rotate(-135deg);
}