/* Gezi sayfası "Bu sayfada" kısa yolları — gezi-detay.php
   Ayrı dosya ve sürüm ekiyle (?v=): style.css tarayıcıda bir ay saklanıyor. */

/* Atlanan bölüm sabit üst menünün (80 px) altında kalmasın */
#fotograflar, #videolar{scroll-margin-top:100px}

.kisayol__a{display:flex; align-items:center; gap:10px; color:var(--ink); font-family:var(--disp); font-weight:600; font-size:13px;
  transition:background .2s, color .2s}
.kisayol__a svg{flex:none; color:var(--olive)}
.kisayol__sayi{min-width:24px; height:22px; padding:0 7px; border-radius:var(--pill); background:var(--card); border:1px solid var(--line);
  display:inline-grid; place-items:center; font-size:11.5px; color:var(--mut); font-variant-numeric:tabular-nums}
.kisayol__ok{margin-left:auto; opacity:.55; transition:transform .25s var(--ease), opacity .2s}
.kisayol__a:hover .kisayol__ok{transform:translateY(2px); opacity:1}
.kisayol :focus-visible{outline:2px solid var(--olive); outline-offset:2px}

/* Geniş ekran: sağ sütunun en üstünde, alt alta satırlar */
.kisayol--yan .kisayol__a{padding:10px 12px; margin:0 -12px; border-radius:var(--r-sm); min-height:44px}
.kisayol--yan .kisayol__a:hover{background:#EDEBE4}
.kisayol--ust{display:none}

/* Telefon / dar ekran: sağ sütun yazının altına düşüyor (style.css 900 px);
   kısa yollar başlığın altına, yan yana düğmeler olarak gelir. */
@media(max-width:900px){
  .kisayol--yan{display:none}
  .kisayol--ust{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px}
  .kisayol--ust .kisayol__a{padding:9px 14px 9px 12px; min-height:44px; border-radius:var(--pill); background:var(--card-2); border:1px solid var(--line)}
  .kisayol--ust .kisayol__a:hover{background:#EDEBE4}
  .kisayol--ust .kisayol__ok{margin-left:2px}
}