/*
 * browser-fixes.css — IKS Logistic
 * Cross-browser унификација: Chrome, Firefox, Edge, Safari
 * Додај го ова ПРЕД затворачкиот </head> таг во сите 6 HTML фајлови:
 * <link rel="stylesheet" href="/browser-fixes.css">
 *
 * Верзија: 1.0 | 2026-04
 * ─────────────────────────────────────────────────────────────
 */

/* ── 0. ORANGE COLOR FIX ──
   #FF6B00 на Samsung AMOLED екрани изгледа ЦРВЕНО поради
   преголема засиленост на R-каналот.
   #FF8C00 е почист портокал — изгледа портокалово на сите екрани.
   Ова ги надминува CSS варијаблите дефинирани во HTML фајловите.  */
:root {
  --orange:        #FF8C00;
  --orange-dim:    rgba(255, 140, 0, 0.10);
  --orange-border: rgba(255, 140, 0, 0.28);
}

/* ── 1. UNIVERSAL RESET ── */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── 2. FONT НАСЛЕДУВАЊЕ — главна причина за разлики ──
   Firefox и Edge НЕ ги наследуваат font-family/font-size за:
   button, input, select, textarea
   Ова го решава за сите форми и копчиња на сите страни.     */
button,
input,
select,
textarea,
optgroup {
  font-family: 'Barlow', sans-serif;
  font-size: 1rem;
  line-height: inherit;
  color: inherit;
}

/* ── 3. BUTTON RESET ──
   Различни браузери имаат различен default padding/border/bg.
   Ова ги унифицира сите копчиња.                            */
button {
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* ── 4. NAVBAR — backdrop-filter (Safari поддршка) ──
   Safari бара -webkit-backdrop-filter prefix.               */
.navbar {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

/* ── 5. FORM INPUTS — cross-browser нормализација ──
   Safari и Firefox различно рендерираат input/select/textarea */
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0; /* iOS Safari додава border-radius */
  outline: none;
}

/* ── 6. PLACEHOLDER — боја унифицирана за сите браузери ──
   Firefox ги рендерира placeholders со различна транспарентност */
::-webkit-input-placeholder { color: #555; opacity: 1; }
::-moz-placeholder           { color: #555; opacity: 1; }
:-ms-input-placeholder       { color: #555; opacity: 1; }
::placeholder                 { color: #555; opacity: 1; }

/* ── 7. SCROLLBAR — само webkit (Firefox има свое) ──
   Firefox scrollbar е default и не мора да се стилизира.    */
::-webkit-scrollbar        { width: 4px; }
::-webkit-scrollbar-track  { background: #111111; }
::-webkit-scrollbar-thumb  { background: #FF6B00; border-radius: 2px; }

/* За Firefox (v64+) */
* {
  scrollbar-width: thin;
  scrollbar-color: #FF6B00 #111111;
}

/* ── 8. SELECT ARROW — Firefox го прикажува default arrow ──
   Сокривање на native стрелка за select елементи.           */
select::-ms-expand {
  display: none; /* IE/Edge */
}

/* ── 9. FIT-CONTENT — Safari prefix ── */
.hero-stats,
.int-tabs,
.service-tabs {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* ── 10. SMOOTH SCROLL — Firefox/Edge порана верзија ── */
html {
  scroll-behavior: smooth;
}

/* ── 11. TEXT RENDERING унификација ──
   Подобро рендерирање на Barlow Condensed на сите ОС.       */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ── 12. OUTLINE RESET — само за mouse, не за keyboard ──
   Firefox прикажува outline на фокусирани копчиња.          */
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
  outline: none;
}
button:focus-visible,
input:focus-visible {
  outline: 2px solid #FF6B00;
  outline-offset: 2px;
}

/* ── 13. IMAGE RENDERING ──
   Спречување на пикселизација на логото во ретина дисплеји  */
img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* ── 14. TRANSITION НОРМАЛИЗАЦИЈА ──
   Edge/Firefox понекогаш имаат различен timing.             */
.btn-hero-p,
.btn-hero-s,
.btn-form,
.btn-cta,
.btn-login,
.lang-btn,
.nav-link,
.sol-card,
.int-card,
.footer-link,
.track-btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* ── 15. FLEXBOX GAPS — Safari < 14 не поддржа gap ──
   Fallback за постари Safari верзии.                        */
@supports not (gap: 1px) {
  .hero-actions > * + * { margin-left: 12px; }
  .nav-links > * + *     { margin-left: 4px; }
  .nav-right > * + *     { margin-left: 10px; }
}

/* ── 16. PRINT RESET ── */
@media print {
  .navbar,
  .hamburger,
  .mobile-menu,
  #scrollTop,
  #cookieBanner,
  #contactModal {
    display: none !important;
  }
  body { background: #fff; color: #000; }
}