/* ==========================================================================
   Consolidated from PHP <style> blocks
   ========================================================================== */

/* Archive list (dt/dd) — was duplicated in archive-column.php, archive-product.php, taxonomy-column_cat.php */
.archive-contents dt {
  font-size: var(--font-md);
  line-height: 1.8rem;
}
.archive-contents dd {
  font-size: var(--font-sm);
}

/* Popular posts ranking (WPP) — was duplicated in category.php, archive.php, sidebar-blog.php, taxonomy-column_cat.php */
body {
  counter-reset: rank_number;
}
.wpp_thumb_wrapper {
  position: relative;
}
.popular-list .wpp_thumb_wrapper::after {
  counter-increment: rank_number;
  content: counter(rank_number);
  position: absolute;
  top: -0.125em;
  left: -0.125em;
  padding: 0.125em 0.5em;
  color: #fff;
  background: rgba(66, 66, 66, 0.85);
}
.popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper::after {
  background: rgba(189, 161, 82, 0.9);
}
.popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper::after {
  background: rgba(152, 153, 173, 0.9);
}
.popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper::after {
  background: rgba(156, 85, 34, 0.9);
}
ul.list-group.list-group-flush {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: space-around;
}
a.wpp-post-title {
  font-size: var(--font-md);
  line-height: 2rem;
  font-weight: 700;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 1px;
}
.list-group-item a {
  display: block;
}
img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

/* Sidebar column — was duplicated in sidebar-blog.php and yarpp-template-column.php */
.sidebar-column div {
  text-align: left;
  margin-bottom: initial;
}
.sidebar-column .right {
  font-size: var(--font-md);
  line-height: 2rem;
}
.sidebar-column .right p {
  font-weight: 700;
}
.sidebar-column .right h5 {
  font-size: var(--font-sm);
  line-height: 1.6rem;
}
.sidebar-column .date {
  margin-bottom: 0;
  font-size: var(--font-xs);
}

/* YARPP related tag area — was in yarpp-template-column.php */
.yarpp-related {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.tag_area06 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tag_area06 ul li {
  display: inline-block;
  margin: 0 0.5em 0.3em 1em;
  padding: 0;
}
.tag_area06 ul li a {
  position: relative;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1em;
  background-color: #2196F3;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: #fff;
  font-size: 0.8rem;
  text-decoration: none;
  transition: 0.2s;
}
.tag_area06 ul li a::before {
  position: absolute;
  top: 0;
  left: -1rem;
  content: '';
  width: 0;
  height: 0;
  border-color: transparent #2196F3 transparent transparent;
  border-style: solid;
  border-width: 1rem 1rem 1rem 0;
  transition: 0.2s;
}
.tag_area06 ul li a::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}
.tag_area06 ul li a:hover {
  background-color: #555;
  color: #fff;
}
.tag_area06 ul li a:hover::before {
  border-right-color: #555;
}
.side-thumnail {
  flex: 25%;
  max-width: 25%;
  padding: 0 var(--space-sm);
}
.side-title {
  flex: 75%;
  max-width: 75%;
  padding: 0 var(--space-xs);
}

/* Single post — was in single.php (scoped to .single) */
.single .card .card-title h1 {
  background-color: var(--grey-sub);
  font-size: 3rem;
  line-height: 5rem;
  padding: var(--space-xl);
}
.single button {
  font-size: 12px;
  color: #ccc;
}
.single li {
  font-size: 12px;
}
/* .single #pending-content {
  display: none;
} */
.single #pending-content.active {
  display: block;
}

/* ==========================================================================
   Semantic utility classes (replaces inline style="" attributes)
   ========================================================================== */

/* Tax note — part-print.php (税込) */
.tax-note {
  color: var(--color-error);
  font-size: 0.5rem;
}

/* Inline tax note — single-product.php (税別価格) */
.tax-note-inline {
  font-size: 10px;
}

/* Notice emphasis — part-common-notice.php (日付強調) */
.notice-emphasis {
  font-weight: var(--weight-bold);
  font-size: var(--font-lg);
}

/* "New" size badge — part-size.php (【新登場】) */
.size-new-badge {
  font-size: 14px;
}

/* Size description — estimate/onepoint*.php, contents/onepoint.php */
.size-desc {
  font-size: var(--font-xs);
  line-height: 1.8rem;
}

/* Yellow highlight marker — contents/scene-*.php */
.highlight-yellow {
  background-color: var(--color-highlight);
}

/* Express delivery (短納期) — contents/scene-*.php */
.label-express {
  background-color: var(--color-express);
}
.txt-express {
  color: var(--color-express);
}

/* Value price (低価格) — contents/scene-*.php */
.label-value {
  background-color: var(--color-value);
}
.txt-value {
  color: var(--color-value);
}

/* Footer copyright link — footer.php */
.footer-copyright-link {
  color: #fff;
}

/* Estimate test page specific — was in contents/test.php */
.wq-Form .wq-Selector > .wq--body {
  display: flex !important;
  flex-wrap: wrap !important;
}
@media (max-width: 767px) {
  .wq-Form .wq-Option {
    width: 105px !important;
  }
  .wq--name,
  .wq--price {
    font-size: var(--font-xs) !important;
  }
}
#wq-selector-detail-2 .wq--media,
#wq-selector-detail-12 .wq--media {
  display: none !important;
}
#wq-selector-detail-2 .wq--input,
#wq-selector-detail-12 .wq--input {
  position: initial !important;
  top: 0 !important;
}