/* ===== GV Event Countdown – White Theme (v1.0.1) ===== */
:root{
  --gvcd-bg:#ffffff;
  --gvcd-border:#e5e7eb;
  --gvcd-muted:#6b7280;
  --gvcd-soft:#f8fafc;
  --gvcd-text:#0f172a;
  --gvcd-primary:#111827;
  --gvcd-shadow:0 10px 25px rgba(2,6,23,.06);
  --gvcd-radius:14px;
}

/* Card on single countdown */
.gvcd-container{ background:#fff; min-height:60vh; display:flex; align-items:center; justify-content:center; padding:32px; }
.gvcd-card{ background:#fff; border:1px solid var(--gvcd-border); border-radius:16px; padding:28px; max-width:720px; width:100%; box-shadow:var(--gvcd-shadow); }
.gvcd-title{ margin:0 0 8px; font-size:28px; font-weight:700; color:var(--gvcd-text); }
.gvcd-desc{ color:#4b5563; margin-bottom:18px; }
.gvcd-counter{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px; margin:8px 0 10px; }
.gvcd-unit{ text-align:center; background:var(--gvcd-soft); border:1px solid #f3f4f6; border-radius:14px; padding:16px 8px; }
.gvcd-unit .num{ font-size:32px; font-weight:800; line-height:1; display:block; }
.gvcd-unit .lbl{ font-size:12px; color:#6b7280; display:block; margin-top:6px; text-transform:uppercase; letter-spacing:.04em; }
.gvcd-status{ margin-top:12px; font-weight:600; color:var(--gvcd-text); }
.gvcd-meta{ margin-top:6px; color:#6b7280; }

/* ===== Creator form – clean white UI ===== */
.gvcd-form-wrapper{
  background:var(--gvcd-bg);
  padding:24px;
  border:1px solid var(--gvcd-border);
  border-radius:var(--gvcd-radius);
  max-width:760px; margin:20px auto;
  box-shadow:var(--gvcd-shadow);
}
.gvcd-form{ display:grid; gap:16px; }
.gvcd-form .gvcd-row{ display:grid; gap:8px; grid-template-columns: 1fr; align-items:center; }
@media (min-width:640px){ .gvcd-form .gvcd-row{ grid-template-columns: 220px 1fr; } }
.gvcd-form label{ font-weight:600; color:var(--gvcd-text); }
.gvcd-form input[type="text"],
.gvcd-form input[type="datetime-local"],
.gvcd-form textarea{
  width:100%; padding:12px 14px; font-size:16px;
  border:1px solid var(--gvcd-border); border-radius:12px; background:#fff; color:var(--gvcd-text);
  transition:border-color .15s ease, box-shadow .15s ease; outline:none;
}
.gvcd-form input::placeholder, .gvcd-form textarea::placeholder{ color:#9aa3af; }
.gvcd-form textarea{ min-height:110px; resize:vertical; }
.gvcd-form input:focus, .gvcd-form textarea:focus{ border-color:#cbd5e1; box-shadow:0 0 0 4px rgba(59,130,246,.15); }
.gvcd-form small{ display:block; margin-top:6px; color:var(--gvcd-muted); }
.gvcd-actions{ margin-top:4px; display:flex; gap:10px; justify-content:flex-end; }
@media (max-width:639px){ .gvcd-actions{ justify-content:stretch; } }
.gvcd-btn{ background:var(--gvcd-primary); color:#fff; border:none; padding:12px 18px; border-radius:12px;
  font-weight:700; cursor:pointer; box-shadow:0 6px 16px rgba(2,6,23,.12);
  transition:transform .06s ease, opacity .15s ease; }
.gvcd-btn:hover{ opacity:.95; } .gvcd-btn:active{ transform:translateY(1px); }

/* Embed container when using [gv_countdown id=""] inside posts */
.gvcd-embed{ margin:16px 0; }
@media (max-width:640px){ .gvcd-counter{ grid-template-columns: repeat(2, minmax(0,1fr)); } }