/**
 * AWP UI Font — tek kanal.
 * Inter yüklemesi (yerel @font-face) + CSS değişkenleri + body-üstü modal/stüdyo zorlaması.
 * Google Fonts (ders-notu-inter-font) Cyrillic için ek; bu dosya yerel yedek + uygulama.
 */

:root {
  --awp-ui-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-family: var(--awp-ui-font);
  --font-family-base: var(--awp-ui-font);
  --font-family-heading: var(--awp-ui-font);
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Inter-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/Inter-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/Inter-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/Inter-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../font/Inter-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/Inter-Black.ttf") format("truetype");
}

/* Form kökü */
#awp-printwise-root,
#awp-printwise-root *:not(svg):not(path):not(circle):not(line):not(rect):not(polyline):not(polygon) {
  font-family: var(--awp-ui-font) !important;
}

/*
 * Body’ye taşınan tüm AWP yüzeyleri (tema fontunu ezer).
 * Yeni overlay eklenince bu listeye sınıfını ekleyin.
 */
.awp-rulo-job-modal-overlay,
.awp-saved-quote-modal-overlay,
.awp-rulo-saved-modal-overlay,
.awp-proforma-modal,
.awp-proforma-email-modal,
.awp-privacy-policy-modal,
.awp-package-reminder-modal,
.awp-source-upload-modal,
.awp-legal-modal,
.design-support-modal,
.awp-tier-steps-modal,
.module-video-modal,
.google-maps-modal,
.awp-ls,
.awp-ls-eff-modal,
.wp-login-modal,
.awp-auth-sheet,
.awp-account-modal,
.awp-account-dash,
.awp-account-edit-modal,
.awp-order-success-modal,
.awp-winback-modal,
.awp-imposition-modal,
#awp-imposition-modal,
#awp-layout-studio,
#awp-account-modal,
#awp-guest-track-modal,
#awp-validation-modal-overlay,
.awp-validation-modal,
.awp-admin-notice-modal,
.awp-toast-host,
.awp-mini-cart-overlay,
.awp-mini-cart-modal,
#awp-mini-cart-modal,
#order-loading-modal-root,
.awp-order-loading-modal-root,
#order-loading-modal,
.awp-order-loading-modal,
#payment-instructions-modal,
.awp-payment-instructions-modal,
.awp-checkout-overlay,
.awp-checkout-screen-modal,
#awp-checkout-screen {
  font-family: var(--awp-ui-font) !important;
  --font-family: var(--awp-ui-font) !important;
  --font-family-base: var(--awp-ui-font) !important;
  --font-family-heading: var(--awp-ui-font) !important;
}

.awp-rulo-job-modal-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-saved-quote-modal-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-rulo-saved-modal-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-proforma-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-proforma-email-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-privacy-policy-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-package-reminder-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-source-upload-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-legal-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.design-support-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-tier-steps-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.module-video-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.google-maps-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-ls *:not(svg):not(path):not(circle):not(line):not(rect):not(polyline):not(polygon),
.awp-ls-eff-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.wp-login-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-auth-sheet *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-account-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-account-dash *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-account-edit-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-order-success-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-winback-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-imposition-modal *:not(svg):not(path):not(circle):not(line):not(rect),
#awp-imposition-modal *:not(svg):not(path):not(circle):not(line):not(rect),
#awp-validation-modal-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-validation-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-mini-cart-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-mini-cart-modal *:not(svg):not(path):not(circle):not(line):not(rect),
#awp-mini-cart-modal *:not(svg):not(path):not(circle):not(line):not(rect),
#order-loading-modal-root *:not(svg):not(path):not(circle):not(line):not(rect),
#order-loading-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-order-loading-modal *:not(svg):not(path):not(circle):not(line):not(rect),
#payment-instructions-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-payment-instructions-modal *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-checkout-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
.awp-checkout-screen-modal *:not(svg):not(path):not(circle):not(line):not(rect),
#awp-checkout-screen *:not(svg):not(path):not(circle):not(line):not(rect) {
  font-family: var(--awp-ui-font) !important;
}

/* Başlık kalın / açıklama ince */
#awp-validation-modal-overlay h1,
#awp-validation-modal-overlay h2,
#awp-validation-modal-overlay h3,
#awp-validation-modal-overlay h4,
.awp-validation-modal__title,
.wp-login-modal h1,
.wp-login-modal h2,
.wp-login-modal h3,
.awp-auth-sheet__title,
.awp-ls-title,
.awp-ls-panel-title {
  font-family: var(--awp-ui-font) !important;
  font-weight: 800 !important;
}

#awp-validation-modal-overlay p,
#awp-validation-modal-overlay li,
.awp-validation-modal__body,
.awp-auth-sheet__subtitle,
.awp-ls-hint {
  font-family: var(--awp-ui-font) !important;
  font-weight: 400 !important;
}

/* =========================================================
   Eksik alanlar / validasyon modalı
   ========================================================= */
#awp-validation-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.awp-validation-modal {
  width: min(460px, 100%);
  margin: 0;
  padding: 24px 22px 20px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.28);
  font-family: var(--awp-ui-font) !important;
  color: #0f172a;
}

.awp-validation-modal__icon {
  display: block;
  margin: 0 auto 12px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 40px;
}

.awp-validation-modal__title {
  margin: 0 0 10px;
  font-size: 1.125rem;
  font-weight: 800 !important;
  line-height: 1.3;
  color: #0f172a;
  font-family: var(--awp-ui-font) !important;
}

.awp-validation-modal__body {
  margin: 0 0 18px;
  font-size: 0.9375rem;
  font-weight: 400 !important;
  line-height: 1.5;
  color: #475569;
  font-family: var(--awp-ui-font) !important;
}

.awp-validation-modal__body ul {
  margin: 0;
  padding-left: 1.15em;
}

.awp-validation-modal__body li {
  margin: 0.25em 0;
  font-weight: 400 !important;
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

.awp-validation-modal__hint {
  margin: 0 0 10px;
  font-size: 0.9375rem;
  font-weight: 500 !important;
  line-height: 1.5;
  color: #334155;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

.awp-validation-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.awp-validation-modal__ok {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 12px 18px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(to right, #3b82f6, #6366f1);
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700 !important;
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none;
  cursor: pointer;
}

.awp-validation-modal__ok--secondary {
  background: #fff;
  color: #047857;
  border: 1.5px solid #10b981;
}

.awp-validation-modal__ok--ghost {
  background: transparent;
  color: #64748b;
  border: 0;
  min-height: 36px;
  font-weight: 600 !important;
}

.awp-validation-modal__ok:hover {
  filter: brightness(1.04);
}

/* =========================================================
   Sepet + sipariş katmanları — tema display font / sıkı tracking
   ========================================================= */
body .awp-mini-cart-overlay,
body .awp-mini-cart-modal,
body #awp-mini-cart-modal,
body #order-loading-modal-root,
body #order-loading-modal,
body .awp-order-loading-modal,
body #payment-instructions-modal,
body .awp-payment-instructions-modal,
body .awp-checkout-overlay,
body .awp-checkout-screen-modal,
body #awp-checkout-screen,
body .awp-mini-cart-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
body .awp-mini-cart-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body #awp-mini-cart-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body #order-loading-modal-root *:not(svg):not(path):not(circle):not(line):not(rect),
body #order-loading-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body .awp-order-loading-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body #payment-instructions-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body .awp-payment-instructions-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body .awp-checkout-overlay *:not(svg):not(path):not(circle):not(line):not(rect),
body .awp-checkout-screen-modal *:not(svg):not(path):not(circle):not(line):not(rect),
body #awp-checkout-screen *:not(svg):not(path):not(circle):not(line):not(rect) {
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

body #awp-checkout-screen .awp-checkout-modal-title,
body #awp-checkout-screen .awp-checkout-modal-subtitle,
body #awp-checkout-screen .awp-checkout-order-summary-title,
body #awp-checkout-screen .awp-co-kicker,
body #awp-checkout-screen .awp-co-sub,
body #awp-checkout-screen .awp-co-amount,
body #awp-checkout-screen .awp-co-label,
body #awp-checkout-screen .awp-checkout-form input,
body #awp-checkout-screen .awp-checkout-form textarea {
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

body #awp-mini-cart-modal h1,
body #awp-mini-cart-modal h2,
body #awp-mini-cart-modal h3,
body #awp-mini-cart-modal h4,
body #order-loading-modal-root h1,
body #order-loading-modal-root h2,
body #order-loading-modal-root h3,
body #payment-instructions-modal h1,
body #payment-instructions-modal h2,
body #payment-instructions-modal h3,
body .awp-checkout-screen-modal h1,
body .awp-checkout-screen-modal h2,
body .awp-checkout-screen-modal h3,
body #awp-checkout-screen h1,
body #awp-checkout-screen h2,
body #awp-checkout-screen h3 {
  font-family: var(--awp-ui-font) !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  line-height: 1.35 !important;
  position: static !important;
  float: none !important;
  inset: auto !important;
  transform: none !important;
}

body #order-loading-modal-root p,
body #payment-instructions-modal p,
body #awp-mini-cart-modal p,
body #awp-mini-cart-modal small,
body #awp-mini-cart-modal span,
body #awp-mini-cart-modal button {
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

#awp-printwise-root .module-ders-notu-summary,
#awp-printwise-root .module-ders-notu-summary .module-ders-notu-advice-text,
#awp-printwise-root .module-ders-notu-summary .module-ders-notu-btn-primary,
#awp-printwise-root .module-ders-notu-summary .module-ders-notu-btn-secondary,
#awp-printwise-root .module-ders-notu-summary .module-ders-notu-btn-primary span,
#awp-printwise-root .module-ders-notu-summary .module-ders-notu-btn-secondary span {
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

.awp-order-loading-modal {
  display: flex;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  animation: fadeIn 0.25s ease;
}

.awp-order-loading-modal__card {
  width: 100%;
  max-width: 400px;
  padding: 40px 32px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.3),
    0 8px 32px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  text-align: center;
  box-sizing: border-box;
  font-family: var(--awp-ui-font) !important;
}

.awp-order-loading-modal__spinner {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 24px;
}

.awp-order-loading-modal__svg {
  width: 80px;
  height: 80px;
  color: #3b82f6;
}

.awp-order-loading-modal__title {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #111827;
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
}

.awp-order-loading-modal__body {
  margin: 0;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #6b7280;
  font-family: var(--awp-ui-font) !important;
  letter-spacing: normal !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}