@font-face {
  font-family: "WP25 Tahoma Arial";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Arial"), local("ArialMT");
  size-adjust: 98.156277%;
  ascent-override: 101.928099%;
  descent-override: 21.042258%;
  line-gap-override: 0%;
  unicode-range: U+0020, U+0030-0039;
}

@font-face {
  font-family: "WP25 Tahoma Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/v7-Inter-400_700-latin-tr.woff2") format("woff2");
  size-adjust: 84.186747%;
  ascent-override: 118.841542%;
  descent-override: 24.533905%;
  line-gap-override: 0%;
  unicode-range: U+0020, U+0030-0039;
}

.v7 {
  --plaka-pano: url("../img/v7/plaka/pano.webp");
  --plaka-dugme: url("../img/v7/plaka/dugme.webp");
  background-image: linear-gradient(120deg, rgb(217 164 65 / 3%), transparent 55%),
    repeating-linear-gradient(0deg, rgb(236 220 191 / 2%) 0 1px, transparent 1px 4px);
}

.v7 .plaka,
.v7 .v7-plaque {
  min-inline-size: 0;
  padding: var(--bosluk-3) var(--bosluk-4);
  border: 16px solid var(--cerceve-dugme);
  border-image-source: var(--plaka-pano);
  border-image-slice: 16;
  border-image-width: 16px;
  border-image-outset: 0;
  border-image-repeat: repeat;
  border-radius: 0;
  background: linear-gradient(var(--lake), var(--lake-koyu));
  background-clip: padding-box;
  color: var(--krem);
  font-family: var(--font-baslik);
  image-rendering: pixelated;
}

.v7 .plaka {
  font-family: var(--font-govde);
}

.v7 .plaka--dugme,
.v7 .plaka--sekme,
.v7 .v7-button,
.v7 .v7-tab-label {
  min-inline-size: 48px;
  min-block-size: 48px;
  border: 4px solid var(--cerceve-dugme);
  border-image-source: var(--plaka-dugme);
  border-image-slice: 4;
  border-image-width: 4px;
  border-image-outset: 0;
  border-image-repeat: repeat;
  border-radius: 0;
  background-clip: padding-box;
  font-family: var(--font-baslik);
  font-size: 0.9375rem;
  font-weight: 700;
  image-rendering: pixelated;
}

.v7 .plaka--dugme,
.v7 .plaka--sekme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--bosluk-2) var(--bosluk-4);
  background-color: var(--yuzey);
  color: var(--krem);
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.v7 .plaka--dugme.v7-button-primary {
  color: var(--dugme-yazi);
}

.v7 .plaka--sekme[aria-current],
.v7 .plaka--sekme[aria-pressed="true"] {
  background: linear-gradient(var(--lake), var(--lake-koyu));
  color: var(--krem);
}

.v7 .v7-button[aria-pressed="true"],
.v7 .plaka--dugme[aria-pressed="true"] {
  transform: none;
}

.v7 .v7-button:hover,
.v7 .v7-button:focus-visible,
.v7 .v7-button:active,
.v7 .plaka--dugme:active {
  transform: none;
}

.v7 .v7-doku-panel {
  padding: var(--bosluk-6);
  border: 1px solid var(--cerceve);
  background-color: var(--gece-2);
  background-image: repeating-linear-gradient(0deg, rgb(236 220 191 / 2%) 0 1px, transparent 1px 4px);
}

.v7 .v7-dil-oneri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--bosluk-2) var(--bosluk-4);
  padding: var(--bosluk-2) var(--bosluk-4);
  border: 1px solid var(--cerceve-dugme);
  background: var(--yuzey);
  color: var(--krem);
  font-size: 0.9375rem;
}

.v7 .v7-dil-oneri[data-dil-oneri] {
  position: fixed;
  z-index: 45;
  inset-inline: 1rem;
  inset-block-end: calc(max(1rem, env(safe-area-inset-bottom)) + var(--kabuk-cerez-yuk, 0px));
  inline-size: auto;
  max-inline-size: var(--kap);
  margin-inline: auto;
  transform: translateY(var(--wp25-dil-inis, 0px));
  transition: transform 180ms ease-out;
  animation: wp25-dil-giris 180ms ease-out;
}

.v7 .v7-dil-oneri[data-dil-oneri][data-dil-oneri-cerez-sabit] {
  --kabuk-cerez-yuk: 0px;
}

html:not(.kabuk-cerez-gorunur) .v7 .v7-dil-oneri[data-dil-oneri-cerez-sabit] {
  --wp25-dil-inis: var(--kabuk-cerez-yuk, 0px);
}

@keyframes wp25-dil-giris {
  from { opacity: 0; transform: translateY(calc(var(--wp25-dil-inis, 0px) - 1rem)); }
  to { opacity: 1; transform: translateY(var(--wp25-dil-inis, 0px)); }
}

.v7 .v7-sira-taci { --k: 1; }

.v7 .v7-sira-taci,
.v7 .ic-podyum-sira.v7-sira-taci {
  position: relative;
  display: inline-block;
  inline-size: calc(40px * var(--k));
  block-size: calc(21px * var(--k));
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  overflow: visible;
  vertical-align: middle;
}

.v7 .v7-sira-taci > img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: contain;
  image-rendering: pixelated;
}

.v7 .v7-sira-taci-rakam {
  position: absolute;
  left: calc(28px * var(--k));
  top: calc(4px * var(--k));
  transform: translateX(-50%);
  font-family: Tahoma, "WP25 Tahoma Arial", "WP25 Tahoma Inter", sans-serif;
  font-size: calc(10px * var(--k));
  line-height: calc(12px * var(--k));
  font-weight: 400;
  color: #dadada;
  white-space: nowrap;
  pointer-events: none;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.v7 .sira-taci--k1 { --k: 1; }
.v7 .sira-taci--k2 { --k: 2; }
.v7 .sira-taci--k3 { --k: 3; }
.v7 .sira-taci--k4 { --k: 4; }

.v7 .v7-dil-oneri[hidden] {
  display: none;
}

.v7 .v7-dil-oneri-metin {
  display: flex;
  flex: 1 1 18rem;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bosluk-1) var(--bosluk-3);
  margin: 0;
}

.v7 .v7-dil-oneri-baglanti,
.v7 .v7-dil-oneri-kapat {
  display: inline-flex;
  min-inline-size: 48px;
  min-block-size: 48px;
  align-items: center;
  justify-content: center;
  padding-inline: var(--bosluk-3);
}

.v7 .v7-dil-oneri-kapat {
  border: 1px solid var(--cerceve-dugme);
  border-radius: var(--kose);
  background: var(--gece-2);
  color: var(--krem);
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  .v7 .plaka,
  .v7 .plaka--dugme,
  .v7 .plaka--sekme,
  .v7 .v7-dil-oneri[data-dil-oneri] {
    animation: none;
    transition: none;
  }
}

@media (prefers-contrast: more) {
  .v7,
  .v7 .v7-doku-panel {
    background-image: none;
  }

  .v7 .plaka,
  .v7 .plaka--dugme,
  .v7 .plaka--sekme,
  .v7 .v7-plaque,
  .v7 .v7-button,
  .v7 .v7-tab-label,
  .v7 .v7-dil-oneri,
  .v7 .v7-dil-oneri-kapat {
    border-image-source: none;
    border-color: var(--altin-acik);
    box-shadow: none;
  }
}

@media (forced-colors: active) {
  .v7,
  .v7 .v7-doku-panel {
    background-image: none;
  }

  .v7 .plaka,
  .v7 .plaka--dugme,
  .v7 .plaka--sekme,
  .v7 .v7-plaque,
  .v7 .v7-button,
  .v7 .v7-tab-label,
  .v7 .v7-dil-oneri,
  .v7 .v7-dil-oneri-kapat {
    border-image: none;
    border-color: ButtonText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }
}