/* Safe area insets for iOS devices */
/* Uses env() variables for proper handling of notches and home indicators */

/* Conservative approach - use smaller of existing padding or safe area */
@supports (padding: max(0px)) {
  /* Navigation bar - use safe area but don't add extra */
  #nav {
    padding-top: max(var(--block-space-half), env(safe-area-inset-top));
  }

  /* Composer at bottom - ensure home indicator clearance */
  .composer {
    padding-bottom: max(var(--block-space-half), env(safe-area-inset-bottom));
  }

  /* Global audio controls - minimal safe area */
  #global-audio-controls {
    padding-top: max(4px, env(safe-area-inset-top));
    padding-left: max(4px, env(safe-area-inset-left));
    padding-right: max(4px, env(safe-area-inset-right));
  }

  /* Sidebar - smaller padding */
  #sidebar {
    padding-top: max(var(--block-space-half), env(safe-area-inset-top));
    padding-bottom: max(var(--block-space-half), env(safe-area-inset-bottom));
  }

  /* Main content - minimal bottom padding */
  #main-content {
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* Floating buttons - adjust position for safe area */
  .floating-button,
  .fab {
    bottom: calc(env(safe-area-inset-bottom) + var(--block-space));
    right: calc(env(safe-area-inset-right) + var(--inline-space));
  }

  /* Modal/overlay - use safe areas directly */
  .modal,
  .overlay {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

/* Specific adjustments for landscape orientation */
@media (orientation: landscape) {
  @supports (padding: max(0px)) {
    #nav {
      padding-left: env(safe-area-inset-left);
      padding-right: env(safe-area-inset-right);
    }

    #main-content {
      padding-left: env(safe-area-inset-left);
      padding-right: env(safe-area-inset-right);
    }
  }
}