/* Tile brand: the site icon cut from the Seljuk tile, and a tile footer. Load after the site CSS and about.css. */

/* 1. Site icon — the rosette used in headings, tablets etc. now is the tile star.
      Everywhere the site uses var(--rosette) picks this up automatically. */
:root { --rosette: url(img/icon-tile.svg); }
/* large emblem (only where the icon shows at 64px or more) */
.tb-emblem { display:inline-block; width:96px; height:96px; background:url(img/icon-muqarnas.svg) center / contain no-repeat; }

/* 2. Footer — the existing .ab-foot, now tilework under a dark veil with a gilt edge on top.
      Dark in both day and night mode. */
.ab-foot { position:relative; margin-top:3rem; border-top:0; color:#e6dcc6;
  background: linear-gradient(90deg, rgba(10,10,12,.9), rgba(10,10,12,.62)), #0a0a0c url(img/footer-tile.webp) center 30% / cover no-repeat; }
.ab-foot::before { content:""; display:block; height:4px; opacity:1; background:repeating-linear-gradient(#ecd8a2 0 1px, #c9a44c 1px 2px); }
.ab-foot-in { padding:1.4rem 20px 1.5rem; }
.ab-foot .ab-name { display:inline-flex; align-items:center; gap:.6rem; color:#fff6dc; text-decoration:none; font-size:1.1rem; }
.ab-foot .ab-name::before { content:""; width:30px; height:30px; flex:none; background:var(--rosette) center / contain no-repeat; }
.ab-foot nav a { color:#e3c77e; } .ab-foot nav a:hover { color:#fff6dc; }
.ab-foot nav a[aria-current] { color:#fff6dc; }
.ab-foot p { color:#cfc6b2; } .ab-foot p b { color:#fff6dc; }
.ab-foot :focus-visible { outline:2px solid #e3c77e; outline-offset:3px; }
@media (max-width:760px) { .ab-foot { background-image: linear-gradient(rgba(10,10,12,.88), rgba(10,10,12,.72)), url(img/footer-tile-small.webp); } }

.qn-link[aria-current]::before,.ab-acc summary::before,.lg-h::before{background-image:var(--rosette)}
.hp-seal{background-image:var(--rosette),radial-gradient(120% 120% at 70% 20%,var(--g2),var(--g1) 55%,var(--g3))}