/* ==========================================================================
   Global Suntech — company profile wire stylesheet.

   Styles only the elements the wire-up injects or swaps on the deck served
   from public/Company-Profile-main/ (which ships untouched): the navbar
   Download pill, the contact enquiry form, and the space the links row
   yields so the pill never overlaps it. Anything the deck ships unchanged
   keeps its original styles from /Company-Profile-main/style.css.
   ========================================================================== */

    .nav-download {
      display: none; /* hidden until the admin publishes a PDF */
      align-items: center;
      gap: 0.45rem;
      padding: 0.42rem 0.9rem;
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 999px;
      background: #c8f07a;
      color: #1a4d2e;
      font-size: 0.78rem;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      z-index: 1002;
      transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .nav-download svg {
      width: 15px;
      height: 15px;
      flex-shrink: 0;
    }

    .nav-download:hover {
      background: #e8f9b8;
      transform: translateY(-1px);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    }

    .nav.has-profile-pdf .nav-download {
      display: inline-flex;
    }

    /* Desktop: the deck's nav is a 2-column grid (logo | links). Pin the links
       to row 1 col 2 and place the pill beside them — without the explicit
       links placement, the pill's own grid area would push the links to a
       second row. The links row yields room via padding so the last link is
       never covered. */
    @media (min-width: 1025px) {
      .nav .nav-links {
        grid-area: 1 / 2;
      }

      .nav .nav-download {
        grid-area: 1 / 2;
        justify-self: end;
        align-self: center;
        position: relative;
      }

      .nav.has-profile-pdf .nav-links {
        padding-right: 124px;
      }
    }

    /* Mobile: tuck the pill next to the hamburger, icon only. */
    @media (max-width: 1024px) {
      .nav .nav-download {
        position: absolute;
        right: 74px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0.38rem 0.7rem;
      }

      .nav .nav-download svg {
        width: 14px;
        height: 14px;
      }

      .nav .nav-download span {
        display: none;
      }

      .nav .nav-download:hover {
        transform: translateY(-50%);
      }
    }
        transition: none;
      }
    }

    /* ---- Scroll reveal animations (targets added by gs-profile-wire.js) ----
       The hidden state only applies while html.gs-reveal-enabled exists, which
       the wire script sets; a blocked script therefore never hides content. */

    html.gs-reveal-enabled .gs-reveal {
      opacity: 0;
      transform: translateY(28px);
      transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition-delay: var(--gs-reveal-delay, 0ms);
      will-change: opacity, transform;
    }

    html.gs-reveal-enabled .gs-reveal.gs-in {
      opacity: 1;
      transform: translateY(0);
    }

    @media (prefers-reduced-motion: reduce) {
      html.gs-reveal-enabled .gs-reveal {
        opacity: 1;
        transform: none;
        transition: none;
      }

      .nav-download {
        transition: none;
      }
    }

    /* ---- About page — Core Values list (admin-edited, one value per line) ---- */

    .about-values .value-box .gs-value-lines {
      margin: 0;
      padding-left: 1.15rem;
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
    }

    .about-values .value-box .gs-value-lines li {
      color: inherit;
      font-size: 0.9rem;
      line-height: 1.55;
    }

    .about-values .value-box .gs-value-lines li strong {
      font-weight: 700;
    }