/*
 * modules/lp-hub-theme.css — Salon LP 構造 + AxiHUB 青ベース／タイポ調整
 * English watermark は modules/watermark.css + axihub_render_wm() を使う（ここにグラデを書かない）。
 */

/* ---- Titles: Hub weight ---- */
.concept-hero__title,
.concept-mission__h2,
.guide-header__title,
.guide-step__h2,
.support-hero__title,
.support-intro__h2,
.owner-hero__title,
.owner-h__title,
.owner-dark-cta__title {
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* ---- Index / numbers on light: accent ---- */
.concept-value__num,
.concept-point__num,
.owner-problem__num,
.owner-reason__index,
.owner-faq-item__mark,
.support-flow__step,
.usage-steps__num,
.guide-step__label {
  color: var(--color-accent);
  font-family: var(--font-en);
  letter-spacing: 0.06em;
}

.guide-step--dark .guide-step__label {
  color: var(--color-on-inverse-a85);
}

/* Ghost nums on blue */
.concept-mission__ghost,
.guide-step--dark .guide-step__ghost {
  color: var(--color-on-inverse-a15);
}

/* ---- Media / cards: Hub radius ---- */
.concept-figure,
.guide-step__img-slot,
.owner-reason__img-slot,
.owner-figure__img,
.support-block__media,
.support-block__img,
.axihub-lp-media {
  border-radius: 6px;
  overflow: hidden;
}

/* LP 画像スロット — 実ファイル無しは TOP と同型の empty */
.axihub-lp-media {
  display: block;
  width: 100%;
  height: 100%;
}

.axihub-lp-media > img,
.axihub-lp-media > .axihub-media {
  display: block;
  width: 100%;
  height: 100%;
}

.concept-hero__visual > .axihub-lp-media,
.owner-hero__visual > .axihub-lp-media {
  position: absolute;
  inset: 0;
  min-height: 100%;
  border-radius: 0;
}

.concept-figure > .axihub-lp-media,
.guide-step__img-slot > .axihub-lp-media,
.owner-reason__img-slot > .axihub-lp-media {
  min-height: 100%;
}

.support-block__media > .axihub-lp-media {
  aspect-ratio: 6 / 1;
  min-height: 72px;
}

.support-block__media > .axihub-lp-media > .axihub-media--empty {
  aspect-ratio: 6 / 1;
}

.concept-value,
.concept-point,
.owner-problem__item,
.owner-process-card,
.usage-type {
  border-radius: 6px;
}

/* PC 右端フローティング CTA — 全幅ヒーロー右カラムの余白 */
@media (min-width: 1025px) {
  .concept-hero__content,
  .owner-hero__content {
    padding-right: max(clamp(32px, 5vw, 72px), var(--floating-cta-pc-clear));
  }
}

/* ---- Watermark spacing in LP layouts ---- */
.concept-hero__wm,
.guide-header__wm,
.guide-step__wm,
.support-hero__wm,
.owner-hero__wm,
.owner-h__wm,
.concept-mission__wm,
.owner-dark-cta__wm,
.support-note__wm {
  margin-bottom: 12px;
}

.guide-step__wm {
  margin: 4px 0 10px;
}

.owner-h {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.owner-h__wm {
  margin-bottom: 0;
}

/* Hide Salon-era plain English kickers if any leftover */
.concept-hero__kicker,
.concept-hero__deco,
.guide-header__kicker,
.guide-step__en,
.support-hero__kicker,
.support-hero__deco,
.owner-h__en,
.owner-dark-cta__label,
.owner-hero__display,
.concept-mission__label,
.concept-values__section-label,
.concept-points__section-label,
.support-intro__label,
.support-flow__section-label,
.support-block__section-label {
  display: none !important;
}

/* ---- Blue-band body text ---- */
.concept-hero__title,
.guide-step--dark .guide-step__h2,
.support-hero__title,
.owner-hero__title,
.owner-dark-cta__title,
.support-note__title,
.support-note__em,
.owner-stats__num {
  color: var(--color-on-inverse);
  -webkit-text-fill-color: currentColor;
}

.concept-hero__lead,
.guide-step--dark .guide-step__body,
.guide-step--dark .guide-step__bullets li,
.support-hero__lead,
.owner-hero__body,
.owner-hero__meta,
.owner-dark-cta__note,
.support-note__text,
.owner-stats__label {
  color: var(--color-on-inverse-a85);
  -webkit-text-fill-color: currentColor;
}

.guide-step--dark .guide-step__bullets li::before {
  background-color: var(--color-on-inverse-a50);
}

.owner-hero__btn.is-fill {
  background-color: var(--color-on-inverse);
  border-color: var(--color-on-inverse);
  color: var(--color-accent);
}

.owner-hero__btn.is-fill:hover {
  background-color: var(--color-on-inverse-a92);
  color: var(--color-accent-hover);
}

.owner-hero__btn.is-outline {
  color: var(--color-on-inverse);
  border-color: var(--color-on-inverse-a50);
}

.owner-hero__btn.is-outline:hover {
  border-color: var(--color-on-inverse);
  color: var(--color-on-inverse);
}

.owner-dark-cta__btn.is-fill {
  background-color: var(--color-on-inverse);
  border-color: var(--color-on-inverse);
  color: var(--color-accent);
}

.owner-dark-cta__btn.is-fill:hover {
  background-color: var(--color-on-inverse-a92);
  color: var(--color-accent-hover);
}

.owner-dark-cta__btn.is-outline {
  color: var(--color-on-inverse);
  border-color: var(--color-on-inverse-a50);
}

.owner-dark-cta__btn.is-outline:hover {
  border-color: var(--color-on-inverse);
  color: var(--color-on-inverse);
}

.owner-process-card:nth-child(1),
.owner-process-card:nth-child(4) {
  background-color: var(--color-accent);
}

.owner-process-card:nth-child(1) .owner-process-card__title,
.owner-process-card:nth-child(4) .owner-process-card__title {
  color: var(--color-on-inverse);
}

.owner-process-card:nth-child(1) .owner-process-card__desc,
.owner-process-card:nth-child(4) .owner-process-card__desc {
  color: var(--color-on-inverse-a85);
}

.owner-process-card:nth-child(1) .owner-process-card__num,
.owner-process-card:nth-child(4) .owner-process-card__num {
  color: var(--color-on-inverse-a20);
}

.owner-process-card:nth-child(1) .owner-process-card__step,
.owner-process-card:nth-child(4) .owner-process-card__step {
  color: var(--color-on-inverse-a85);
}

.owner-process-card:nth-child(2) .owner-process-card__step,
.owner-process-card:nth-child(3) .owner-process-card__step {
  color: var(--color-accent);
}

.usage-section__body a,
.usage-type__link,
.usage-cta {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}