/*
 * affilun — block editor UI refresh.
 *
 * Keeps the in-editor search / saved-product panels visually aligned with
 * the branded wp-admin settings surfaces.
 *
 * @package Affilun
 */

:root {
  --affilun-editor-purple: #7c6cff;
  --affilun-editor-blue: #5ca9ff;
  --affilun-editor-pink: #ff8ec7;
  --affilun-editor-ink: #2a2d3e;
  --affilun-editor-soft: #f5f6fa;
  --affilun-editor-border: #eef0f6;
  --affilun-editor-shadow: 0 14px 44px rgba(42, 45, 62, 0.1);
  --affilun-editor-font-rounded: "Hiragino Maru Gothic ProN", "Zen Maru Gothic",
    "Hiragino Sans", "Yu Gothic", "Yu Gothic UI", Meiryo, system-ui, sans-serif;
}

.affilun-product-card-editor,
.affilun-product-card-editor-placeholder {
  font-family: var(--affilun-editor-font-rounded);
  color: var(--affilun-editor-ink);
}

.affilun-product-card-editor {
  border-radius: 24px;
  padding: 18px;
  background: radial-gradient(
      circle at 0 0,
      rgba(255, 142, 199, 0.15),
      transparent 20rem
    ),
    linear-gradient(135deg, #fff 0%, var(--affilun-editor-soft) 100%);
  box-shadow: var(--affilun-editor-shadow);
}

.affilun-product-card-search-panel,
.affilun-product-card-saved-search,
.affilun-product-card-selected,
.affilun-product-card-editor-placeholder {
  border: 1px solid var(--affilun-editor-border) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 30px rgba(42, 45, 62, 0.08);
}

.affilun-product-card-providers {
  gap: 8px !important;
}

.affilun-product-card-providers .button,
.affilun-product-card-search-panel .button,
.affilun-product-card-saved-search .button {
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.affilun-product-card-providers .button-primary,
.affilun-product-card-search-panel .button-primary {
  background: linear-gradient(
    135deg,
    var(--affilun-editor-purple),
    var(--affilun-editor-pink)
  ) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(124, 108, 255, 0.24) !important;
}

.affilun-product-card-providers .button-secondary,
.affilun-product-card-search-panel .button-secondary,
.affilun-product-card-saved-search .button {
  background: var(--affilun-editor-soft) !important;
  color: rgba(42, 45, 62, 0.78) !important;
}

.affilun-product-card-search-panel input[type="search"],
.affilun-product-card-saved-search input[type="search"],
.affilun-product-card-search-panel input[type="text"] {
  border-color: #dde2ef !important;
  border-radius: 12px !important;
  min-height: 38px;
}

.affilun-product-card-search-panel input:focus,
.affilun-product-card-saved-search input:focus {
  border-color: var(--affilun-editor-purple) !important;
  box-shadow: 0 0 0 1px var(--affilun-editor-purple) !important;
}

.affilun-product-card-search-results,
.affilun-product-card-saved-results {
  border: 1px solid var(--affilun-editor-border) !important;
  border-radius: 18px !important;
  background: #fff;
  overflow: hidden;
}

.affilun-product-card-search-result,
.affilun-product-card-saved-result {
  padding: 12px !important;
  border-bottom: 1px solid var(--affilun-editor-border) !important;
}

.affilun-product-card-search-result:last-child,
.affilun-product-card-saved-result:last-child {
  border-bottom: 0 !important;
}

.affilun-product-card-search-result img,
.affilun-product-card-saved-result img {
  border-radius: 14px !important;
  background: var(--affilun-editor-soft);
}
