@charset "UTF-8";

/*!
 Theme Name: JOP News Child
Description: Child theme styles for JOP News.
Theme URI: https://wp-cocoon.com/
Author: waibui
Author URI: https://nelog.jp/
Template: cocoon-master
 Version: 1.1.6
 */

:root {
  --mn-accent: #ff7a18;
  --mn-accent-deep: #d45a00;
  --mn-accent-soft: #fff3e7;
  --mn-blue: #0f5f9b;
  --mn-blue-soft: #e9f4fd;
  --mn-green: #008a63;
  --mn-green-soft: #edf8f5;
  --mn-border: #cfe0ec;
  --mn-ink: #1f2937;
}

html {
  color-scheme: light;
  background: #eef4f8;
}

body,
.body {
  background: #eef4f8;
  color: #203243;
}

a {
  color: #0f5f9b;
}

a:hover,
a:focus {
  color: #d45a00;
}

.content {
  background: transparent;
}

.content-in {
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1.4rem;
}

.main {
  box-sizing: border-box;
  padding: 1.35rem 1.45rem;
  border: 1px solid #dbe8f2;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 76, 129, 0.08);
  min-width: 0;
}

.no-sidebar .main {
  width: 100%;
}

.article,
.entry-content {
  color: #203243;
}

.entry-content {
  overflow-wrap: anywhere;
}

.sidebar {
  box-sizing: border-box;
  display: block;
}

.sidebar .widget {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #dbe8f2;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 76, 129, 0.08);
}

.sidebar .widget .widget-title,
.sidebar .widget > h3 {
  margin: 0 0 0.85rem;
  padding: 0.72rem 0.95rem;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--mn-blue) 0%, #2f7fc1 52%, #64b76a 100%);
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.35;
}

.sidebar .widget ul,
.sidebar .widget ol {
  padding-left: 1rem;
}

.sidebar .widget,
.sidebar .widget p,
.sidebar .widget li,
.sidebar .widget label {
  color: #294255;
}

.sidebar .widget input,
.sidebar .widget select,
.sidebar .widget textarea {
  width: 100%;
  box-sizing: border-box;
}

.entry-title,
.archive-title {
  color: #102a43;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  color: #153e5d;
}

body.mn-page-faq .article h2,
body.mn-page-faq .article h3,
body.mn-page-faq .article h4,
body.mn-page-faq .article h5,
body.mn-page-faq .article h6,
body.mn-page-faq .article h2 span,
body.mn-page-faq .article h3 span,
body.mn-page-faq .article h4 span,
body.mn-page-faq .article h5 span,
body.mn-page-faq .article h6 span {
  color: #0f5f9b !important;
}

.masters-news-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1.5rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--mn-border);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--mn-blue-soft) 0%, #ffffff 45%, var(--mn-green-soft) 100%);
  font-size: 0.86em;
  line-height: 1.4;
  box-shadow: 0 18px 34px rgba(15, 76, 129, 0.08);
}

.masters-news-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: #ffffff;
  color: var(--mn-ink);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.masters-news-badge--grade {
  background: #e8f2ff;
  color: var(--mn-blue);
}

.masters-news-badge--event {
  background: #eefbf3;
  color: var(--mn-green);
}

.masters-news-badge--age {
  background: #fff4e8;
  color: #8a4a12;
}

.masters-news-badge--organizer {
  background: #edf7ff;
  color: #22577a;
}

.masters-news-badges__separator {
  color: #94a3b8;
  font-weight: 400;
}

.entry-content .masters-news-article {
  display: grid;
  gap: 1.5rem;
}

.masters-news-result-article .entry-content .masters-news-article {
  gap: 0.25rem;
}

.entry-content .masters-news-section {
  display: grid;
  gap: 0.9rem;
}

.masters-news-result-article .entry-content .masters-news-section h2,
.entry-content .masters-news-community-block h2,
.entry-content .masters-news-form-shell h2,
.entry-content .masters-news-profile-summary h2,
.entry-content .masters-news-profile-section h2,
.entry-content .masters-news-approved-feed h3 {
  padding: 0.8rem 1rem;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mn-blue) 0%, #2f7fc1 52%, #64b76a 100%);
  color: #ffffff;
  box-shadow: 0 14px 26px rgba(15, 76, 129, 0.18);
}

.masters-news-result-article .entry-content .masters-news-section--venue h3 {
  padding: 0.7rem 0.95rem;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--mn-green) 0%, #2e9f69 100%);
  color: #ffffff;
}

.entry-content .masters-news-manual-note {
  padding: 1rem 1.1rem;
  border-left: 4px solid var(--mn-blue);
  background: var(--mn-blue-soft);
}

.entry-content .masters-news-manual-note p:last-child,
.entry-content .masters-news-section p:last-child {
  margin-bottom: 0;
}

.sidebar .widget {
  border: 1px solid #dbe8f2;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 76, 129, 0.08);
  padding: 1rem;
}

.sidebar .widget .widget-title,
.sidebar .widget h3 {
  margin: 0 0 0.85rem;
  padding: 0.72rem 0.95rem;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--mn-blue) 0%, #2f7fc1 52%, #64b76a 100%);
  color: #ffffff;
}

.sidebar .widget > *:not(.widget-title):not(h3) {
  padding-left: 0;
  padding-right: 0;
}

.post-author,
.author-box,
.author-info,
.sns-follow,
.footer-bottom-logo {
  display: none !important;
}

.sns-share,
.sns-share-message,
.share-menu-content,
.share-menu-content-top {
  display: none !important;
}

.masters-news-result-article .sns-share,
.masters-news-result-article .share-menu-content {
  display: block !important;
}

.masters-news-result-article .sns-share-message,
.masters-news-result-article .share-menu-content-top {
  display: none !important;
}

body:not(.masters-news-result-article) .date-tags,
body:not(.masters-news-result-article) .post-date,
body:not(.masters-news-result-article) .post-update,
body:not(.masters-news-result-article) .entry-date,
body:not(.masters-news-result-article) .amp-wp-article-published-time,
body:not(.masters-news-result-article) .amp-wp-article-modified-time {
  display: none !important;
}

.masters-news-form-page .toc,
.masters-news-form-page .toc-box,
.masters-news-form-page .toc-content,
.masters-news-form-page .widget_toc,
.masters-news-form-page .widget_index_box,
.masters-news-player-profile .toc,
.masters-news-player-profile .toc-box,
.masters-news-player-profile .toc-content,
.masters-news-player-profile .widget_toc,
.masters-news-player-profile .widget_index_box,
.masters-news-result-article .toc,
.masters-news-result-article .toc-box,
.masters-news-result-article .toc-content,
.masters-news-result-article .widget_toc,
.masters-news-result-article .widget_index_box,
.masters-news-no-toc-page .toc,
.masters-news-no-toc-page .toc-box,
.masters-news-no-toc-page .toc-content,
.masters-news-no-toc-page .widget_toc,
.masters-news-no-toc-page .widget_index_box {
  display: none !important;
}

.masters-news-homepage .toc,
.masters-news-homepage .toc-box,
.masters-news-homepage .toc-content,
.masters-news-homepage .widget_toc,
.masters-news-homepage .widget_index_box {
  display: none !important;
}

.masters-news-search-widget__extra {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.masters-news-search-widget__extra .masters-news-sidebar-card {
  margin: 0;
}

.masters-news-player-coaching-request {
  margin-top: 1rem;
}

.masters-news-player-coaching-request__details {
  border: 1px solid var(--mn-border);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 14px 26px rgba(15, 76, 129, 0.08);
}

.masters-news-player-coaching-request__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  cursor: pointer;
  list-style: none;
}

.masters-news-player-coaching-request__toggle::-webkit-details-marker {
  display: none;
}

.masters-news-player-coaching-request__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mn-blue) 0%, #1e7fc9 100%);
  color: #ffffff;
  font-weight: 800;
  line-height: 1.2;
}

.masters-news-help-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border: 1px solid #bfd3e6;
  border-radius: 999px;
  background: #f8fbff;
  color: #0f5f9b;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
  cursor: help;
}

.masters-news-help-tooltip__content {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  z-index: 20;
  width: min(19rem, calc(100vw - 3rem));
  padding: 0.8rem 0.95rem;
  border: 1px solid #dbe8f2;
  border-radius: 14px;
  background: #ffffff;
  color: #203243;
  box-shadow: 0 16px 30px rgba(15, 76, 129, 0.14);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.55;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.masters-news-help-tooltip:hover .masters-news-help-tooltip__content,
.masters-news-help-tooltip:focus .masters-news-help-tooltip__content,
.masters-news-help-tooltip:focus-within .masters-news-help-tooltip__content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.masters-news-player-coaching-request__body {
  padding: 0 1.1rem 1.1rem;
}

.masters-news-player-coaching-request__note,
.masters-news-player-coaching-request__disabled {
  color: #48657a;
  font-size: 0.95rem;
}

.masters-news-player-coaching-request__form {
  display: grid;
  gap: 0.85rem;
  margin-top: 0.9rem;
}

.masters-news-player-coaching-request__form label {
  display: grid;
  gap: 0.35rem;
  color: var(--mn-ink);
  font-weight: 700;
}

.masters-news-player-coaching-request__form input,
.masters-news-player-coaching-request__form textarea {
  width: 100%;
  padding: 0.85rem 0.95rem;
  border: 1px solid #bfd3e6;
  border-radius: 14px;
  background: #f8fbff;
  color: #6b7280;
  box-sizing: border-box;
}

/* JOP News is intentionally light-only for stable readability. */

@media screen and (max-width: 480px) {
  .content-in {
    flex-wrap: wrap;
  }

  .masters-news-badges {
    gap: 0.35rem;
    padding: 0.75rem 0.85rem;
  }

  .main {
    padding: 1rem;
    border-radius: 16px;
  }

  .sidebar .widget {
    padding: 0.9rem;
    border-radius: 16px;
  }
}