/* AI Writer - custom content blocks (frontend + editor previews) */

:root {
  --aiwriter-yzozet-bg: rgba(0, 0, 0, 0.03);
  --aiwriter-yzozet-border: rgba(0, 0, 0, 0.10);
  --aiwriter-yzozet-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  --aiwriter-yzozet-title: rgba(0, 0, 0, 0.82);
  --aiwriter-yzozet-text: rgba(0, 0, 0, 0.74);
  --aiwriter-yzozet-icon: rgba(0, 0, 0, 0.70);
}

/* Modern theme dark mode uses html[data-theme='dark'] */
html[data-theme='dark'] {
  --aiwriter-yzozet-bg: rgba(255, 255, 255, 0.06);
  --aiwriter-yzozet-border: rgba(148, 163, 184, 0.26);
  --aiwriter-yzozet-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  --aiwriter-yzozet-title: rgba(255, 255, 255, 0.92);
  --aiwriter-yzozet-text: rgba(255, 255, 255, 0.82);
  --aiwriter-yzozet-icon: rgba(255, 255, 255, 0.84);
}

yzozet {
  display: block;
  margin-top: 18px;
  margin-bottom: 26px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--aiwriter-yzozet-bg);
  border: 1px solid var(--aiwriter-yzozet-border);
  box-shadow: var(--aiwriter-yzozet-shadow);
  color: var(--aiwriter-yzozet-text);
}

yzozet::before {
  content: "Haber Yapayzeka Özeti";
  display: block;
  padding-left: 26px;
  font-weight: 800;
  letter-spacing: 0.15px;
  margin-bottom: 10px;
  color: var(--aiwriter-yzozet-title);
  background-repeat: no-repeat;
  background-position: left 50%;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 2l1.09 3.41L16.5 6.5l-3.41 1.09L12 11l-1.09-3.41L7.5 6.5l3.41-1.09L12 2zm7 7l.9 2.82L23 13l-2.82.9L19 17l-.9-2.82L15 13l2.82-.9L19 9zM5 9l.9 2.82L9 13l-2.82.9L5 17l-.9-2.82L1 13l2.82-.9L5 9z'/%3E%3C/svg%3E");
}

/* make icon color follow variable */
yzozet::before { color: var(--aiwriter-yzozet-title); }
yzozet::before { -webkit-text-fill-color: currentColor; }

/* If summary contains HTML later, keep it clean */
yzozet p {
  margin: 0;
}