/* SY Consulting Core — base styles.
   Loaded on every page so the plugin's own templates (404, archives) and the
   header/footer render correctly even where no page HTML has been pasted in. */

body.syc-canvas { margin: 0; }
body.syc-canvas .syc-main { display: block; }

.syc,.syc *,.syc *::before,.syc *::after{box-sizing:border-box}
.syc{color:#41525E;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;background:#FFFFFF}
.syc h1,.syc h2,.syc h3{margin:0;font-family:"Newsreader",Georgia,serif;font-weight:500;color:#0D3352}
.syc h4,.syc p,.syc ul,.syc ol,.syc li,.syc figure,.syc blockquote{margin:0}
.syc ul{padding:0;list-style:none}
.syc a{color:#2A72B8;text-decoration:none}
.syc a:hover{color:#14476F}
.syc :focus-visible{outline:3px solid #54A854;outline-offset:2px;border-radius:2px}
.syc img{display:block;max-width:100%}
.syc button{font-family:inherit}
@keyframes syc-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes syc-rise-tilt{from{opacity:0;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg) translateY(12px)}to{opacity:1;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}}
@media (prefers-reduced-motion:reduce){.syc *,.syc *::before,.syc *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}.syc [data-tilt]{transform:none !important}}
@media (max-width:430px){.syc [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr !important}}
/* Elementor / theme neutralisation */
.elementor-widget-html .syc{max-width:none}

/* Pagination on plugin-rendered archive pages */
.syc-canvas .navigation.pagination { display:flex; gap:8px; flex-wrap:wrap; }
.syc-canvas .nav-links .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;
  border:1px solid #DCE6EE;border-radius:6px;color:#0D3352;
  font:600 15px/1 'Plus Jakarta Sans',system-ui,sans-serif;
}
.syc-canvas .nav-links .page-numbers.current,
.syc-canvas .nav-links .page-numbers:hover{ background:#1B5A8E; border-color:#1B5A8E; color:#fff; }
.syc-canvas .screen-reader-text{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

/* Elementor content inside the canvas should not add its own gutters */
body.syc-canvas .elementor-section-wrap > .elementor-section:first-child { margin-top: 0; }
