/* Mister Roka site fixes: contact form contrast and smaller play controls. */
body.page-id-372,
body.page-id-372 #page,
body.page-id-372 #content,
body.page-id-372 .site-content-contain,
body.page-id-372 .site-content,
body.page-id-372 .content-area,
body.page-id-372 #primary,
body.page-id-372 #main,
body.page-id-372 article,
body.page-id-372 .entry-content,
body.page-id-372 .wp-block-jetpack-contact-form,
body.page-id-372 .jetpack-contact-form-container,
body.page-id-372 .jetpack-contact-form__form,
body.page-id-372 .contact-form,
body.page-id-372 .grunion-field-wrap,
body.page-id-372 .grunion-field-wrap > div,
body.page-id-372 .contact-form-submission {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}
body.page-id-372 .entry-title,
body.page-id-372 .entry-content p,
body.page-id-372 .entry-content label,
body.page-id-372 .entry-content h1,
body.page-id-372 .entry-content h2,
body.page-id-372 .entry-content h3,
body.page-id-372 .grunion-field-wrap label {
  color: #fff !important;
}
body.page-id-372 .entry-content input,
body.page-id-372 .entry-content textarea,
body.page-id-372 .jetpack-contact-form__form input,
body.page-id-372 .jetpack-contact-form__form textarea {
  background: #171717 !important;
  background-color: #171717 !important;
  color: #fff !important;
  border: 1px solid #555 !important;
  box-shadow: none !important;
}
body.page-id-372 .entry-content button[type="submit"],
body.page-id-372 .jetpack-contact-form__form button {
  background: #e00020 !important;
  background-color: #e00020 !important;
  color: #fff !important;
  border-color: #e00020 !important;
}
/* Minimal white play icon: transparent background, fine outline, no red/blue fill. */
body.home .mr-card-play,
body.page-id-593 .mr-episode-play,
body.home .mr-featured-play {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 1.5px solid rgba(255,255,255,.88) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,.16) !important;
  color: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 1px 5px rgba(0,0,0,.15) !important;
}
body.home .mr-card-play::before,
body.page-id-593 .mr-episode-play::before,
body.home .mr-featured-play::before {
  content: "▷";
  display: block;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 23px;
  line-height: 1;
  transform: translateX(1px);
}
body.home .mr-card-image:hover .mr-card-play,
body.home .mr-featured-thumb:hover .mr-featured-play {
  background: rgba(0,0,0,.28) !important;
  border-color: #fff !important;
}
/* Mobile: two columns and a minimal white play triangle, with no blue emoji square. */
@media (max-width: 760px) {
  body.home .mr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.page-id-593 .mr-episode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.home .mr-card-play,
  body.page-id-593 .mr-episode-play,
  body.home .mr-featured-play {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border: 1.5px solid rgba(255,255,255,.9) !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.12) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: none !important;
  }
  body.home .mr-card-play::before,
  body.page-id-593 .mr-episode-play::before,
  body.home .mr-featured-play::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 6px solid transparent !important;
    border-bottom: 6px solid transparent !important;
    border-left: 9px solid #fff !important;
    font-size: 0 !important;
    transform: translateX(1px) !important;
  }
}
