/* İçtihat.app · Düğme sistemi · 29.09.2026
   Sıra: mevcut sayfa CSS'leri > ustbar.css > mobil.css > dugme.css > menu.css.
   Markup gerektirmeyen aliaslar yalnız gerçek eylem elemanlarına uygulanır.
   :root tekrarı bilinçli: eski hero :hover seçicileri (0,4,0) aşılır.
   @layer kullanılmaz; katmansız eski CSS katmanlı yeni kuralları ezer.
   data-durum yalnız katalog önizlemesidir, davranış/ARIA yerine geçmez. */
:root {
  --d-ink: #16233a;
  --d-primary: #7b2d26;
  --d-primary-hover: #64231e;
  --d-primary-active: #511c18;
  --d-on-primary: #ffffff;
  --d-paper: #fffdf8;
  --d-wash: #f4ede4;
  --d-line: #8b8074;
  --d-focus: #185c8f;
  --d-muted: #555f6c;
  --d-disabled-bg: #e9e6e0;
  --d-disabled-text: #5c6066;
  --d-radius: 6px;
  --d-font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
}

:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
) {
  --d-bg: var(--d-primary);
  --d-fg: var(--d-on-primary);
  --d-border: var(--d-primary);
  --d-hover-bg: var(--d-primary-hover);
  --d-hover-fg: var(--d-on-primary);
  --d-hover-border: var(--d-primary-hover);
  --d-active-bg: var(--d-primary-active);
  --d-active-fg: var(--d-on-primary);
  --d-active-border: var(--d-primary-active);
  --d-height: 48px;
  --d-pad: 18px;
  --d-size: 15px;
  --d-icon: 20px;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 8px;
  min-width: 44px;
  min-height: var(--d-height);
  min-inline-size: 44px;
  min-block-size: var(--d-height);
  max-inline-size: 100%;
  padding: 10px var(--d-pad);
  border: 1px solid var(--d-border);
  border-radius: var(--d-radius);
  background: var(--d-bg);
  color: var(--d-fg);
  font: 600 var(--d-size)/1.4 var(--d-font);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
/* İkincil: beyaz kâğıt, görünür sınır. Tek başına modifier da çalışır. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--secondary, .ic-button-ikincil, .ic-button-secondary,
  .button--outline, .u-button--outline, .action-button, .dugme.ikincil, .ic-h-package) {
  --d-bg: var(--d-paper);
  --d-fg: var(--d-ink);
  --d-border: var(--d-line);
  --d-hover-bg: var(--d-wash);
  --d-hover-fg: var(--d-ink);
  --d-hover-border: var(--d-ink);
  --d-active-bg: #e8ddd0;
  --d-active-fg: var(--d-ink);
  --d-active-border: var(--d-ink);
}
/* Üçüncül: az vurgulu araç eylemi; boyut ve odak diğerleriyle aynı. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--tertiary, .tur-bag, .blog-etiket, .ic-h-replay) {
  --d-bg: transparent;
  --d-fg: var(--d-ink);
  --d-border: transparent;
  --d-hover-bg: var(--d-wash);
  --d-hover-fg: var(--d-ink);
  --d-hover-border: transparent;
  --d-active-bg: #e8ddd0;
  --d-active-fg: var(--d-ink);
  --d-active-border: var(--d-line);
}
/* Metin bağlantısı: alt çizgi her zaman görünür; 44px hedef korunur. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--link, .text-link, .ic-text-link, .blog-atif, .ic-h-source-link) {
  --d-bg: transparent;
  --d-fg: var(--d-primary);
  --d-border: transparent;
  --d-hover-bg: var(--d-wash);
  --d-hover-fg: var(--d-primary-hover);
  --d-hover-border: transparent;
  --d-active-bg: #e8ddd0;
  --d-active-fg: var(--d-primary-active);
  --d-active-border: transparent;
  --d-pad: 8px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--danger, .kayit-not button[name="eylem"][value="sil"]) {
  --d-bg: #9f242b;
  --d-fg: #ffffff;
  --d-border: #9f242b;
  --d-hover-bg: #861d23;
  --d-hover-fg: #ffffff;
  --d-hover-border: #861d23;
  --d-active-bg: #6e171c;
  --d-active-fg: #ffffff;
  --d-active-border: #6e171c;
}
/* Koyu yüzey: altın CTA aynı birincil rolün yüzey uyarlamasıdır. */
:root:root:root body :where(.d-on-dark, .fiyat7 .closing, .paket-serit) :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
) {
  --d-bg: #d0b47d;
  --d-fg: #101720;
  --d-border: #d0b47d;
  --d-hover-bg: #e2c99b;
  --d-hover-fg: #101720;
  --d-hover-border: #e2c99b;
  --d-active-bg: #bca06a;
  --d-active-fg: #101720;
  --d-active-border: #bca06a;
}
:root:root:root body :where(.d-on-dark, .fiyat7 .closing, .paket-serit) :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(
  .d-button--secondary, .d-button--tertiary, .d-button--link, .dugme.ikincil,
  .button--outline, .u-button--outline, .text-link, .ic-text-link, .action-button,
  .ic-button-ikincil, .ic-button-secondary, .ic-h-package, .tur-bag, .blog-etiket,
  .ic-h-replay, .blog-atif, .ic-h-source-link) {
  --d-bg: #16233a;
  --d-fg: #fffdf8;
  --d-border: #a9b1be;
  --d-hover-bg: #293a54;
  --d-hover-fg: #fffdf8;
  --d-hover-border: #fffdf8;
  --d-active-bg: #354968;
  --d-active-fg: #fffdf8;
  --d-active-border: #fffdf8;
}
/* Kompakt 44, normal 48, geniş 52 CSS px. Küçük metin dahi 14px. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--small, .action-button, .tur-bag, .blog-etiket, .blog-atif, .ic-h-replay) {
  --d-height: 44px; --d-size: 14px; --d-pad: 12px; --d-icon: 18px;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--large) {
  --d-height: 52px; --d-size: 16px; --d-pad: 22px; --d-icon: 20px;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--icon) {
  --d-height: 44px;
  width: 44px;
  height: 44px;
  padding: 0;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
) :where(svg, .d-button__icon, .icon, .ic-icon, .ic-h-icon) {
  flex: 0 0 auto;
  width: var(--d-icon);
  height: var(--d-icon);
  vertical-align: middle;
}
/* SVG'nin kendi fill/stroke/display değerini koru. Erişilebilir ad elemanda,
   dekoratif SVG aria-hidden=true ve focusable=false olmalıdır. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.destek-dugme) {
  --d-bg: #16233a; --d-fg: #ffffff; --d-border: #16233a;
  --d-hover-bg: #293a54; --d-hover-fg: #ffffff; --d-hover-border: #293a54;
  --d-active-bg: #354968; --d-active-fg: #ffffff; --d-active-border: #354968;
  --d-height: 44px;
  position: fixed;
  border-radius: 999px;
}
/* Toggle seçili hâli renk dışında eski ✓ işaretini de korur. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where([aria-pressed="true"], .tur-bag.aktif, .blog-etiket.aktif) {
  --d-bg: #f4e4df; --d-fg: var(--d-primary); --d-border: var(--d-primary);
  --d-hover-bg: #ebd5ce; --d-hover-fg: var(--d-primary-active); --d-hover-border: var(--d-primary);
  --d-active-bg: #e4c9c0; --d-active-fg: var(--d-primary-active); --d-active-border: var(--d-primary);
}
/* Açık odak halkası koyu yüzeyde de ayırt edilir. */
:where(.d-on-dark, .fiyat7 .closing, .paket-serit) { --d-focus: #e3c48e; }
:root:root:root body :where(.d-on-dark, .fiyat7 .closing, .paket-serit) .d-button--danger {
  --d-bg: #9f242b; --d-fg: #ffffff; --d-border: #f3c4c7;
  --d-hover-bg: #861d23; --d-hover-fg: #ffffff; --d-hover-border: #f3c4c7;
  --d-active-bg: #6e171c; --d-active-fg: #ffffff; --d-active-border: #f3c4c7;
}

/* Durum sırası: normal > hover > active > disabled > loading.
   Focus bütün durumlarla birlikte kalır. Engelli bağlantı odak alabilir. */
@media (hover: hover) {
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(:hover):where(:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"])) {
    --d-bg: var(--d-hover-bg); --d-fg: var(--d-hover-fg); --d-border: var(--d-hover-border);
  }
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where([data-durum="hover"]):where(:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"])) {
  --d-bg: var(--d-hover-bg); --d-fg: var(--d-hover-fg); --d-border: var(--d-hover-border);
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(:active, [data-durum="active"]):where(:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"])) {
  --d-bg: var(--d-active-bg); --d-fg: var(--d-active-fg); --d-border: var(--d-active-border);
  box-shadow: inset 0 2px 0 rgb(0 0 0 / 16%);
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(:focus-visible, [data-durum="focus"]) {
  outline: 3px solid var(--d-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fffdf8;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(:disabled, [aria-disabled="true"], [data-durum="disabled"]) {
  --d-bg: var(--d-disabled-bg);
  --d-fg: var(--d-disabled-text);
  --d-border: #8b8074;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where([aria-busy="true"], [data-durum="loading"]) {
  --d-bg: var(--d-disabled-bg);
  --d-fg: var(--d-ink);
  --d-border: #8b8074;
  cursor: progress;
  opacity: 1;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where([aria-busy="true"], [data-durum="loading"])::after {
  content: "";
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: d-spin 900ms linear infinite;
}
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(.d-button--icon[aria-busy="true"]) > :where(svg, .d-button__icon) { display: none; }
/* Gizli öğeyi inline-flex ile görünür hâle getirme. */
:root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
)[hidden] { display: none !important; }
/* Eski kimlik-dugme bir p/div kapsayıcısına da verilmiş. İç eylemleri
   ayrı hedef olarak tut, dışına sahte düğme görünümü verme. */
:root:root:root body .kimlik-dugme:where(:not(a):not(button):not(input)) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--d-ink);
  box-shadow: none;
  cursor: auto;
}
@keyframes d-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
) { transition: none; }
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
)::after { animation: none; }
}
@media (forced-colors: active) {
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
) { border-color: ButtonText; forced-color-adjust: auto; }
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(:focus-visible, [data-durum="focus"]) { outline-color: Highlight; }
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where(:disabled, [aria-disabled="true"]) { color: GrayText; border-color: GrayText; }
  :root:root:root body :is(
  .d-button, .ic-button, .ic-button-ikincil, .ic-button-secondary,
  .button, .button--outline, .u-button, .u-button--outline,
  .kimlik-dugme:where(a, button, input), .action-button,
  .dugme, .destek-dugme, .text-link, .ic-text-link, .tur-bag, .blog-etiket, .blog-atif,
  .ic-h-submit, .ic-h-package, .ic-h-source-link, .ic-h-replay
):where([aria-pressed="true"]) { border: 2px solid Highlight; }
}
@media print {
  :root:root:root body .destek-dugme { display: none !important; }
}
/* Tür süzgeci: eylem dili üçüncül, ancak satır geometrisi korunur. */
:root:root:root body .tur-bag {
  display: flex;
  justify-content: space-between;
  text-align: start;
}