/* ===========================
   PetDirector Landing RECOVERY
=========================== */

:root{
  --bg:#0B0F17;
  --text:#EAF0FF;
  --muted:#A7B2CC;
  --line:rgba(255,255,255,.08);
  --brand:#7C5CFF;
  --brand2:#23C6B5;
  --radius:18px;
}

html, body{
  background: radial-gradient(1200px 800px at 20% 10%, rgba(124,92,255,.18), transparent 55%),
              radial-gradient(900px 600px at 80% 20%, rgba(35,198,181,.12), transparent 55%),
              linear-gradient(180deg, #0B0F17, #070A10 80%) !important;
  color: var(--text) !important;
}

.pd-hero{
  border-radius:24px;
  padding:42px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
}

.pd-pill{
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
  padding:8px 12px;
  border-radius:999px;
  color:var(--muted);
}

.pd-prompt input{
  background: rgba(255,255,255,.05);
  border:1px solid var(--line);
  color:#fff;
  border-radius:14px;
  padding:14px;
}

.btn.primary{
  background: linear-gradient(90deg,#7C5CFF,#23C6B5);
  color:#071018;
  border-radius:999px;
  padding:14px 18px;
  border:0;
  font-weight:800;
}

.pd-chip{
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
  padding:8px 12px;
  border-radius:999px;
  color:var(--muted);
}

section, .pd-section{
  margin-bottom:64px;
}
/* ===== Single Post Layout Fix ===== */
.pd-post{
  padding: 72px 0;
}

.pd-container{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}

.pd-post-header{
  margin-bottom: 22px;
}

.pd-post-title{
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
  color: #EAF0FF;
}

.pd-post-meta{
  color: rgba(167,178,204,.85);
  font-size: 14px;
  margin-bottom: 18px;
}

.pd-featured img{
  width: 100%;
  height: auto;
  border-radius: 18px;
  display: block;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}

.pd-post-content{
  color: rgba(234,240,255,.92);
  line-height: 1.75;
  font-size: 16px;
}

.pd-post-content p,
.pd-post-content li{
  color: rgba(167,178,204,.92);
}

.pd-post-content h2,
.pd-post-content h3{
  color: #EAF0FF;
  margin-top: 32px;
}

/* 관리자 에디터 보호 (VERY IMPORTANT) */
body.wp-admin{
  background:#fff !important;
  color:#000 !important;
}

body.wp-admin *{
  background:none !important;
  color:inherit !important;
}

/* ===== Portfolio Grid FIX ===== */

.pd-portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

.pd-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
}

.pd-card img{
  width:100%;
  height:420px;
  object-fit:cover;
  display:block;
}

.pd-card-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px;
  background:linear-gradient(to top, rgba(0,0,0,.65), transparent 60%);
}

.pd-card-buttons{
  margin-top:10px;
}