.ykm-yt-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
  border-radius: 12px;
}
.ykm-yt-wrap iframe,
.ykm-yt-wrap img,
.ykm-yt-fake-thumb {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.ykm-yt-fake-thumb {
  background:
	radial-gradient(circle at center, rgba(255,255,255,.15) 0 25%, rgba(0,0,0,0) 26% 100%),
	linear-gradient(180deg, #222, #000);
}

/* Consent Overlay */
.ykm-yt-consent {
  position: absolute;
  inset: auto 0 0 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 30%, rgba(0,0,0,.8) 100%);
  color: #fff;
  padding: 1rem;
  display: grid;
  gap: .5rem;
}
.ykm-yt-note a { color: #fff; text-decoration: underline; }
.ykm-yt-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.ykm-yt-actions button {
  appearance: none;
  border: 0;
  padding: .55rem .9rem;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}
.ykm-yt-load { background: #cc0000; color: #fff; }
.ykm-yt-allow { background: #ffffff; color: #111; }

button.ykm-yt-load{color: #ee7100;}
button.ykm-yt-load:hover{background-color: #ee7100;}

button.ykm-yt-allow{color: #ee7100;}
button.ykm-yt-allow:hover{background-color: #ee7100;}

/* Fokus & a11y */
.ykm-yt-actions button:focus-visible {
  outline: 2px solid #fff; outline-offset: 2px;
}