/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

dialog:modal {
  max-width: 100vw;
  max-height: 100vh;
}

body:has(dialog[open]) {
  overflow: hidden;
  touch-action: none;
}

body:has(#search-toggle:checked) {
  overflow: hidden;
  touch-action: none;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons-outlined.md-18 {
  font-size: 18px;
}

.material-icons.md-20 {
  font-size: 20px;
}

.material-icons-outlined.md-20 {
  font-size: 20px;
}


/* vanilla-calendar-pro（カレンダー）のstyleを上書き */

.vc-month:disabled,
.vc-year:disabled {
  color: #000 !important;
}

.vc-date[data-vc-date-selected] .vc-date__btn {
  background-color: var(--color-surface-primary) !important;
}

.vc-date[data-vc-date-today]:not([data-vc-date-selected]) .vc-date__btn {
  background-color: transparent !important;
  color: inherit !important;
  font-weight: normal !important;
}

/* markdown表示 */

.markdown-body h1 { font-size: 1.25rem; font-weight: 700; margin-top: 1rem; margin-bottom: 0.5rem; }
.markdown-body h2 { font-size: 1.125rem; font-weight: 700; margin-top: 1rem; margin-bottom: 0.5rem; }
.markdown-body h3 { font-size: 1rem; font-weight: 700; margin-top: 0.75rem; margin-bottom: 0.25rem; }
.markdown-body ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 0.5rem; }
.markdown-body ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 0.5rem; }
.markdown-body li { margin-bottom: 0.125rem; }
.markdown-body p { margin-bottom: 0.5rem; }
.markdown-body hr { border-top: 1px solid #d1d5db; margin: 0.75rem 0; }
.markdown-body code { background-color: #f3f4f6; padding: 0.125rem 0.25rem; border-radius: 0.25rem; font-size: 0.875rem; }
.markdown-body pre { background-color: #f3f4f6; padding: 0.75rem; border-radius: 0.375rem; overflow-x: auto; margin-bottom: 0.5rem; }
.markdown-body pre code { background-color: transparent; padding: 0; }
.markdown-body strong { font-weight: 700; }

/* swiper(カルーセル) */

.swiper {
  .swiper-pagination-bullet-active {
    background-color: var(--color-surface-primary);
    opacity: 1 !important;
  }
}