/* Safari masaüstü tarayıcılar için özel düzeltmeler - HR-ON Funnel */
@media not all and (max-width: 768px) {
  /* Safari masaüstünde funnel görünümü düzeltmeleri */
  .hron-iphone-view .hron-mobile-funnel {
    display: block !important;
    opacity: 1 !important;
    transform: scale(0.85) rotate(0deg) !important; /* Döndürmeyi engelle */
    transform-origin: center center;
    width: 1500px !important;
    max-width: 100%;
    margin: 0 auto;
  }
  
  /* Safari masaüstünde desktop funnel gizleme */
  .hron-iphone-view .hron-desktop-funnel {
    display: none !important;
    opacity: 0;
  }
  
  /* Safari masaüstünde içeriklerin düzgün görünmesi için */
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image .hron-funnel-image-inner,
  .hron-iphone-view .hron-mobile-funnel foreignObject .hron-funnel-image > div[style*="position: relative"],
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image div[style*="width: 150px"],
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image div[style*="width: 140px"],
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image div[style*="width: 130px"],
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image div[style*="border-radius: 50%"] {
    transform: rotate(0deg) !important; /* Döndürmeyi engelle */
    transform-origin: center center !important;
  }
  
  /* Safari masaüstünde funnel container düzeltmeleri */
  .hron-iphone-view .hron-funnel-container {
    scale: 1;
    padding: 20px;
    margin: 20px auto;
    overflow: visible;
  }

  /* Safari masaüstünde modal düzeltmeleri */
  .hron-iphone-view .hron-modal-overlay {
    align-items: center !important;
    justify-content: center !important;
  }
  
  .hron-iphone-view .hron-modal-content {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 92% !important;
    max-width: 840px !important;
    height: auto !important;
    max-height: 85vh !important;
    border-radius: 16px !important;
    margin: 0 auto !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important;
    padding: 18px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transform: none !important;
  }

  /* Safari masaüstünde modal içeriklerinin düzgün görünmesi */
  .hron-iphone-view .hron-modal-title,
  .hron-iphone-view .hron-modal-subtitle,
  .hron-iphone-view .hron-modal-description,
  .hron-iphone-view .hron-modal-body {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Safari masaüstünde butonların düzgün görünmesi */
  .hron-iphone-view .hron-modal-actions {
    margin-top: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  
  /* Safari masaüstünde funnel elementlerinin hizalama düzeltmeleri */
  .hron-iphone-view .hron-mobile-funnel .hron-title-text {
    font-size: 24px;
    transform: rotate(0deg) !important;
    text-anchor: middle !important;
    dominant-baseline: central !important;
  }
  
  /* Safari masaüstünde aktif başlık stili */
  .hron-iphone-view .hron-mobile-funnel .hron-title-text.hron-active {
    font-size: 26px;
    margin-top: -4px !important;
    z-index: 1004 !important;
    transform: rotate(0deg) !important;
  }
  
  /* Safari masaüstünde tüm yazı ve etiketlerin döndürme sorununu düzeltme */
  .hron-iphone-view .hron-mobile-funnel text,
  .hron-iphone-view .hron-mobile-funnel tspan,
  .hron-iphone-view .hron-mobile-funnel .hron-title-text,
  .hron-iphone-view .hron-mobile-funnel .hron-layer-text {
    transform: rotate(0deg) !important;
    text-orientation: upright !important;
    writing-mode: horizontal-tb !important;
  }
  
  /* Safari masaüstünde SVG içindeki yazıların pozisyon düzeltmeleri */
  .hron-iphone-view .hron-mobile-funnel #recruit-title-mobile,
  .hron-iphone-view .hron-mobile-funnel #boarding-title-mobile,
  .hron-iphone-view .hron-mobile-funnel #staff-title-mobile,
  .hron-iphone-view .hron-mobile-funnel #wellbeing-title-mobile,
  .hron-iphone-view .hron-mobile-funnel [id^="white-layer-text-mobile"] {
    transform: rotate(0deg) !important;
  }
}

/* Safari masaüstü için doğrudan hedefleme */
@media screen and (min-width: 769px) {
  /* Safari masaüstü için tüm döndürmeleri engelle */
  .hron-iphone-view .hron-mobile-funnel {
    margin: 0 auto !important;
    transform: rotate(0deg) scale(0.85) !important; /* Döndürmeyi kesinlikle engelle */
  }
  
  /* Safari masaüstünde SVG elementleri için döndürme engelleme */
  .hron-iphone-view .hron-mobile-funnel svg,
  .hron-iphone-view .hron-mobile-funnel svg * {
    transform: rotate(0deg) !important;
    transform-origin: center center !important;
  }
  
  /* Safari masaüstünde tüm görsellerin düzgün duruşunu sağla */
  .hron-iphone-view .hron-mobile-funnel image,
  .hron-iphone-view .hron-mobile-funnel .hron-circle-placeholder {
    transform: rotate(0deg) !important;
    transform-origin: center center !important;
  }
  
  /* Safari masaüstünde yazıların düzgün duruşunu sağla */
  .hron-iphone-view .hron-mobile-funnel text,
  .hron-iphone-view .hron-mobile-funnel tspan,
  .hron-iphone-view .hron-mobile-funnel .hron-title-text,
  .hron-iphone-view .hron-mobile-funnel .hron-layer-text {
    transform: rotate(0deg) !important;
    writing-mode: horizontal-tb !important;
    text-orientation: upright !important;
    dominant-baseline: central !important;
    text-anchor: middle !important;
  }
  
  /* Safari masaüstünde dış görünüm düzeltmesi */
  .hron-iphone-view .hron-mobile-funnel foreignObject,
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-section,
  .hron-iphone-view .hron-mobile-funnel .hron-bottom-border {
    transform: rotate(0deg) !important;
  }
  
  /* Safari masaüstünde iç içe geçmiş elementleri düzelt */
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image > div:first-child {
    transform: none !important;
  }
  
  /* Safari masaüstünde animation düzeltmesi */
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image.hron-first-element-pulse > .hron-funnel-image-inner {
    animation: none !important;
    transform: none !important;
  }
  
  /* Safari masaüstü hover düzeltmesi */
  .hron-iphone-view .hron-mobile-funnel .hron-funnel-image > div:first-child:hover {
    transform: scale(1.1) !important;
  }
}

/* Safari için özel media query - Safari Browser için geçerli */
@media not all and (min-resolution: .001dpcm) {
  @supports (-webkit-appearance:none) {
    /* Safari masaüstü spesifik düzeltmeler */
    .hron-iphone-view .hron-funnel-container {
      margin: 0 auto;
      padding: 20px;
    }
    
    /* Safari'de döndürmeleri engelle */
    .hron-iphone-view .hron-mobile-funnel {
      transform: rotate(0deg) scale(0.85) !important;
    }
    
    /* Safari masaüstünde görsel yerleşimi */
    .hron-iphone-view .hron-mobile-funnel .hron-funnel-image {
      transform: rotate(0deg) !important;
    }
    
    /* Safari masaüstünde text yerleşimi */
    .hron-iphone-view .hron-mobile-funnel text,
    .hron-iphone-view .hron-mobile-funnel tspan,
    .hron-iphone-view .hron-mobile-funnel .hron-title-text,
    .hron-iphone-view .hron-mobile-funnel .hron-layer-text {
      transform: rotate(0deg) !important;
      writing-mode: horizontal-tb !important;
      text-orientation: upright !important;
      dominant-baseline: central !important;
      text-anchor: middle !important;
    }
  }
}