/* ==========================================================================
   EggMaster — WordPress uyum katmani

   Tasarimin CSS dosyalari (tokens, base, components ...) HTML prototipinden
   oldugu gibi tasindi ve hic degistirilmedi. WordPress'in / eklentilerin
   uretttigi ekstra isaretleme icin gereken tum duzeltmeler yalnizca burada.
   ========================================================================== */

/* --- Yonetici cubugu ------------------------------------------------------ */
.admin-bar .site-header { top: 32px; }
html:has(body.admin-bar) { scroll-padding-top: calc(var(--em-header-h) + var(--em-space-3) + 32px); }

@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  html:has(body.admin-bar) { scroll-padding-top: calc(var(--em-header-h) + var(--em-space-3) + 46px); }
}

/* --- Polylang bayraklari -------------------------------------------------- */
/* Polylang bayragi 16x11 <img> olarak basar; tasarimin 22x16 kutusuna oturtur. */
img.lang__flag {
  object-fit: cover;
  display: block;
}
.lang__link img.lang__flag { flex: none; }

/* --- WordPress cekirdek yardimci siniflari -------------------------------- */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus-visible {
  position: fixed;
  top: var(--em-space-2);
  left: var(--em-space-2);
  z-index: var(--em-z-overlay);
  width: auto;
  height: auto;
  padding: 12px 16px;
  clip-path: none;
  background-color: var(--em-surface-lowest);
  border-radius: var(--em-radius);
  box-shadow: var(--em-shadow-warm);
}

/* --- Blok editoru ciktisi (prose icinde) ---------------------------------- */
:where(.prose) .alignwide,
:where(.prose) .alignfull {
  width: auto;
  margin-inline: calc(var(--em-space-3) * -1);
}
:where(.prose) .aligncenter { margin-inline: auto; text-align: center; }
:where(.prose) .alignleft { float: left; margin: 0 var(--em-space-3) var(--em-space-2) 0; }
:where(.prose) .alignright { float: right; margin: 0 0 var(--em-space-2) var(--em-space-3); }
:where(.prose) .wp-caption { max-width: 100%; }
:where(.prose) .wp-caption-text,
:where(.prose) .wp-element-caption {
  margin-top: var(--em-stack-sm);
  color: var(--em-ink-variant);
  font-size: var(--em-body-sm-size);
}
:where(.prose) .wp-block-image { margin: var(--em-space-4) 0; }
:where(.prose) .wp-block-image img { border-radius: var(--em-radius-lg); }
:where(.prose) .wp-block-quote { margin: var(--em-space-4) 0; }
:where(.prose) .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  padding: 12px 20px;
  border-radius: var(--em-radius-full);
  background-color: var(--em-yolk);
  color: var(--em-on-yolk);
  font-weight: 600;
  text-decoration: none;
}
:where(.prose) .wp-block-table { overflow-x: auto; }
:where(.prose) .wp-block-table table { width: 100%; border-collapse: collapse; }
:where(.prose) .wp-block-table :is(th, td) {
  padding: 12px;
  border-bottom: 1px solid var(--em-outline-variant);
  text-align: start;
}

/* --- Sayfalama ------------------------------------------------------------ */
.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--em-space-1);
  margin-top: var(--em-space-6);
}
.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: var(--em-radius-full);
  color: var(--em-ink-variant);
  font-size: var(--em-body-sm-size);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--em-dur-fast) var(--em-ease);
}
.pagination a.page-numbers:hover { background-color: var(--em-surface-container); }
.pagination .page-numbers.current {
  background-color: var(--em-yolk);
  color: var(--em-on-yolk);
}

/* ==========================================================================
   Contact Form 7

   Form isaretlemesi Contact Form 7 ekranindan tasarimin siniflariyla yazilir
   (bkz. README). Burada yalnizca CF7'nin kendi sardigi <span>'ler ve hata
   mesajlari tasarima oturtulur.
   ========================================================================== */
.form-card .wpcf7 form { display: grid; gap: var(--em-space-4); }
.form-card .wpcf7-form-control-wrap { display: block; }

/* Alan hatasi: tasarimdaki .field__error ile ayni gorunum */
.form-card .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: var(--em-error);
  font-size: var(--em-label-caps-size);
  font-weight: 600;
}
.form-card .wpcf7-not-valid { border-bottom-color: var(--em-error); }
.form-card .field:has(.wpcf7-not-valid) > label { color: var(--em-error); }

/* Form yaniti: tasarimdaki .form-status ile ayni gorunum */
.form-card .wpcf7-response-output {
  margin: 0;
  padding: var(--em-space-2);
  border: 0;
  border-radius: var(--em-radius);
  background-color: var(--em-surface-low);
  font-size: var(--em-body-sm-size);
}
.form-card .wpcf7 form.sent .wpcf7-response-output { background-color: var(--em-tertiary-container); }
.form-card .wpcf7 form.invalid .wpcf7-response-output,
.form-card .wpcf7 form.failed .wpcf7-response-output {
  background-color: color-mix(in srgb, var(--em-error) 10%, var(--em-surface-lowest));
  color: var(--em-error);
}

/* Bos secenek secili iken placeholder rengi */
.form-card select:has(option[value=""]:checked) { color: var(--em-outline); }

/* Onay kutusu satiri */
.form-card .field--acceptance .wpcf7-list-item { margin: 0; }
.form-card .field--acceptance label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 0;
  font-family: var(--em-font-body);
  font-size: var(--em-body-sm-size);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5;
  color: var(--em-ink-variant);
}
.form-card .field--acceptance label a {
  color: var(--em-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Gonder butonu: tasarimdaki kagit ucak ikonu */
.form-card .form-actions { position: relative; }
.form-card .wpcf7-submit::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 8px;
  background-color: currentColor;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12 20 4l-8 16-2-6-6-2Z"/></svg>') center / contain no-repeat;
}
.form-card .wpcf7-spinner { margin: 0 0 0 12px; align-self: center; }