/**
 * CTR Area (term-based CTA)
 *
 * Keep this file focused on the automatic-inserted container + default pattern.
 */

.motteku-ctr-area {
  margin: 0 0 1.25rem;
}

/*
 * Editor-friendly summary styling:
 * core/details outputs a plain <summary> without our BEM class.
 * Apply the same look when the details block has `.motteku-cv-card`.
 */
.motteku-cv-card > summary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.75rem 1rem;
  padding-right: 2.5rem;
  background: #FEF2F2;
  cursor: pointer;
  list-style: none;
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  color: #DC2626;
  text-align: left;
}

.motteku-cv-card > summary::-webkit-details-marker {
  display: none;
}

.motteku-cv-card > summary::before {
  content: "\1F6A9";
  font-size: 1rem;
  margin-right: 0.5rem;
}

.motteku-cv-card > summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #DC2626;
}

.motteku-cv-card[open] > summary::after {
  content: "−";
}

.motteku-cv-card > summary:hover {
  background: #FEE2E2;
}

/* Remove separator line for Details-block version only */
.wp-block-details.motteku-cv-card .motteku-cv-card__body {
  border-top: none;
}

/* Appeal paragraphs in CTR pattern (no per-<p> class required) */
.wp-block-details.motteku-cv-card .motteku-cv-card__appeal p {
  margin: 0 0 0.75rem;
  font-size: 0.9375rem;
  color: #78350F;
  line-height: 1.6;
}

.wp-block-details.motteku-cv-card .motteku-cv-card__appeal p:last-child {
  margin-bottom: 0;
}

.wp-block-details.motteku-cv-card .motteku-cv-card__appeal p strong {
  color: #92400E;
  font-weight: 700;
}

/* Keep title styling from existing class if present */
.wp-block-details.motteku-cv-card .motteku-cv-card__appeal-title {
  margin: 0 0 0.5rem;
  font-size: 1.0625rem;
  font-weight: 700;
  color: #92400E;
  line-height: 1.5;
}

/* CV button link: force white text + no underline (editor can override link styles) */
.motteku-cv-card__cta .motteku-cv-card__btn,
.motteku-cv-card__cta .motteku-cv-card__btn:link,
.motteku-cv-card__cta .motteku-cv-card__btn:visited,
.motteku-cv-card__cta .motteku-cv-card__btn:hover,
.motteku-cv-card__cta .motteku-cv-card__btn:focus,
.motteku-cv-card__cta .motteku-cv-card__btn:active {
  color: #fff !important;
  text-decoration: none !important;
}

/* Static (non-accordion) mode for CV card */
.motteku-cv-card--static .motteku-cv-card__header {
  cursor: default;
}

.motteku-cv-card--static .motteku-cv-card__header::after {
  content: "";
}