/* V16.30 — Quick Access Compass Icon
   Code-only refinement for the floating Hızlı Ulaşım launcher. */

.se122-utility-launcher{
  position:relative!important;
  overflow:visible!important;
}

.se122-utility-launcher-icon.se1630-compass{
  position:relative!important;
  isolation:isolate!important;
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,224,190,.42)!important;
  background:
    radial-gradient(circle at 35% 27%,rgba(255,229,196,.32) 0 9%,transparent 10%),
    radial-gradient(circle at 50% 46%,#c98b50 0%,#a7673d 52%,#70452f 78%,#4a3229 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -7px 14px rgba(69,38,24,.24),
    0 10px 24px rgba(16,11,9,.28),
    0 0 0 1px rgba(124,72,39,.25)!important;
  color:#fff8ee!important;
  transform:translateZ(0);
}

.se122-utility-launcher-icon.se1630-compass::before,
.se122-utility-launcher-icon.se1630-compass::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  border-radius:50%!important;
  z-index:0!important;
}

.se122-utility-launcher-icon.se1630-compass::before{
  inset:5px!important;
  border:1px solid rgba(255,230,200,.34)!important;
  box-shadow:
    inset 0 0 0 4px rgba(95,53,31,.09),
    0 0 0 1px rgba(85,49,30,.15)!important;
}

.se122-utility-launcher-icon.se1630-compass::after{
  inset:11px!important;
  border:1px solid rgba(255,239,216,.16)!important;
  background:radial-gradient(circle at 50% 42%,rgba(41,25,19,.10),rgba(50,29,20,.24))!important;
  box-shadow:inset 0 1px 7px rgba(43,22,13,.24)!important;
}

.se122-utility-launcher-icon.se1630-compass svg{
  position:relative!important;
  z-index:2!important;
  width:38px!important;
  height:38px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:none!important;
  filter:drop-shadow(0 1px 1px rgba(40,20,11,.26));
}

.se1630-compass-ring{
  fill:none;
  stroke:#f2c38f;
  stroke-linecap:round;
}
.se1630-compass-ring-outer{stroke-width:1.3;opacity:.92}
.se1630-compass-ring-inner{stroke-width:.85;opacity:.68;stroke-dasharray:1.2 2.25}

.se1630-compass-ticks{
  fill:none;
  stroke:#fff0dc;
  stroke-width:1.45;
  stroke-linecap:round;
  opacity:.88;
}

.se1630-compass-cardinals{
  fill:#f2be80!important;
  stroke:#8a512e!important;
  stroke-width:.42!important;
  stroke-linejoin:round!important;
}

.se1630-compass-needle-light{
  fill:url(#se1630CompassNeedle)!important;
  stroke:#fff4e4!important;
  stroke-width:.62!important;
  stroke-linejoin:round!important;
}

.se1630-compass-needle-dark{
  fill:url(#se1630CompassNeedleDark)!important;
  stroke:#8d5230!important;
  stroke-width:.46!important;
  stroke-linejoin:round!important;
}

.se1630-compass-hub{
  fill:#5c3525!important;
  stroke:#f4c590!important;
  stroke-width:.8!important;
}
.se1630-compass-hub-dot{fill:#fff1dc!important;stroke:none!important}

.se122-utility-launcher:hover .se122-utility-launcher-icon.se1630-compass{
  transform:rotate(-3deg) scale(1.035)!important;
  border-color:rgba(255,228,194,.66)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -7px 14px rgba(69,38,24,.22),
    0 13px 29px rgba(16,11,9,.34),
    0 0 0 4px rgba(200,137,77,.10)!important;
}

.se122-utility-launcher:hover .se1630-compass-needle-light,
.se122-utility-launcher:focus-visible .se1630-compass-needle-light{
  transform-origin:24px 24px;
  transform:rotate(4deg);
}

.se122-utility-launcher:focus-visible .se122-utility-launcher-icon.se1630-compass{
  outline:2px solid rgba(241,196,145,.78)!important;
  outline-offset:3px!important;
}

@media (max-width:760px){
  .se122-utility-launcher-icon.se1630-compass{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }
  .se122-utility-launcher-icon.se1630-compass svg{
    width:34px!important;
    height:34px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .se122-utility-launcher-icon.se1630-compass,
  .se1630-compass-needle-light{transition:none!important;transform:none!important}
}