/* POAV portal styling (scoped by being enqueued only on portal pages) */
.poav-card {
  background: #ffffff;
  border: 1px solid rgba(2, 6, 23, 0.08);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);
}

.poav-card-inner {
  background: #f8fafc;
  border: 1px solid rgba(2, 6, 23, 0.06);
  border-radius: 16px;
  padding: 16px;
}

.poav-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 760px) {
  .poav-grid { grid-template-columns: 1fr; }
}

.poav-form-row { display:flex; flex-direction:column; gap:6px; margin: 10px 0; }
.poav-form-row label { font-weight: 650; font-size: 14px; }
.poav-form-row small { color: #64748b; }
.poav-form-row input, .poav-form-row select {
  font-size: 16px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(2, 6, 23, 0.12);
  background: #fff;
}
.poav-snippet { margin-top: 12px; }
.poav-snippet-head { display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-bottom: 6px; }
.poav-snippet textarea {
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(2, 6, 23, 0.12);
  background: #fff;
  resize: vertical;
}

.poav-alert { margin: 14px 0 0; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(2,6,23,0.10); }
.poav-alert-success { background: rgba(16,185,129,0.10); }
.poav-alert-error { background: rgba(239,68,68,0.10); }

.poav-domain-list { list-style: none; padding: 0; margin: 0; }
.poav-domain-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 10px 12px; border: 1px solid rgba(2,6,23,0.08); border-radius: 14px; margin: 8px 0; background:#fff; }
.poav-domain-add { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.poav-copilot { background: #f8fafc; border: 1px solid rgba(2,6,23,0.06); border-radius: 16px; padding: 14px; }

.button.button-small { padding: 4px 10px; font-size: 12px; border-radius: 999px; }

/* Light modern nav touch (works with most WP block/classic navs) */
header nav a,
.wp-block-navigation a,
.menu a {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.wp-block-navigation .wp-block-navigation__container,
header nav ul,
.menu {
  gap: 10px;
}

header nav a,
.wp-block-navigation a,
.menu a {
  padding: 8px 12px;
  border-radius: 999px;
  text-decoration: none;
}

header nav a:hover,
.wp-block-navigation a:hover,
.menu a:hover {
  background: rgba(37, 99, 235, 0.10);
}

header nav .current-menu-item > a,
.wp-block-navigation .current-menu-item > a,
.menu .current-menu-item > a {
  background: rgba(37, 99, 235, 0.14);
}


/* Domain badges + list */
.poav-domain-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.poav-domain-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(15,23,42,0.08); border-radius: 14px; padding: 12px; background: rgba(255,255,255,0.7); }

.poav-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.2px; }
.poav-badge-ok { background: rgba(16,185,129,0.12); color: #047857; }
.poav-badge-warn { background: rgba(245,158,11,0.14); color: #92400e; }

.poav-domain-add { display:flex; align-items:center; gap: 10px; flex-wrap: wrap; }
.poav-card-inner { border: 1px solid rgba(15,23,42,0.08); border-radius: 14px; padding: 12px; background: rgba(255,255,255,0.7); }
.poav-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 820px) { .poav-grid { grid-template-columns: 1fr; } }