/*
 * ============================================================
 * SCOTLAND.COM DESIGN SYSTEM
 * scotland-system.css — Version 1.0
 * ============================================================
 * 
 * CRITICAL: This stylesheet belongs exclusively to Scotland.com.
 * The Linka Holdings V3 palette (deep green #1C4035, brass #9E7B3A,
 * Playfair Display, Jost) must NEVER appear on Scotland.com.
 * 
 * This system uses Scottish national colors:
 * Saltire Navy (Pantone 300) and White only.
 * No green. Green risks Irish association and undermines
 * Scottish national identity.
 *
 * Developer: Apply this stylesheet globally to the Scotland.com
 * WordPress installation. Do not import or reference v3-system.css.
 * ============================================================
 */


:root {

  /* --- NATIONAL COLOURS --- */
  --navy:       #003DA5;   /* Saltire Navy — primary identity colour */
  --navy-dark:  #002B7A;   /* Dark navy — header border, footer bg, hover */
  --navy-deep:  #001E55;   /* Deep navy — hero panel background */
  --navy-mid:   #1A52B5;   /* Mid navy — hero top border, visit card hover */

  /* --- NEUTRALS --- */
  --white:      #FFFFFF;   /* Primary page background */
  --off-white:  #F8F9FC;   /* Economy section background */
  --tint:       #EEF2FB;   /* Visit section, discover cards, feat-stat--dark */
  --tint-mid:   #D8E2F5;   /* Dividers, card borders, stat strip border */
  --silver:     #C0CDEA;   /* Button borders */
  --charcoal:   #1A1F36;   /* Primary headings */
  --body:       #374151;   /* Body paragraph text */
  --muted:      #6B7280;   /* Captions, labels, secondary text */
  --rule:       #E5EAF5;   /* Dividers */

  /* --- TYPOGRAPHY --- */
  --fd: 'Cormorant Garant', Georgia, serif;     /* Display — all headings */
  --fb: 'Source Sans 3', system-ui, sans-serif; /* Body — all UI and paragraphs */

  /* --- LAYOUT --- */
  --max: 1200px;                       /* Container max-width */
  --pad: clamp(18px, 4.5vw, 48px);    /* Responsive page padding */
}
/* ============================================================
   RESET AND BASE
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
@media (min-width: 1240px) {
    .container {
        max-width: 1200px !important;
    }
}
body {
  font-family: var(--sc-font-ui);
  font-size: var(--sc-size-body);
  font-weight: 400;
  line-height: 1.65;
  color: var(--sc-text);
  background-color: var(--sc-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--navy);
  text-decoration: none;
  transition: var(--transition);
}

a:hover {
  color: var(--navy-mid);
}

/* ============================================================
   TYPOGRAPHY — DISPLAY AND HEADINGS
   All display and heading elements use Cormorant Garamond
   ============================================================ */
h1, h2, h3, h4, h5, h6{
  font-family: var(--fd);
  font-weight: 600;
  line-height: 1.15;
  color: var(--navy-deep);
  letter-spacing: -0.01em;
}
.single-page , .blog-page , .single-post{
	margin-top:40px !important;
}
.single-page h1,.single-page h2,.single-page h3,.single-page h4,.single-page h5,.single-page h6 , .blog-page h1,.blog-page h2,.blog-page h3, .blog-page h4,.blog-page h5,.blog-page h6 , .single-post h1,.single-post h2,.single-post h3,.single-post h4,.single-post h5,.single-post h6{
  font-family: var(--fd) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  color: var(--navy-deep) !important;
  letter-spacing: -0.01em !important;
}
.aside .link-list li a, .aside .menu-home-aside-menu-container li a, .aside .menu-home-menu-container li a {
 font-family: var(--fb) !important;
}
.content .excerpt  p , .single-page p , .blog-page p, .single-post p{
  font-family: var(--fb) !important;
}
.content .content-text a , .content .excerpt a{
  color: var(--navy-mid) !important;
}

.categories-link:link, .categories-link:visited{
	 color: var(--navy) !important;
}
span.categories:after, span.categories:before {
 background-color: var(--navy-deep) !important;
}
.pagination span.current{
    border: 1px solid  var(--navy-deep) !important;
    background-color: var(--navy-deep) !important;
    color: #fff;
}
.pagination a.page-numbers:hover
{
    color: #fff;
    text-decoration: none;
    background-color: var(--navy-deep) !important;
}
.pagination a.page-numbers{
	border:1px solid var(--navy-deep) !important;
}
/* .aside .menu-home-sidebar-1-container li a, .aside .menu-home-sidebar-2-container li a, .aside .menu-home-sidebar-3-container li a{
	 font-family: var(--fd) !important;
} */
.related-block{
	margin-top:20px !important;
}
.tags-block .tag{
	   border:1px solid var(--navy-deep) !important;
}
.tags-block .tag:hover{
	 background-color: var(--navy-deep) !important;
}
aside .link-list li a, 
.aside .menu-home-aside-menu-container li a, 
.aside .menu-home-menu-container li a {
  color: var(--navy) !important;
}
.aside .menu-attractions-container li a,
.aside .menu-our-favorites-container li a
{
	color: var(--navy) !important;
}
.aside .menu-home-sidebar-1-container li a, .aside .menu-home-sidebar-2-container li a, .aside .menu-home-sidebar-3-container li a
{
	color: var(--navy) !important;
}
.back-to-category-link:link, .back-to-category-link:visited{
	    border: 1px solid var(--navy-deep) !important;
}
.back-to-category-link:hover , .content-text a.back-to-category-link:hover  {
    text-decoration: none;
    background-color: var(--navy-deep) !important;
    color: #fff !important;
}