/**
 * Component: Clinic Section
 * クリニック詳細ページのセクションコンテンツ
 */

/* Section Container */
.c-clinic-section-001 {
  margin-bottom: var(--wp--preset--spacing--3-xl);
}

/* Section Title */
.c-clinic-section-001__title {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--sm);
  font-size: var(--wp--preset--font-size--xl);
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--tertiary-dark);
  margin: 0 0 var(--wp--preset--spacing--xl) 0;
}

@media (min-width: 768px) {
  .c-clinic-section-001__title {
    font-size: var(--wp--preset--font-size--2-xl);
  }
}

.c-clinic-section-001__title .material-symbols-outlined {
  font-size: 3.2rem;
  color: var(--wp--preset--color--tertiary);
}

@media (min-width: 768px) {
  .c-clinic-section-001__title .material-symbols-outlined {
    font-size: 4rem;
  }
}

/* Grid Layout for Cards */
.c-clinic-section-001__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--base);
}

@media (min-width: 768px) {
  .c-clinic-section-001__grid {
    gap: var(--wp--preset--spacing--lg);
  }
}

/* Nayami List */
.c-clinic-nayami-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--base);
}

@media (min-width: 768px) {
  .c-clinic-nayami-list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--wp--preset--spacing--lg);
  }
}

/* Nayami Item */
.c-clinic-nayami-item {
  padding: var(--wp--preset--spacing--base);
  background: var(--wp--preset--color--white);
  border: var(--wp--custom--border--width--1) solid var(--wp--preset--color--gray-lighter);
  border-radius: var(--wp--custom--border--radius--md);
  transition: border-color var(--wp--custom--transition--duration--base) var(--wp--custom--transition--timing--ease),
              opacity var(--wp--custom--transition--duration--base) var(--wp--custom--transition--timing--ease);
}

@media (min-width: 768px) {
  .c-clinic-nayami-item {
    padding: var(--wp--preset--spacing--lg);
  }
}

.c-clinic-nayami-item:hover {
  border-color: var(--wp--preset--color--tertiary-light);
  opacity: 0.9;
}

/* Nayami Item Title */
.c-clinic-nayami-item__title {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--sm);
  font-size: var(--wp--preset--font-size--base);
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--tertiary-dark);
  margin: 0 0 var(--wp--preset--spacing--sm) 0;
}

@media (min-width: 768px) {
  .c-clinic-nayami-item__title {
    font-size: var(--wp--preset--font-size--lg);
  }
}

.c-clinic-nayami-item__title .material-symbols-outlined {
  font-size: 2.4rem;
  color: var(--wp--preset--color--tertiary);
}

/* Nayami Item Description */
.c-clinic-nayami-item__description {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--gray-dark);
  line-height: var(--wp--custom--line-height--base);
  margin: 0;
}