/**
 * Print Assistant — Tool page shell (iframe contract unchanged)
 */

/* Modul-Banderole (Tipps/Tools) — dezent, gleiche Icons wie Listen */
.pa-module-banderole {
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--accent-5) 65%,
    transparent
  );
  border-bottom: 1px solid var(--wp--preset--color--line);
}

/* Header + Banderole: remove automatic block-gap between template parts */
.wp-site-blocks > .wp-block-template-part:has(.pa-module-banderole) {
  margin-block-start: 0 !important;
}

.wp-site-blocks
  > .wp-block-template-part:has(.pa-site-header)
  + .wp-block-template-part:has(.pa-module-banderole) {
  margin-block-start: 0 !important;
}

.pa-module-banderole__row {
  align-items: center;
  gap: var(--wp--preset--spacing--30);
}

.pa-module-banderole__icon {
  flex-shrink: 0;
  width: var(--pa-icon-lg);
  height: var(--pa-icon-lg);
  min-height: var(--pa-icon-lg);
}

.pa-module-banderole__label {
  margin: 0;
}

.pa-module-banderole__icon::before {
  content: "";
  display: block;
  width: var(--pa-icon-lg);
  height: var(--pa-icon-lg);
  background-color: var(--wp--preset--color--contrast);
  opacity: 0.88;
}

.pa-module-banderole--tipps .pa-module-banderole__icon::before {
  mask: url("../icons/pa-tipps.svg") center / contain no-repeat;
  -webkit-mask: url("../icons/pa-tipps.svg") center / contain no-repeat;
}

.pa-module-banderole--tools .pa-module-banderole__icon::before {
  mask: url("../icons/pa-tools.svg") center / contain no-repeat;
  -webkit-mask: url("../icons/pa-tools.svg") center / contain no-repeat;
}

/* Legacy DB-Banderole (accent-5 + 80px-Bild) bis Template-Sync */
.has-accent-5-background-color:has(.wp-block-image img[src*="pa-tipps"]),
.has-accent-5-background-color:has(.wp-block-image img[src*="pa-tools"]) {
  padding-top: var(--wp--preset--spacing--20) !important;
  padding-bottom: var(--wp--preset--spacing--20) !important;
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--accent-5) 65%,
    transparent
  ) !important;
  border-bottom: 1px solid var(--wp--preset--color--line);
}

@media (max-width: 781px) {
  .pa-tool-page .wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
  }

  .pa-tool-page .wp-block-columns {
    gap: var(--wp--preset--spacing--40) !important;
  }
}

.has-accent-5-background-color:has(.wp-block-image img[src*="pa-tipps"])
  .wp-block-image
  img,
.has-accent-5-background-color:has(.wp-block-image img[src*="pa-tools"])
  .wp-block-image
  img {
  width: var(--pa-icon-lg) !important;
  height: var(--pa-icon-lg) !important;
  object-fit: contain !important;
}

#pa-tool-iframe {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--preset--border-radius--sm);
}

.pa-list-tipp,
.pa-list-tool {
  margin-top: 1rem;
  padding: 0;
}

.pa-list-tipp li,
.pa-list-tool li {
  list-style: none;
  position: relative;
  padding-left: 36px;
  margin-bottom: 0.75rem;
}

.pa-list-tipp li::before,
.pa-list-tool li::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  content: "";
  background-color: currentColor;
  opacity: 0.85;
}

.pa-list-tipp li::before {
  mask: url("../icons/pa-tipps.svg") center / contain no-repeat;
  -webkit-mask: url("../icons/pa-tipps.svg") center / contain no-repeat;
}

.pa-list-tool li::before {
  mask: url("../icons/pa-tools.svg") center / contain no-repeat;
  -webkit-mask: url("../icons/pa-tools.svg") center / contain no-repeat;
}

/* Tool-Seiten: Häkchen-Listen → Rechner-Icon (wie pa-list-tool) */
.page-template-page-tool .entry-content ul.is-style-checkmark-list,
.page-template-page-tool .wp-block-post-content ul.is-style-checkmark-list {
  list-style: none;
  margin-top: 1rem;
  padding: 0;
}

.page-template-page-tool .entry-content ul.is-style-checkmark-list li,
.page-template-page-tool .wp-block-post-content ul.is-style-checkmark-list li {
  list-style: none;
  position: relative;
  padding-left: 36px;
  margin-bottom: 0.75rem;
}

.page-template-page-tool .entry-content ul.is-style-checkmark-list li::before,
.page-template-page-tool
  .wp-block-post-content
  ul.is-style-checkmark-list
  li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  opacity: 0.85;
  mask: url("../icons/pa-tools.svg") center / contain no-repeat;
  -webkit-mask: url("../icons/pa-tools.svg") center / contain no-repeat;
}

/* Tipp-Artikel: Häkchen-Listen → Glühbirnen-Icon (wie pa-list-tipp) */
.single-post .entry-content ul.is-style-checkmark-list:not(.pa-list-tool) li,
.single
  .entry-content
  ul.is-style-checkmark-list:not(.pa-list-tool):not(.pa-list-tipp)
  li {
  list-style: none;
  position: relative;
  padding-left: 36px;
  margin-bottom: 0.75rem;
}

.single-post
  .entry-content
  ul.is-style-checkmark-list:not(.pa-list-tool)
  li::before,
.single
  .entry-content
  ul.is-style-checkmark-list:not(.pa-list-tool):not(.pa-list-tipp)
  li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  opacity: 0.85;
  mask: url("../icons/pa-tipps.svg") center / contain no-repeat;
  -webkit-mask: url("../icons/pa-tipps.svg") center / contain no-repeat;
}

.pa-list-tipp a,
.pa-list-tool a {
  background-image: none;
  background-size: 0;
  text-decoration: none;
  font-weight: 500;
}

.pa-list-tipp a:hover,
.pa-list-tool a:hover {
  background-image: none;
  background-size: 0;
  color: var(--pa-color-interaction);
  text-decoration: underline;
}

/* Override global motion link underline for tool/tipp lists (avoid double underline) */
.entry-content ul.pa-list-tool li > a:not(.wp-block-button__link),
.entry-content ul.pa-list-tipp li > a:not(.wp-block-button__link),
.entry-content ul.pa-list-tool li > a:not(.wp-block-button__link):hover,
.entry-content ul.pa-list-tipp li > a:not(.wp-block-button__link):hover,
.entry-content ul.pa-list-tool li > a:not(.wp-block-button__link):focus-visible,
.entry-content
  ul.pa-list-tipp
  li
  > a:not(.wp-block-button__link):focus-visible {
  background-image: none;
  background-size: 0;
}