/* ========== Home Computer Handhelds Styles ========== */
/* REF
:root {
  --nectar-accent-color: #fdc62f;
  --nectar-extra-color-1: #0c4da2;
  --nectar-extra-color-2: #05a797;
  --nectar-extra-color-3: #dd2759;
  --nectar-extra-color-4: #bac2db;
  --nectar-extra-color-5: #000000;
  --nectar-extra-color-6: #704b9e;
  --nectar-extra-color-7: #ffcb08;
  --nectar-extra-color-8: #ca0000;
  --nectar-extra-color-9: #dedcde;
  --nectar-extra-color-10: #ffffff;
  --nectar-extra-color-11: #388cdb;
  --nectar-extra-color-12: #f19c00;
}
*/
/* == Custom Fonts == */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter.woff2') format('woff2');
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'InterTight';
  src: url('../fonts/InterTight.woff2') format('woff2');
  font-style: normal;
}
body.page-home-computer-handhelds {
  --beige-color: #B09C88;

  font-family: 'Inter', sans-serif;
  font-size: 16px;

  .container-wrap {
    background-color: var(--nectar-extra-color-10);

    .inter * {
      font-family: 'Inter', sans-serif;
    }

    .h2-style,
    .h2-style * {
      font-family: 'InterTight', sans-serif;
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 1;
    }

    .h3-style,
    .h3-style * {
      font-family: 'InterTight', sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: 1.5;
    }

    .h4-style,
    .h4-style *,
    .nectar-button.pc-console-btn,
    th {
      font-family: 'Inter', sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 700 !important;
      line-height: 1.6;
      text-transform: uppercase;
    }

    .beige-text {
      color: var(--beige-color);
    }
    /* == Buttons == */
    .nectar-button.pc-console-btn {
      padding: 10px 24px !important;
      border-radius: 10px !important;
      transition: all 0.3s ease !important;
      &:hover {
        opacity: 0.8;
      }
    }
    .nectar-button.pre-order-btn {
      padding-bottom: 8px !important;
      span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        &:before {
          content: '';
          position: relative;
          top: 0;
          left: 0;
          width: 24px;
          height: 24px;
          background-image: url('/wp-content/uploads/2026/04/pre-order-basket-icon.svg');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center left;

          transition: transform 0.3s ease;
        }
      }
    }
    /* == Filters == */
    .retailers-filter-wrap.home-computer-handhelds {
      & .retailers-form {
        & .retailer-location-select {
          & .select2.select2-container {
            & .select2-selection--single {
              .select2-selection__rendered {
                background-color: var(--beige-color);
                border: 1px solid var(--beige-color) !important;
                border-radius: 10px;
                color: var(--nectar-extra-color-5) !important;
                font-family: 'Inter', sans-serif !important;
                font-weight: 700 !important;
              }
            }
            & .select2-selection__arrow {
              b {
                border-color: var(--nectar-extra-color-5) transparent transparent transparent;
                border-width: 10px 8px 0 8px;
                margin-left: -12px;
              }
            }
          }
          
        }
      }
      .retailers-results {
        .retailer-console-item {
          padding: 0px;
          background-color: transparent;
          border: none !important;

          .console-logo,
          .console-graphic {
            display: none;
          }

          .console-retailers {
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;

            & a {
              & .retailer-logo {
                img {
                  border-radius: 10px;
                  max-height: 150px;
                  max-width: 150px;
                }
              }
            }
          }
        }
      }
    }
    /* == Spec Table == */
    .spec-table table {
      width: 100%;
      border-collapse: collapse;
      background-color: transparent;
      border-top: none !important;

      * {
        border: none !important;
      }
      tr {
        background-color: transparent;
        border-bottom: 10px solid transparent !important;
        th {
          text-align: right;
          padding: 0;
        }
        td {
          text-align: left;
          padding: 0 0 0 25px;
          line-height: 2;
        }
      }

    }

  }

  .nectar-global-section.before-footer {
    background-color: var(--nectar-extra-color-5) !important;
    color: var(--nectar-extra-color-10) !important;
  }

  /* ===== Select2 Dropdown Options Styling ===== */
  .select2-dropdown {
    color: var(--nectar-extra-color-5) !important;
    border-radius: 10px !important;

    .select2-results {
      background-color: var(--beige-color) !important;
      border-radius: 10px !important;

      /* == Style Scrollbar == */
      .select2-results__options {
        scrollbar-color: var(--nectar-extra-color-5) var(--nectar-extra-color-10) !important;
      }

      .select2-results__options::-webkit-scrollbar {
        width: 8px !important;
      }

      .select2-results__options::-webkit-scrollbar-track {
        background: var(--beige-color) !important;
      }

      .select2-results__options::-webkit-scrollbar-thumb {
        background-color: var(--beige-color) !important;
        border-radius: 20px !important;
      }
    }
  }

}
/* == Mobile Styles == */
@media only screen and (max-width: 999px) {
  body.page-home-computer-handhelds {
    & .container-wrap {
      /* == Typography == */
      .h2-style,
      .h2-style * {
        font-size: 32px;
      }

      .h3-style,
      .h3-style * {
        font-size: 24px;
      }

      .h4-style,
      .h4-style *,
      .nectar-button.pc-console-btn,
      .main-content .spec-table table tr th {
        font-size: 18px;
      }

      /* == Tables == */
      .main-content .spec-table table tr td {
        line-height: 1.5;
      }
    }
    /* == Filters == */
    .retailers-filter-wrap.home-computer-handhelds {
      .retailers-results {
        .retailer-console-item {

          .console-retailers {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr);
          }
        }
      }
    }
  }
}