/* Official unmodified digital asset, including its built-in clear space.
   Source and checksum: static/brand/youtube/README.md.
   At 52px canvas width, the visible mark is 24px high (minimum: 20px).
   Font-library aliases also cover dynamically rendered channel controls. */
.youtube-brand-icon,
i.ri-youtube-fill,
i.ri-youtube-line,
i.fa-youtube {
  display: inline-block !important;
  width: 52px !important;
  height: 44.55px !important;
  min-width: 52px !important;
  min-height: 44.55px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff url("../brand/youtube/yt_icon_red_digital.png") center / contain no-repeat !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  vertical-align: middle;
  line-height: 1 !important;
}
i.ri-youtube-fill::before,
i.ri-youtube-line::before,
i.fa-youtube::before { content: none !important; }
.youtube-brand-link { display: inline-flex; flex: 0 0 auto; align-items: center; background: #fff; }
.youtube-brand-link:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.content-library-selector-icon:has(:is(.ri-youtube-fill, .ri-youtube-line)) {
  width: 52px; min-width: 52px; height: 45px; background: #fff; border-radius: 0;
}
.content-library-selector-option:has(.ri-youtube-fill) { min-height: 57px; }
.content-type-tab[data-channel="youtube"] { min-height: 57px; }
.calendar-event-modal-icon.youtube { width: 64px; min-width: 64px; height: 56px; background: #fff; }
.social-circle:has(> .ri-youtube-fill) { width: 52px; min-width: 52px; height: 45px; background: #fff; border-radius: 0; }

/* One neutral mount and optical scale for every social assistant. The other
   channels retain the existing Remix Icon marks; only YouTube uses the official
   vendor PNG. Do not apply theme gradients, filters or hover scaling to marks. */
.channel-brand-link,
.channel-brand-slot {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 44.55px !important;
  min-width: 52px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}
.channel-brand-link > i,
.channel-brand-slot > i {
  display: inline-block;
  font-size: 24px !important;
  line-height: 1 !important;
  filter: none !important;
  transform: none !important;
}
[data-brand="linkedin"] { color: #0a66c2 !important; }
[data-brand="instagram"], [data-brand="tiktok"] { color: #000 !important; }
[data-brand="facebook"] { color: #0866ff !important; }
.channel-brand-link:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }

/* Shared selectors/training tabs cannot make one platform's mark smaller or
   place its logo in a differently sized, tinted badge. */
.content-library-selector-icon {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 52px !important; min-width: 52px !important; height: 45px !important;
  background: #fff !important; border-radius: 0 !important;
}
.content-library-selector-icon > i { font-size: 24px; }
.content-library-selector-option { min-height: 57px; }
.content-library-selector-option > i:first-child:not(.ri-youtube-fill),
.content-type-tab > i:first-child:not(.ri-youtube-line):not(.ri-youtube-fill) {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; min-width: 52px; height: 45px; flex: 0 0 52px;
  font-size: 24px; background: #fff; border-radius: 0;
}
.content-type-tab { min-height: 57px; }
.calendar-event-modal-icon:is(.linkedin, .instagram, .facebook, .tiktok) {
  width: 64px; min-width: 64px; height: 56px; background: #fff;
}
.calendar-event-modal-icon:is(.linkedin, .instagram, .facebook, .tiktok) > i { font-size: 24px; }
.youtube-attribution { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-block: .75rem; color: #475569; font-size: .85rem; }
.youtube-logo-link { display: inline-flex; background: #fff; flex: 0 0 auto; }
.youtube-logo-link:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.youtube-brand-logo {
  display: block !important; width: 142px !important; height: auto !important;
  min-width: 142px; max-width: none; padding: 0 !important; border: 0 !important;
  border-radius: 0 !important; background: #fff !important;
  object-fit: contain !important; filter: none !important; opacity: 1 !important; transform: none !important;
}
.sa-youtube-privacy-note { color: #475569; font-size: .85rem; line-height: 1.5; }