:root{--bg:#fafafa;--card:#fff;--muted:#666;--accent:#2b6cb0}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:var(--bg);color:#222;line-height:1.5}
.container{max-width:900px;margin:0 auto;padding:1rem}
.site-header{background:var(--card);border-bottom:1px solid #e6e6e6}
/* Use historic02.png as a background for header areas */
header, .site-header{position:relative;background-image: url("../images/historic02.png");background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden}
header::before, .site-header::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.45);pointer-events:none}
.site-header .site-title, .site-header .page-subtitle, .site-nav a{color:#fff;position:relative;z-index:1}
.site-title{margin:0;padding:.75rem 0;font-size:1.8rem}
.site-nav{display:flex;gap:.5rem;align-items:center}

/* Make header navigation links more prominent */
.site-header .site-nav a{padding:.6rem .9rem;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;background:rgba(0,0,0,0.35);border-radius:8px;transition:background .15s ease,transform .12s ease}
.site-header .site-nav a:hover{background:rgba(0,0,0,0.55);transform:translateY(-1px)}
.site-header .site-nav a:focus{outline:2px solid rgba(255,255,255,0.15);outline-offset:2px}
.site-nav a{padding:.5rem;color:var(--accent);text-decoration:none}
.site-brand{display:flex;flex-direction:column}
.site-title{font-weight:800;letter-spacing:0.04em;text-transform:uppercase}
.page-subtitle{font-size:1.5rem;color:var(--muted);margin-top:0.1rem;font-weight:600}

/* Translate button (styled to match header nav links) */
.translate-btn{margin-left:.5rem;padding:.6rem .9rem;border:none;background:rgba(0,0,0,0.35);color:#fff;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s ease,transform .12s ease}
.site-header .translate-btn:hover{background:rgba(0,0,0,0.55);transform:translateY(-1px)}
.site-header .translate-btn:focus{outline:2px solid rgba(255,255,255,0.15);outline-offset:2px}

/* Homepage main image */
.home-image-wrap{display:flex;justify-content:center;margin:1rem 0}
.home-main-image{max-width:100%;height:auto;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}

/* Timings image: removed (no longer used) */
main{padding:1rem}
h1,h2{color:#111}
form label{display:block;margin:.5rem 0}
input[type=text],input[type=email],textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px}
button{background:var(--accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:4px;cursor:pointer}
button:hover{opacity:.95}
.site-footer{border-top:1px solid #e6e6e6;padding:.5rem;background:var(--card);margin-top:2rem;text-align:center;color:var(--muted)}
.status{margin-top:.5rem;color:green}
@media(min-width:700px){.site-nav{justify-self:end}}

/* Gallery styles */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.75rem;margin:1rem 0}
.gallery figure{background:var(--card);border:1px solid #eee;padding:.5rem;border-radius:6px;margin:0}
.gallery img{width:100%;height:140px;object-fit:cover;border-radius:4px}

/* Full-bleed image used for before05 */
.gallery img.full-width-image{display:block;width:100vw;max-width:none;margin-left:calc(50% - 50vw);height:auto!important;object-fit:cover;border-radius:0}
.gallery figcaption{font-size:.85rem;color:var(--muted);padding-top:.4rem}

/* Temple map: fit to content and enlarge slightly for readability */
.temple-map-image{display:block;width:auto;max-width:none;height:100vh;margin:0 auto;transform:none;transform-origin:center;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,0.12);object-fit:contain}
.temple-map-image:focus,.temple-map-image:hover{transform:none}
@media(max-width:900px){
	.temple-map-image{height:70vh;width:100%;margin-left:0}
}

/* Lightbox styles */
.gallery img{cursor:pointer}
.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.8);z-index:9999}
.lightbox[aria-hidden="false"]{display:flex}
.lightbox-content{max-width:90%;max-height:90%;text-align:center;color:#fff}
.lightbox img{max-width:100%;max-height:80vh;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,0.6)}
.lightbox-caption{margin-top:.5rem;font-size:0.95rem;color:#eee}
.lightbox-close{position:absolute;top:18px;right:18px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}