/*
Theme Name: Scotia Services
Theme URI: https://bason.co.za/
Author: bason.co.za
Author URI: https://bason.co.za/
Description: A lightweight, Elementor & Elementor Pro-ready WordPress theme built for Scotia Services (Pty) Ltd — cooling tower maintenance, refurbishment and spares. Layout is handled entirely by Elementor so every page, section, grid and image is fully editable. Includes brand colours, the Barlow type system, Theme Builder locations for header/footer/single, wide + full-width alignment and a canvas template.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: scotia-services
Tags: business, portfolio, custom-logo, custom-menu, featured-images, full-width-template, block-styles, wide-blocks, elementor
*/

/* ------------------------------------------------------------
   Base reset + brand tokens.
   Elementor controls all page layout; these are safe global
   defaults so the site looks right before/while you build.
   ------------------------------------------------------------ */
:root{
  --scotia-ink:#0E2233;
  --scotia-ink-2:#13304A;
  --scotia-steel:#20496A;
  --scotia-cyan:#17B6C6;
  --scotia-cyan-deep:#0E8794;
  --scotia-amber:#F2A21C;
  --scotia-amber-deep:#D9860A;
  --scotia-mist:#EDF1F4;
  --scotia-fog:#CBD5DC;
  --scotia-text:#132430;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--scotia-text);
  line-height:1.6;
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Barlow Condensed",-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;line-height:1.05;text-transform:uppercase;
  color:var(--scotia-ink);margin:0 0 .5em;
}
a{color:var(--scotia-cyan-deep);text-decoration:none}
a:hover{color:var(--scotia-amber-deep)}
img{max-width:100%;height:auto}

/* Content width for non-Elementor (blog/archives) */
.scotia-container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
.scotia-main{padding-block:clamp(40px,7vw,90px)}

/* Simple button used by fallback header/footer */
.scotia-btn{
  display:inline-flex;align-items:center;gap:.5em;background:var(--scotia-amber);
  color:#20140a;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;padding:.75em 1.4em;border-radius:4px;
  transition:.2s background,.2s transform}
.scotia-btn:hover{background:var(--scotia-amber-deep);color:#20140a;transform:translateY(-2px)}

/* Fallback header/footer (only shown before you build them in Elementor Pro) */
.scotia-fallback-header{border-bottom:1px solid var(--scotia-fog);background:#fff}
.scotia-fallback-header .scotia-container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;flex-wrap:wrap}
.scotia-fallback-header .site-title{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:1.5rem;color:var(--scotia-ink)}
.scotia-fallback-header nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.scotia-fallback-header nav a{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:.04em;color:var(--scotia-ink);padding:.5em .8em;display:block}
.scotia-fallback-header nav a:hover{color:var(--scotia-cyan-deep)}
.scotia-fallback-footer{background:var(--scotia-ink);color:#9FB3C0;padding:40px 0;text-align:center}
.scotia-fallback-footer a{color:var(--scotia-cyan)}

/* Blog / archive cards (kept minimal & on-brand) */
.scotia-post{border:1px solid var(--scotia-fog);border-radius:6px;overflow:hidden;margin-bottom:32px;background:#fff}
.scotia-post .thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.scotia-post .body{padding:24px}
.scotia-post .entry-title{font-size:1.6rem}
.scotia-post .meta{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#5B6C78;margin-bottom:10px}
.scotia-pagination{display:flex;gap:10px;flex-wrap:wrap}
.scotia-pagination .page-numbers{padding:.5em .9em;border:1px solid var(--scotia-fog);border-radius:4px}
.scotia-pagination .current{background:var(--scotia-ink);color:#fff;border-color:var(--scotia-ink)}

.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}