/* Ajrak government footer — preview / site-wide when linked */
.site-foot--ajrak{
  --sf-bg0:#0B1B2D;
  --sf-bg1:#07101A;
  --sf-gold:#F2C66D;
  --sf-madder:#1D538C;
  --sf-madder-bright:#C0343C;
  --sf-indigo:#1F4B7A;
  --sf-cream:#DEE9F3;
  --sf-mint:#7BACE0;
  --sf-body:#C8D7E7;
  --sf-label:#89A9CC;
  --sf-white:#fff;
  position:relative;
  overflow:hidden;
  margin-top:34px;
  border-radius:30px 30px 0 0;
  color:var(--sf-body);
  background:linear-gradient(180deg,var(--sf-bg0),var(--sf-bg1));
  font-family:var(--body),'DM Sans',system-ui,sans-serif;
}
.site-foot--ajrak .leaf{display:none!important}
.site-foot--ajrak .sf-ajrak-band,
.site-foot--ajrak .sf-ajrak-pattern{pointer-events:none}

/* 1. Top Ajrak border band — 40×20 tile */
.site-foot--ajrak .sf-ajrak-band{
  position:absolute;
  left:0;right:0;top:0;
  height:20px;
  z-index:3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Crect width='40' height='20' fill='%231D538C'/%3E%3Cline x1='0' y1='1.2' x2='40' y2='1.2' stroke='%23F2C66D' stroke-width='2'/%3E%3Cline x1='0' y1='18.8' x2='40' y2='18.8' stroke='%23F2C66D' stroke-width='2'/%3E%3Cpath d='M0 5.5H40M0 14.5H40' stroke='%23DEE9F3' stroke-width='.55' opacity='.85'/%3E%3Cpath d='M4 10l3.2-3.2L10.4 10 7.2 13.2Z' fill='%231F4B7A'/%3E%3Cpath d='M16 10l2.4-2.4L20.8 10 18.4 12.4Z' fill='%23DEE9F3' opacity='.9'/%3E%3Cpath d='M24 10l3.2-3.2L30.4 10 27.2 13.2Z' fill='%231F4B7A'/%3E%3Cpath d='M33.5 10l1.8-1.8L37.1 10 35.3 11.8Z' fill='%23F2C66D'/%3E%3C/svg%3E");
  background-repeat:repeat-x;
  background-size:40px 20px;
}

/* 2. Pattern layer — 96×96 Ajrak lattice */
.site-foot--ajrak .sf-ajrak-pattern{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cpath d='M48 8L88 48 48 88 8 48Z' fill='none' stroke='%23F2C66D' stroke-width='1.2'/%3E%3Cpath d='M48 20L76 48 48 76 20 48Z' fill='none' stroke='%23F2C66D' stroke-width='1'/%3E%3Cpath d='M48 14L54 42 82 48 54 54 48 82 42 54 14 48 42 42Z' fill='none' stroke='%23F2C66D' stroke-width='.9'/%3E%3Ccircle cx='48' cy='48' r='5' fill='none' stroke='%23F2C66D' stroke-width='1'/%3E%3Ccircle cx='48' cy='48' r='2.2' fill='%23C0343C'/%3E%3Ccircle cx='48' cy='28' r='1.6' fill='%23C0343C'/%3E%3Ccircle cx='48' cy='68' r='1.6' fill='%23C0343C'/%3E%3Ccircle cx='28' cy='48' r='1.6' fill='%23C0343C'/%3E%3Ccircle cx='68' cy='48' r='1.6' fill='%23C0343C'/%3E%3Ccircle cx='34' cy='34' r='1.1' fill='%23F2C66D'/%3E%3Ccircle cx='62' cy='34' r='1.1' fill='%23F2C66D'/%3E%3Ccircle cx='34' cy='62' r='1.1' fill='%23F2C66D'/%3E%3Ccircle cx='62' cy='62' r='1.1' fill='%23F2C66D'/%3E%3Cpath d='M0 0A16 16 0 0 1 16 16H0Z' fill='%231F4B7A' stroke='%23F2C66D' stroke-width='.8'/%3E%3Cpath d='M96 0A16 16 0 0 0 80 16H96Z' fill='%231F4B7A' stroke='%23F2C66D' stroke-width='.8'/%3E%3Cpath d='M0 96A16 16 0 0 0 16 80H0Z' fill='%231F4B7A' stroke='%23F2C66D' stroke-width='.8'/%3E%3Cpath d='M96 96A16 16 0 0 1 80 80H96Z' fill='%231F4B7A' stroke='%23F2C66D' stroke-width='.8'/%3E%3C/svg%3E");
  background-size:96px 96px;
  background-repeat:repeat;
  -webkit-mask-image:radial-gradient(120% 90% at 88% 8%,#000 0%,#000 35%,transparent 78%);
  mask-image:radial-gradient(120% 90% at 88% 8%,#000 0%,#000 35%,transparent 78%);
  animation:sf-ajrak-drift 70s linear infinite;
}
@keyframes sf-ajrak-drift{
  from{background-position:0 0}
  to{background-position:96px 96px}
}

.site-foot--ajrak .sf-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1170px;
  margin-inline:auto;
  padding:36px clamp(16px,3vw,28px) 0;
}
.site-foot--ajrak .sf-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1.25fr;
  gap:36px 28px;
  padding-block:28px 36px;
}
.site-foot--ajrak .sf-col{
  min-width:0;
}
html.js .site-foot--ajrak:not(.sf-in) .sf-col{
  opacity:0;
  transform:translateY(18px);
}
html.js .site-foot--ajrak.sf-in .sf-col{
  animation:sf-rise .7s cubic-bezier(.2,.8,.2,1) forwards;
}
html.js .site-foot--ajrak.sf-in .sf-col:nth-child(1){animation-delay:0ms}
html.js .site-foot--ajrak.sf-in .sf-col:nth-child(2){animation-delay:90ms}
html.js .site-foot--ajrak.sf-in .sf-col:nth-child(3){animation-delay:180ms}
html.js .site-foot--ajrak.sf-in .sf-col:nth-child(4){animation-delay:270ms}
@keyframes sf-rise{
  to{opacity:1;transform:none}
}

/* Identity */
.site-foot--ajrak .sf-brand{
  display:flex;
  align-items:flex-start;
  gap:12px;
  text-decoration:none;
  color:inherit;
}
.site-foot--ajrak .sf-brand img,
.site-foot--ajrak .sf-brand .sf-logo-fallback{
  width:48px;height:48px;border-radius:50%;flex:none;object-fit:cover;
  background:#fff;box-shadow:0 0 0 2px rgba(242,198,109,.45);
}
.site-foot--ajrak .sf-brand b{
  display:block;
  font-family:var(--display),'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:1.05rem;
  line-height:1.2;
  color:var(--sf-white);
}
.site-foot--ajrak .sf-brand small{
  display:block;
  margin-top:4px;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--sf-label);
}
.site-foot--ajrak .sf-desc{
  margin:16px 0 0;
  font-size:.9rem;
  line-height:1.65;
  color:var(--sf-body);
  max-width:28em;
}
.site-foot--ajrak .sf-mandate{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-family:var(--display),'Plus Jakarta Sans',sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--sf-mint);
  text-decoration:none;
}
.site-foot--ajrak .sf-mandate .ic{width:1em;height:1em;transition:transform .25s ease}
.site-foot--ajrak .sf-mandate:hover .ic{transform:translateX(4px)}
.site-foot--ajrak .sf-mandate:focus-visible,
.site-foot--ajrak a:focus-visible,
.site-foot--ajrak .sf-top:focus-visible{
  outline:3px solid var(--sf-gold);
  outline-offset:3px;
  border-radius:6px;
}
.site-foot--ajrak .sf-channels{
  margin:22px 0 10px;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--sf-label);
}
.site-foot--ajrak .sf-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.site-foot--ajrak .sf-social a{
  width:44px;height:44px;
  border-radius:50%;
  border:1.5px solid rgba(242,198,109,.55);
  color:var(--sf-gold);
  display:grid;place-items:center;
  background:transparent;
  transition:transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
.site-foot--ajrak .sf-social a .ic{width:1.15em;height:1.15em}
.site-foot--ajrak .sf-social a:hover{
  transform:translateY(-3px);
  background:var(--sf-gold);
  border-color:var(--sf-gold);
  color:var(--sf-bg1);
}

/* Column headings */
.site-foot--ajrak .sf-h{
  margin:0 0 18px;
  font-family:var(--display),'Plus Jakarta Sans',sans-serif;
  font-weight:700;
  font-size:1.02rem;
  color:var(--sf-white);
  position:relative;
  padding-bottom:15px;
}
.site-foot--ajrak .sf-h::after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:30px;height:3px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--sf-gold),var(--sf-madder));
}

/* Link lists */
.site-foot--ajrak .sf-list{
  list-style:none;
  margin:0;padding:0;
  display:grid;
  gap:10px;
}
.site-foot--ajrak .sf-list a{
  display:inline-flex;
  align-items:flex-start;
  gap:10px;
  min-height:44px;
  padding:8px 0;
  font-size:.9rem;
  color:var(--sf-body);
  text-decoration:none;
  transition:transform .25s ease, color .25s ease;
}
.site-foot--ajrak .sf-list a::before{
  content:"";
  width:7px;height:7px;
  margin-top:.45em;
  flex:none;
  transform:rotate(45deg);
  background:var(--sf-gold);
  box-shadow:0 0 0 1px rgba(242,198,109,.25);
  transition:background-color .25s ease, box-shadow .25s ease;
}
.site-foot--ajrak .sf-list a:hover{
  color:var(--sf-white);
  transform:translateX(4px);
}
.site-foot--ajrak .sf-list a:hover::before{
  background:#F2C66D;
  box-shadow:0 0 0 2px rgba(242,198,109,.25);
}

/* Contact rows */
.site-foot--ajrak .sf-contact{
  list-style:none;
  margin:0;padding:0;
  display:grid;
  gap:16px;
}
.site-foot--ajrak .sf-contact li{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.site-foot--ajrak .sf-tile{
  width:40px;height:40px;
  border-radius:12px;
  flex:none;
  display:grid;place-items:center;
  background:rgba(242,198,109,.12);
  border:1px solid rgba(242,198,109,.35);
  color:var(--sf-gold);
}
.site-foot--ajrak .sf-tile .ic{width:1.15em;height:1.15em}
.site-foot--ajrak .sf-meta{
  min-width:0;
}
.site-foot--ajrak .sf-k{
  display:block;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--sf-label);
  margin-bottom:4px;
}
.site-foot--ajrak .sf-v{
  font-size:.9rem;
  line-height:1.45;
  color:var(--sf-white);
  text-decoration:none;
  word-break:break-word;
}
.site-foot--ajrak a.sf-v:hover{color:var(--sf-mint)}

/* Bottom bar */
.site-foot--ajrak .sf-bottom{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(255,255,255,.14);
  display:grid;
  grid-template-columns:1.4fr 1.6fr auto auto;
  gap:14px 20px;
  align-items:center;
  padding:16px clamp(16px,3vw,28px) 20px;
  max-width:1170px;
  margin-inline:auto;
  font-size:.78rem;
  color:var(--sf-label);
}
.site-foot--ajrak .sf-copy{margin:0;line-height:1.45;color:var(--sf-label)}
.site-foot--ajrak .sf-legal{
  display:flex;
  flex-wrap:wrap;
  gap:6px 0;
  align-items:center;
}
.site-foot--ajrak .sf-legal a{
  color:var(--sf-body);
  text-decoration:none;
  padding:8px 6px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.site-foot--ajrak .sf-legal a:hover{color:var(--sf-white)}
.site-foot--ajrak .sf-legal .sf-sep{
  color:rgba(137,169,204,.55);
  margin:0 2px;
  user-select:none;
}
.site-foot--ajrak .sf-gov{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--sf-body);
  white-space:nowrap;
  font-weight:600;
}
.site-foot--ajrak .sf-gov::before{
  content:"";
  width:8px;height:8px;
  transform:rotate(45deg);
  background:var(--sf-madder-bright);
  box-shadow:0 0 0 1px rgba(192,52,60,.35);
  flex:none;
}
.site-foot--ajrak .sf-top{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  min-height:44px;
  border-radius:999px;
  background:var(--sf-gold);
  color:#2E2105;
  font-family:var(--display),'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:.82rem;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .25s ease;
}
.site-foot--ajrak .sf-top .ic{
  width:1em;height:1em;
  transform:rotate(-90deg);
}
.site-foot--ajrak .sf-top:hover{transform:translateY(-3px)}

body:has(.site-foot--ajrak) .to-top{display:none!important}

@media (max-width:1020px){
  .site-foot--ajrak .sf-grid{grid-template-columns:1fr 1fr}
  .site-foot--ajrak .sf-bottom{
    grid-template-columns:1fr 1fr;
  }
  .site-foot--ajrak .sf-gov{justify-self:start}
  .site-foot--ajrak .sf-top{justify-self:end}
}
@media (max-width:640px){
  .site-foot--ajrak{border-radius:22px 22px 0 0}
  .site-foot--ajrak .sf-grid{grid-template-columns:1fr;gap:28px}
  .site-foot--ajrak .sf-bottom{
    grid-template-columns:1fr 1fr;
  }
  .site-foot--ajrak .sf-copy{grid-column:1 / -1}
  .site-foot--ajrak .sf-legal{grid-column:1 / -1}
  .site-foot--ajrak .sf-gov{justify-self:start}
  .site-foot--ajrak .sf-top{justify-self:end}
}

@media (prefers-reduced-motion:reduce){
  .site-foot--ajrak .sf-ajrak-pattern{animation:none!important}
  html.js .site-foot--ajrak:not(.sf-in) .sf-col,
  html.js .site-foot--ajrak.sf-in .sf-col{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  .site-foot--ajrak .sf-social a:hover,
  .site-foot--ajrak .sf-list a:hover,
  .site-foot--ajrak .sf-mandate:hover .ic,
  .site-foot--ajrak .sf-top:hover{
    transform:none!important;
  }
}