/* External Image Embed - Theme Adaptive v1.3 */
.eie-card{
  --eie-bg: var(--wp--preset--color--base, var(--color-background, #fff));
  --eie-fg: var(--wp--preset--color--contrast, var(--color-foreground, #111));
  --eie-border: color-mix(in srgb, var(--eie-fg) 12%, transparent);
  --eie-muted: color-mix(in srgb, var(--eie-fg) 60%, transparent);
  --eie-radius: var(--wp--custom--border--radius, 16px);
  --eie-shadow: 0 4px 24px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --eie-btn-bg: var(--wp--preset--color--primary, var(--eie-fg));
  --eie-btn-fg: var(--wp--preset--color--base, #fff);
  background: var(--eie-bg); color: var(--eie-fg);
  border: 1px solid var(--eie-border); border-radius: var(--eie-radius);
  overflow:hidden; box-shadow: var(--eie-shadow);
  margin:1.5em auto; font-family: var(--wp--preset--font-family--base, inherit);
  max-width:100%; transition: all .2s ease;
}
.eie-card:hover{ box-shadow:0 8px 32px rgba(0,0,0,.08); transform:translateY(-1px); }

/* Alignment - WordPress compatible */
.eie-card.eie-align-left{ margin-left:0 !important; margin-right:auto !important; float:none; }
.eie-card.eie-align-right{ margin-left:auto !important; margin-right:0 !important; float:none; }
.eie-card.eie-align-center{ margin-left:auto !important; margin-right:auto !important; }
.eie-card.eie-align-full{ max-width:100% !important; width:100% !important; border-radius:0; }
.eie-card.eie-align-wide{ max-width: var(--wp--style--global--wide-size, 1200px); }

/* Size presets */
.eie-size-small{ max-width:300px; }
.eie-size-medium{ max-width:500px; }
.eie-size-large{ max-width:800px; }
.eie-size-full{ max-width:100%; }

.eie-img-wrap{ position:relative; background: color-mix(in srgb, var(--eie-fg) 4%, var(--eie-bg)); display:flex; flex-direction:column; align-items:center; }
.eie-image{ display:block; width:100%; height:auto; max-height:80vh; margin:0 auto; }
.eie-fit-contain{ object-fit:contain; }
.eie-fit-cover{ object-fit:cover; }
.eie-fit-fill{ object-fit:fill; }
.eie-img-link{ display:block; width:100%; }
.eie-caption{ padding:10px 16px 0; font-size:.9em; color:var(--eie-muted); text-align:center; line-height:1.4; }
.eie-meta{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px 16px; }
.eie-credit{ font-size:.85em; color:var(--eie-muted); }
.eie-credit-prefix{ font-weight:600; }
.eie-btn{ display:inline-flex; align-items:center; gap:8px; background:var(--eie-btn-bg); color:var(--eie-btn-fg) !important; padding:10px 18px; border-radius:999px; text-decoration:none !important; font-weight:600; font-size:.9em; line-height:1; transition:all .18s ease; white-space:nowrap; }
.eie-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.eie-btn svg{ transition: transform .18s ease; }
.eie-btn:hover svg{ transform:translateX(3px); }
.eie-fallback{ padding:40px 20px; text-align:center; color:var(--eie-muted); font-size:.9em; }

/* Editor style */
.eie-editor-card{ font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
@media (prefers-color-scheme: dark){ .eie-card{ --eie-shadow:0 4px 24px rgba(0,0,0,.3); } }
.entry-content .eie-card, .elementor-widget-container .eie-card, .et-l .eie-card{ max-width:100%; }
