/* ========== Icons Styles ========== */
/* This file contains all icon-related styles for the WWWUI Grid Slider */

/* ========== Arrow Button Icons ========== */
.arrow-btn svg {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  stroke: var(--popover-bg);
  stroke-width: 3;
  opacity: 1;
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.arrow-btn:hover svg {
  transform: scale(1.2);
  opacity: 0.8;
}

/* Mobile arrow button icon sizing */
@media (max-width: 767px) {
  /* Increase chevron size on mobile */
  .arrow-btn svg {
    width: 36px;
    height: 36px;
  }
}

/* ========== Menu Toggle Icons ========== */
#menu-toggle svg {
  /* stroke removed */
  width: 24px;
  height: 24px;
}

/* Icon visibility states */
#icon-menu {
  display: block;
}

#icon-close {
  display: none;
}

/* ========== Header Navigation Icons ========== */
.header-content nav a svg {
  width: 24px;
  height: 24px;
  transition: opacity var(--transition-fast);
}

.header-content nav a:hover svg {
  opacity: 0.8;
}