/*
Theme Name: PAG Motion
Theme URI: https://pakamglobal.com/
Author: PakAmGlobal
Description: A fast, Elementor-ready theme with a GSAP animation system, smooth scrolling and reusable interactive image effects. Animations are applied from Elementor with class names or the built-in "Animation (PAG)" controls. GSAP loads only on pages that use it. Brand colours and typography are set as CSS variables.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pag-motion
Tags: elementor, animations, gsap, smooth-scroll, performance, accessibility-ready, custom-logo, custom-menu, translation-ready
*/

/* =====================================================================
   Base styles. Everything visual is driven by the variables in
   assets/css/pag-motion.css, so restyling the site is a matter of
   changing those values (or overriding them in Elementor's Site Settings).
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--pag-font-body);
  font-size:17px;
  line-height:1.6;
  color:var(--pag-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{margin:0 0 .5em; font-family:var(--pag-font-heading); line-height:1.15; font-weight:700}
h1{font-family:var(--pag-font-display); font-weight:400; line-height:1.05; letter-spacing:.005em}
p{margin:0 0 1em}
a{color:var(--pag-primary); text-decoration:none}
a:hover{text-decoration:underline}
img,svg,video{max-width:100%; height:auto; display:block}
:focus-visible{outline:2px solid var(--pag-primary); outline-offset:2px}

/* the skip link only appears on keyboard focus */
.pag-skip-link{position:absolute; left:-9999px; top:0; z-index:100000; padding:12px 18px;
  background:var(--pag-primary); color:#fff; border-radius:0 0 6px 0}
.pag-skip-link:focus{left:0}

/* plain (non-Elementor) pages get a readable column */
.pag-container{width:100%; max-width:var(--pag-wrap,1200px); margin-inline:auto; padding-inline:24px}
.pag-site-main{padding-block:48px}
.pag-entry-title{margin-bottom:.3em}
.pag-entry-meta{color:var(--pag-muted); font-size:15px; margin-bottom:1.5em}
.pag-site-header,.pag-site-footer{padding-block:20px; border-bottom:1px solid var(--pag-line)}
.pag-site-footer{border-bottom:0; border-top:1px solid var(--pag-line); color:var(--pag-muted)}
.pag-site-header .pag-container{display:flex; align-items:center; justify-content:space-between; gap:24px}
.pag-nav ul{display:flex; gap:22px; list-style:none; margin:0; padding:0; flex-wrap:wrap}
.pag-nav a{color:var(--pag-ink); font-family:var(--pag-font-heading); font-weight:500}
.screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap}