/* ========================================
   CUSTOM CURSOR STYLES
   ======================================== */

/* ========== DESKTOP 1441px+ ========== */
@media (min-width: 1441px) {
  /* Hide default cursor when custom cursor is active */
  body.custom-cursor-active {
    cursor: none !important;
  }

  /* Custom cursor elements */
  .custom-cursor,
  .custom-cursor-pointer {
    position: fixed;
    width: 32px;
    height: 32px;
    pointer-events: none;
    z-index: 9999;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.2s ease, transform 0.1s ease;
  }

  .custom-cursor {
    background-image: url('../Cursor/Spirited Away Susuwatari Animated--cursor--SweezyCursors.png');
    background-position: center;
    background-size: 32px 32px;
  }

  .custom-cursor-pointer {
    background-image: url('../Cursor/Spirited Away Susuwatari Animated--pointer--SweezyCursors.png');
    background-position: center;
    opacity: 0;
  }

  /* Fallback cursor styles for browsers that don't support custom cursors */
  @supports not (cursor: url()) {
    body {
      cursor: auto;
    }
    
    a, button, .menu-circle, .dropdown-item, .work-card, .case-study-block, .miw-card, .cta-block, .scroll-to-top, .slider-arrow {
      cursor: pointer;
    }
    
    input, textarea, [contenteditable="true"] {
      cursor: text;
    }
  }
}

/* ========== DESKTOP 1024-1440px ========== */
@media (min-width: 1024px) and (max-width: 1440px) {
  /* Hide default cursor when custom cursor is active */
  body.custom-cursor-active {
    cursor: none !important;
  }

  /* Custom cursor elements */
  .custom-cursor,
  .custom-cursor-pointer {
    position: fixed;
    width: 32px;
    height: 32px;
    pointer-events: none;
    z-index: 9999;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.2s ease, transform 0.1s ease;
  }

  .custom-cursor {
    background-image: url('../Cursor/Spirited Away Susuwatari Animated--cursor--SweezyCursors.png');
    background-position: center;
    background-size: 32px 32px;
  }

  .custom-cursor-pointer {
    background-image: url('../Cursor/Spirited Away Susuwatari Animated--pointer--SweezyCursors.png');
    background-position: center;
    opacity: 0;
  }

  /* Fallback cursor styles for browsers that don't support custom cursors */
  @supports not (cursor: url()) {
    body {
      cursor: auto;
    }
    
    a, button, .menu-circle, .dropdown-item, .work-card, .case-study-block, .miw-card, .cta-block, .scroll-to-top, .slider-arrow {
      cursor: pointer;
    }
    
    input, textarea, [contenteditable="true"] {
      cursor: text;
    }
  }
}

/* ========== TABLET 800-1023px ========== */
@media (min-width: 800px) and (max-width: 1023px) {
  /* Отключаем кастомный курсор на планшетах */
  body.custom-cursor-active {
    cursor: auto !important;
  }
  
  .custom-cursor,
  .custom-cursor-pointer {
    display: none !important;
  }
  
  /* Восстанавливаем стандартные курсоры для интерактивных элементов */
  a, button, .menu-circle, .dropdown-item, .work-card, .case-study-block, .miw-card, .cta-block, .scroll-to-top, .slider-arrow {
    cursor: pointer !important;
  }
  
  input, textarea, [contenteditable="true"] {
    cursor: text !important;
  }
}

/* ========== TABLET 600-799px ========== */
@media (min-width: 600px) and (max-width: 799px) {
  /* Отключаем кастомный курсор на планшетах */
  body.custom-cursor-active {
    cursor: auto !important;
  }
  
  .custom-cursor,
  .custom-cursor-pointer {
    display: none !important;
  }
  
  /* Восстанавливаем стандартные курсоры для интерактивных элементов */
  a, button, .menu-circle, .dropdown-item, .work-card, .case-study-block, .miw-card, .cta-block, .scroll-to-top, .slider-arrow {
    cursor: pointer !important;
  }
  
  input, textarea, [contenteditable="true"] {
    cursor: text !important;
  }
}

/* ========== MOBILE 420-599px ========== */
@media (min-width: 420px) and (max-width: 599px) {
  /* Отключаем кастомный курсор на мобильных устройствах */
  body.custom-cursor-active {
    cursor: auto !important;
  }
  
  .custom-cursor,
  .custom-cursor-pointer {
    display: none !important;
  }
  
  /* Восстанавливаем стандартные курсоры для интерактивных элементов */
  a, button, .menu-circle, .dropdown-item, .work-card, .case-study-block, .miw-card, .cta-block, .scroll-to-top, .slider-arrow {
    cursor: pointer !important;
  }
  
  input, textarea, [contenteditable="true"] {
    cursor: text !important;
  }
}

/* ========== MOBILE 320-419px ========== */
@media (min-width: 320px) and (max-width: 419px) {
  /* Отключаем кастомный курсор на мобильных устройствах */
  body.custom-cursor-active {
    cursor: auto !important;
  }
  
  .custom-cursor,
  .custom-cursor-pointer {
    display: none !important;
  }
  
  /* Восстанавливаем стандартные курсоры для интерактивных элементов */
  a, button, .menu-circle, .dropdown-item, .work-card, .case-study-block, .miw-card, .cta-block, .scroll-to-top, .slider-arrow {
    cursor: pointer !important;
  }
  
  input, textarea, [contenteditable="true"] {
    cursor: text !important;
  }
}