/* AI name ideas: the AI badge, the "Get more AI suggestions" link and the AI finder window.
   Addon-owned elements only; colours come from the shop's Appearance palette. */

/* The badge: a sparkle mark and "AI" on the shop's accent gradient */
.dv-ai-badge{display:inline-flex;align-items:center;gap:3px;flex:none;padding:4px 8px 4px 6px;border-radius:999px;font:800 9.5px/1 system-ui,sans-serif;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--dv-col-primary),var(--dv-col-primary_hover));box-shadow:0 2px 8px color-mix(in srgb,var(--dv-col-primary) 28%,transparent)}
.dv-ai-badge svg{width:11px;height:11px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.dv-ai-badge span{color:#fff}

/* AI cards in the suggestions list: a faint accent edge so they read as a group */
.dv-regional-suggestions .dv-regional-item.dv-regional-item-ai{border-color:color-mix(in srgb,var(--dv-col-primary) 28%,var(--dv-col-divider))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dv-col-primary) 5%,var(--dv-col-regional_card)),var(--dv-col-regional_card))!important}

/* The small text link under the suggestions */
.dv-ai-more-row{display:flex;justify-content:center;margin-top:14px}
.dv-ai-more{display:inline-flex;align-items:center;gap:6px;padding:4px 6px!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--dv-col-primary)!important;font:700 12px/1.3 system-ui,sans-serif!important;cursor:pointer;text-decoration:none}
.dv-ai-more svg{width:14px;height:14px}
.dv-ai-more:hover span{text-decoration:underline;text-underline-offset:3px}
.dv-ai-more:focus:not(:focus-visible){outline:0}

/* The finder window uses the saved-domains window design */
#dv-ai-overlay .dv-modal{width:min(780px,100%)!important;max-height:min(91dvh,960px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;border-radius:var(--dv-pro-modal-radius,24px)!important;background:var(--dv-col-modal_bg)!important;color:var(--dv-safe-text,var(--dv-col-text))!important;border:1px solid var(--dv-col-divider)!important;box-shadow:0 25px 75px color-mix(in srgb,var(--dv-col-shadow) 22%,transparent)!important}
#dv-ai-overlay .dv-modal-top{position:sticky!important;top:0!important;z-index:8!important;background:var(--dv-col-modal_header)!important;color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important}
#dv-ai-overlay .dv-modal-top :is(span,strong,svg){color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important;stroke:currentColor}
#dv-ai-overlay .dv-modal-close{color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important;border-color:color-mix(in srgb,var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text)) 20%,transparent)!important}
#dv-ai-overlay .dv-panel-scroll{overflow:visible!important;max-height:none!important;background:var(--dv-col-modal_bg)!important;color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-ai-overlay .dv-panel-intro h2{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-ai-overlay .dv-backdrop{background:var(--dv-col-backdrop)!important;opacity:var(--dv-pro-overlay-opacity,.65)!important;backdrop-filter:blur(var(--dv-pro-overlay-blur,11px))!important;-webkit-backdrop-filter:blur(var(--dv-pro-overlay-blur,11px))!important}
#dv-ai-overlay.dv-no-backdrop{pointer-events:none!important}
#dv-ai-overlay.dv-no-backdrop .dv-backdrop{opacity:0!important;pointer-events:none!important}
#dv-ai-overlay.dv-no-backdrop .dv-modal{pointer-events:auto!important}
#dv-ai-overlay button:focus:not(:focus-visible),#dv-ai-overlay a:focus:not(:focus-visible),#dv-ai-overlay input:focus:not(:focus-visible){outline:0!important}
/* Scrollbar: the shared 3px, hover-only rule at the end of theme-complete.css covers this window */

/* Search box and directions */
.dv-ai-form{margin:22px 0 0;display:grid;gap:12px}
.dv-ai-label{font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.04em;color:var(--dv-col-text_soft)}
.dv-ai-input{display:flex;align-items:stretch;gap:8px;padding:6px;border:1px solid var(--dv-col-divider_strong,var(--dv-col-divider));border-radius:16px;background:var(--dv-col-surface)}
.dv-ai-input:focus-within{border-color:var(--dv-col-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--dv-col-primary) 14%,transparent)}
.dv-ai-input input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--dv-safe-text,var(--dv-col-text))!important;font:500 15px/1.4 system-ui,sans-serif!important;padding:9px 10px!important;height:auto!important}
.dv-ai-go{display:inline-flex;align-items:center;gap:7px;flex:none;border:0!important;border-radius:12px!important;padding:0 18px!important;min-height:44px;color:#fff!important;background:linear-gradient(135deg,var(--dv-col-primary),var(--dv-col-primary_hover))!important;font:750 13px/1 system-ui,sans-serif!important;cursor:pointer}
.dv-ai-go svg{width:15px;height:15px}
.dv-ai-go:disabled{opacity:.6;cursor:progress}
.dv-ai-chips{display:flex;flex-wrap:wrap;gap:8px}
.dv-ai-chip{border:1px solid var(--dv-col-divider)!important;border-radius:999px!important;background:var(--dv-col-surface)!important;color:var(--dv-col-text_soft)!important;font:650 12px/1 system-ui,sans-serif!important;padding:8px 13px!important;cursor:pointer}
.dv-ai-chip[aria-pressed="true"]{border-color:var(--dv-col-primary)!important;color:var(--dv-col-primary)!important;background:color-mix(in srgb,var(--dv-col-primary) 9%,var(--dv-col-surface))!important}
.dv-ai-chip:disabled{opacity:.55;cursor:progress}

/* Progress lines while it works */
.dv-ai-steps{list-style:none;margin:22px 0 0;padding:16px 18px;display:grid;gap:10px;border:1px dashed var(--dv-col-divider);border-radius:14px}
.dv-ai-steps li{display:flex;align-items:center;gap:10px;font:600 13px/1.3 system-ui,sans-serif;color:var(--dv-col-text_faint,var(--dv-col-text_soft))}
.dv-ai-steps li i{width:14px;height:14px;border-radius:50%;border:2px solid var(--dv-col-divider);flex:none}
.dv-ai-steps li svg{width:14px;height:14px;color:var(--dv-col-success);flex:none}
.dv-ai-steps .dv-ai-step-done{color:var(--dv-col-text_soft)}
.dv-ai-steps .dv-ai-step-now{color:var(--dv-safe-text,var(--dv-col-text))}
.dv-ai-steps .dv-ai-step-now i{border-color:var(--dv-col-primary);border-top-color:transparent;animation:dv-ai-spin .8s linear infinite}
@keyframes dv-ai-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.dv-ai-steps .dv-ai-step-now i{animation:none}}
.dv-ai-note{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:var(--dv-col-surface_alt,var(--dv-col-surface));color:var(--dv-col-text_soft);font:600 13px/1.45 system-ui,sans-serif}
.dv-ai-empty{margin:22px 0 0;padding:26px 18px;text-align:center;border:1px dashed var(--dv-col-divider);border-radius:16px;color:var(--dv-col-text_soft)}
.dv-ai-empty svg{width:26px;height:26px;color:var(--dv-col-primary)}
.dv-ai-empty strong{display:block;margin:8px 0 4px;color:var(--dv-safe-text,var(--dv-col-text));font:750 15px/1.3 system-ui,sans-serif}
.dv-ai-empty p{margin:0;font-size:13px}

/* Result cards */
.dv-ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin-top:22px}
.dv-ai-card{display:grid;align-content:space-between;gap:12px;min-width:0;padding:14px;border:1px solid var(--dv-col-divider);border-radius:16px;background:var(--dv-col-regional_card,var(--dv-col-surface))}
.dv-ai-card-ai{border-color:color-mix(in srgb,var(--dv-col-primary) 26%,var(--dv-col-divider))}
.dv-ai-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.dv-ai-card-top>div{min-width:0;display:grid;gap:3px}
.dv-ai-domain{font:800 15px/1.25 system-ui,sans-serif;color:var(--dv-safe-text,var(--dv-col-text));overflow-wrap:anywhere}
.dv-ai-card-top small{font:600 11px/1.2 system-ui,sans-serif;color:var(--dv-col-text_soft)}
.dv-ai-card-offer:empty{display:none}
.dv-ai-card-tools{display:flex;align-items:center;gap:6px}
.dv-ai-card-tools [data-dv-ai-controls]{display:contents}
.dv-ai-show-more{border:1px solid var(--dv-col-divider)!important;border-radius:12px!important;background:var(--dv-col-surface)!important;color:var(--dv-col-primary)!important;font:750 13px/1 system-ui,sans-serif!important;padding:12px 20px!important;cursor:pointer}
#dv-ai-overlay .dv-ai-more-row{margin-top:20px}
#dv-ai-overlay .dv-panel-foot{margin-top:22px}

@media(max-width:740px){
  .dv-ai-input{flex-direction:column}
  .dv-ai-go{justify-content:center}
  .dv-ai-grid{grid-template-columns:1fr}
}