/* ====== SADECE ŞİFREMİ UNUTTUM ŞABLONU ====== */
body.page-template-sifremi-unuttum {
  /* Header ile uyumlu tokenlar */
  --text:        #111827;
  --muted:       #6b7280;
  --accent:      #d97706;                         /* amber-600 */
  --accent-700:  #c46a05;
  --accent-grad: linear-gradient(90deg,#d97706,#f59e0b);
  --hair:        rgba(0,0,0,.06);
  --border:      rgba(0,0,0,.12);
  --ring:        0 0 0 3px rgba(217,119,6,.18);
  --shadow:      0 6px 24px rgba(0,0,0,.06);
  --shadow-strong: 0 18px 42px rgba(0,0,0,.10);
  --radius:      20px;
  --radius-sm:   12px;

  /* Filigran ayarları */
  --logo-opacity: .075;
  --logo-size-min: 240px;
  --logo-size-max: 420px;

  color: var(--text);
  background: #fff;
  min-height: 100dvh;
  position: relative; /* filigran referansı */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* === LOGO FİLİGRAN — sadece bu şablonda === */
body.page-template-sifremi-unuttum::before{
  content:"";
  position: fixed;
  inset: 50% auto auto 50%;
  width: clamp(var(--logo-size-min), 36vw, var(--logo-size-max));
  height: clamp(var(--logo-size-min), 36vw, var(--logo-size-max));
  translate: -50% -50%;
  background: url('/wp-content/themes/Rupsikoloji/assets/img/logo.png') no-repeat center / contain;
  opacity: var(--logo-opacity);
  filter: blur(1px);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* Küçük ekranlarda filigranı yumuşat */
@media (max-width: 420px){
  body.page-template-sifremi-unuttum::before{ width: 68vw; height: 68vw; opacity: .06; }
}
@media (max-width: 340px){
  body.page-template-sifremi-unuttum::before{ display:none; }
}

/* ====== KAPSAYICI ====== */
body.page-template-sifremi-unuttum .lp-login-wrapper{
  display:grid; place-items:center;
  min-height:100dvh; padding:32px 16px;
  position: relative; z-index: 1; /* filigranın üstünde */
}

body.page-template-sifremi-unuttum .lp-login-box{
  position:relative;
  width:min(480px,100%);
  background:#fff;
  border:1px solid var(--hair);
  border-radius: var(--radius);
  padding:26px;
  box-shadow: var(--shadow);
  animation: su-fade .35s ease both;
  will-change: transform, opacity;
}

/* Cam efekti destekleniyorsa daha premium */
@supports (backdrop-filter: blur(8px)){
  body.page-template-sifremi-unuttum .lp-login-box{
    background: color-mix(in oklab, #ffffff, rgba(255,255,255,.75) 24%);
    backdrop-filter: blur(10px) saturate(1.04);
    -webkit-backdrop-filter: blur(10px) saturate(1.04);
    box-shadow: var(--shadow), var(--shadow-strong);
  }
  body.page-template-sifremi-unuttum .lp-login-box::after{
    content:""; position:absolute; inset:1px; border-radius: calc(var(--radius) - 1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55); pointer-events:none;
  }
}

@keyframes su-fade{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}

/* ====== BAŞLIK & AÇIKLAMA ====== */
body.page-template-sifremi-unuttum .lp-login-box h2{
  margin:2px 0 8px;
  font-size: clamp(22px, 2.2vw + 12px, 28px);
  line-height:1.2; font-weight:800; color:var(--text);
}
body.page-template-sifremi-unuttum .lp-login-box p{
  margin:0 0 16px; color:var(--muted); font-size:14.5px;
}

/* ====== FORM ====== */
body.page-template-sifremi-unuttum form{
  display:grid; gap:12px;
}
body.page-template-sifremi-unuttum input[type="email"]{
  width:100%; height:42px; padding:0 12px; font-size:15px;
  border-radius: var(--radius-sm);
  border:1px solid var(--hair);
  background:#fff; color:var(--text);
  outline:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  transition: border-color .15s ease, box-shadow .15s ease, transform .06s ease;
}
body.page-template-sifremi-unuttum input::placeholder{
  color: color-mix(in oklab, var(--muted), #fff 6%); opacity:.85;
}
body.page-template-sifremi-unuttum input:focus{
  border-color: color-mix(in oklab, var(--accent), #000 30%);
  box-shadow: var(--ring), inset 0 1px 0 rgba(255,255,255,.85);
  translate: 0 -1px;
}
@supports selector(:focus-visible){
  body.page-template-sifremi-unuttum input:focus{ box-shadow:none; translate:0 0; }
  body.page-template-sifremi-unuttum input:focus-visible{
    border-color: color-mix(in oklab, var(--accent), #000 30%);
    box-shadow: var(--ring), inset 0 1px 0 rgba(255,255,255,.85);
    translate: 0 -1px;
  }
}

/* ====== BUTON ====== */
body.page-template-sifremi-unuttum .lp-btn,
body.page-template-sifremi-unuttum button[type="submit"]{
  appearance:none; border:0; cursor:pointer;
  height:42px; border-radius: 999px;
  background: var(--accent-grad);
  color:#fff; font-weight:800; font-size:14px; letter-spacing:.25px; line-height:1;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
body.page-template-sifremi-unuttum .lp-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}
body.page-template-sifremi-unuttum .lp-btn:active{ transform: translateY(0); }
body.page-template-sifremi-unuttum .lp-btn:focus-visible{
  outline:2px solid transparent; box-shadow: var(--ring), 0 6px 18px rgba(0,0,0,.10);
}

/* ====== MESAJ KUTULARI ====== */
body.page-template-sifremi-unuttum .lp-success,
body.page-template-sifremi-unuttum .lp-error{
  margin:0 0 14px; padding:12px 14px;
  border-radius:12px; font-size:14px;
  display:flex; align-items:center; gap:8px;
}
body.page-template-sifremi-unuttum .lp-success{
  background:#ecfdf5; color:#065f46;
  border:1px solid rgba(34,197,94,.35);
}
body.page-template-sifremi-unuttum .lp-success::before{ content:"✅"; }

body.page-template-sifremi-unuttum .lp-error{
  background:#fef2f2; color:#7f1d1d;
  border:1px solid var(--border); border-left:4px solid #ef4444;
}
body.page-template-sifremi-unuttum .lp-error::before{ content:"⚠️"; }

/* ====== ALT LİNKLER ====== */
body.page-template-sifremi-unuttum .lp-links{
  margin-top:14px; display:flex; justify-content:center; gap:10px;
  font-size:14px; color:var(--muted);
}
body.page-template-sifremi-unuttum .lp-links a{
  color:var(--accent); text-decoration:none; border-bottom:1px dashed transparent;
  transition: color .15s ease, border-color .15s ease;
}
body.page-template-sifremi-unuttum .lp-links a:hover{
  color:var(--accent-700); border-color:var(--accent-700);
}

/* ====== ERİŞİLEBİLİRLİK ====== */
@media (prefers-reduced-motion: reduce){
  body.page-template-sifremi-unuttum *{ animation:none !important; transition:none !important; }
}

/* ====== RESPONSIVE ====== */
@media (max-width:520px){
  body.page-template-sifremi-unuttum .lp-login-box{ padding:22px; }
}