/*
Theme Name:        Suntech Global VAD
Theme URI:         https://suntechglobal.example.com
Author:            Suntech Global Distribution LLP
Author URI:        https://suntechglobal.example.com
Description:       Premier Value-Added Technology Distributor (VAD) one-page enterprise theme for Enterprise Security, AI Surveillance, Access Control, Life Safety, Building Automation & Smart Infrastructure Solutions across India & Global Markets. Full end-to-end conversion of the Suntech React (Vite + Tailwind v4) app, including OEM partners, distribution map, case studies, Gemini-powered AI Solution Architect, knowledge center, lead capture forms and WhatsApp engagement.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       suntech-vad
Tags:              one-page, business, custom-menu, translation-ready
*/

/* -------------------------------------------------------------------------
 * Base
 * ---------------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
body {
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }

/* Screen reader text (WP a11y standard) */
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; width: 1px; word-wrap: normal !important;
}

/* -------------------------------------------------------------------------
 * tailwindcss-animate style utilities used by the original React app
 * (animate-in, fade-in, zoom-in-95, slide-in-from-top) — these come from
 * the tw-animate plugin which the CDN build doesn't ship, so we provide
 * equivalent keyframes here.
 * ---------------------------------------------------------------------- */
@keyframes suntech-enter {
  from {
    opacity: var(--stk-enter-opacity, 1);
    transform: translate3d(0, var(--stk-enter-translate-y, 0), 0) scale3d(var(--stk-enter-scale, 1), var(--stk-enter-scale, 1), 1);
  }
}
.animate-in {
  animation-name: suntech-enter;
  animation-duration: 200ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-fill-mode: both;
  --stk-enter-opacity: 1;
  --stk-enter-scale: 1;
  --stk-enter-translate-y: 0;
}
.fade-in { --stk-enter-opacity: 0; }
.zoom-in-95 { --stk-enter-opacity: 0; --stk-enter-scale: 0.95; }
.slide-in-from-top { --stk-enter-opacity: 0; --stk-enter-translate-y: -0.5rem; }
.animate-in.duration-200 { animation-duration: 200ms; }
.animate-in.duration-300 { animation-duration: 300ms; }
@media (prefers-reduced-motion: reduce) {
  .animate-in { animation: none; }
}

/* Tailwind v4-only utility used by the app; provided for the v3/browser CDN */
.shadow-2xs { box-shadow: 0 1px rgb(0 0 0 / 0.05); }

/* Lucide icons: make the <i data-lucide> placeholder invisible until replaced */
i[data-lucide] { display: inline-block; }
svg.lucide { display: inline-block; vertical-align: middle; }

/* Modal open — lock body scroll */
body.suntech-modal-open { overflow: hidden; }

/* Anchored sections clear the sticky header on jump/scroll navigation */
section[id] { scroll-margin-top: 5.5rem; }