/*!
Theme Name: SAP Business Suite
Template: twentytwentyfive
Description: A child theme of Twenty Twenty-Five with SAP branding and custom fonts.
Version: 0.2.0
Author: Watershed 5
Author URI:
Text Domain: sap_business_suite
Requires at least: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
*/

.sm-assessment-block {
  --sm-assessment-option--padding-left: 3rem;

  & .sm-assessment-options-list {
    list-style-position: inside;
  }

  & .sm-assessment-prompt-label {
    text-align: center;
    max-width: 510px;
    margin: 0 auto;
  }

  & .sm-assessment-prompt-list-item {
    display: block;
  }

  & .sm-assessment-option {
    position: relative;
    padding: 0.5rem 1.5rem 0.5rem var(--sm-assessment-option--padding-left);
    /* border: 2px solid var(--sm-prompt-label-color); */
    border-radius: 0.25rem;

    & ::marker {
      font-weight: 700;
    }

    & input[type="checkbox"],
    input[type="radio"] {
      position: absolute;
      top: 50%;
      left: calc(var(--sm-assessment-option--padding-left) / 2);
      translate: -50% -50%;
    }
  }

  & .sm-assessment-footer {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
  }

  & .sm-assessment-submit-button {
    background: var(--sm-prompt-label-color);
    color: var(--wp--preset--color--morning-horizon-primary-3);
    text-decoration: none;
    border-radius: 0.66rem;
    font-size: 1rem;
    font-weight: bold;
    padding-top: var(--global-kb-spacing-xxs, 0.5rem);
    padding-right: var(--global-kb-spacing-xs, 1rem);
    padding-bottom: var(--global-kb-spacing-xxs, 0.5rem);
    padding-left: var(--global-kb-spacing-xs, 1rem);
  }
}

& .sm-assessment-results {
  .sm-assessment-results-messages {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;

    @media (min-width: 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @media (min-width: 1200px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .sm-assessment-results-group {
    background-color: #9746ff;
    padding: 2rem;
    border-radius: 1rem;
    color: var(--wp--preset--color--morning-horizon-primary-3);
    font-size: 1rem;

    & .sm-assessment-results-group-title {
      margin-top: 0;
      font-size: 1.5rem;
    }
  }

  .sm-assessment-results-group::before {
    display: block;
    border-radius: 9999px;
    content: "";
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    background-color: #1a1361;
    height: 64px;
    width: 64px;
    margin-bottom: 2rem;
  }

  .sm-assessment-results-group:nth-child(1)::before {
    background-image: url(https://sap.splashmetrics.io/AD1ohLBjg0M2TE_QYpjbf0kuSTdhU52Xf6ysLOExb8/wp-content/uploads/2025/10/bonfire-icon.png);
    background-size: 48px;
  }

  .sm-assessment-results-group:nth-child(2)::before {
    background-image: url(https://sap.splashmetrics.io/AD1ohLBjg0M2TE_QYpjbf0kuSTdhU52Xf6ysLOExb8/wp-content/uploads/2025/10/files-icon.png);
    background-size: 32px;
  }

  .sm-assessment-results-group:nth-child(3)::before {
    background-image: url(https://sap.splashmetrics.io/AD1ohLBjg0M2TE_QYpjbf0kuSTdhU52Xf6ysLOExb8/wp-content/uploads/2025/10/simple-star-icon.png);
  }

  .sm-assessment-results-group-messages {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}