.status-bar {
max-width: 1500px;
margin:
0 auto 12px;
padding:
10px 18px;
display:
flex;
align-items:
center;
justify-content:
center;
flex-wrap:
wrap;
gap:
14px;
border-top:
1px solid
rgba(201, 162, 58, 0.16);
border-bottom:
1px solid
rgba(201, 162, 58, 0.30);
background:
linear-gradient(
90deg,
rgba(5, 5, 5, 0.86),
rgba(21, 18, 10, 0.92),
rgba(5, 5, 5, 0.86)
);
color:
#cfc4ae;
font-size:
0.84rem;
}
.status-item {
display:
inline-flex;
align-items:
center;
gap:
6px;
}
.status-main {
color:
#dbcfae;
font-weight:
600;
}
.status-dot {
width:
9px;
height:
9px;
flex:
0 0 auto;
border-radius:
50%;
background:
#777;
box-shadow:
0 0 8px
rgba(255, 255, 255, 0.15);
}
.status-dot.open {
background:
#79b45d;
box-shadow:
0 0 8px
rgba(121, 180, 93, 0.75);
}
.status-dot.closed {
background:
#a75e50;
box-shadow:
0 0 8px
rgba(167, 94, 80, 0.55);
}
.status-symbol {
color:
var(--gold);
}
.status-divider {
width:
1px;
height:
20px;
background:
rgba(201, 162, 58, 0.25);
}
#visitorToday,
#visitorTotal {
color:
var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
}
.placeholder-location-page {
margin: 0;
min-height: 100vh;
background:
linear-gradient(
rgba(5, 5, 5, 0.80),
rgba(5, 5, 5, 0.92)
),
url("/texture/background")
center / cover fixed;
color: #d8ccb6;
}
.placeholder-location-shell {
min-height: 100vh;
}
.placeholder-header {
max-width: 1300px;
margin: auto;
padding:
20px 25px;
display: flex;
justify-content:
space-between;
align-items:
center;
box-sizing:
border-box;
}
.placeholder-logo {
width: 130px;
height: auto;
}
.placeholder-main {
width:
min(
900px,
calc(100% - 40px)
);
margin:
70px auto;
padding:
45px;
box-sizing:
border-box;
text-align:
center;
border:
1px solid
rgba(
202,
166,
74,
0.32
);
background:
rgba(
7,
7,
7,
0.93
);
}
.placeholder-label {
color: #a69672;
letter-spacing:
0.3em;
text-transform:
uppercase;
font-size:
0.72rem;
}
.placeholder-main h1 {
margin:
5px 0
15px;
color: #d8b65a;
font-family:
Georgia,
serif;
font-size:
clamp(
2.4rem,
7vw,
4rem
);
font-weight:
normal;
}
.placeholder-main p {
color: #b9ad98;
line-height: 1.7;
}
.placeholder-nav {
margin:
35px 0;
display: grid;
grid-template-columns:
repeat(
3,
1fr
);
gap: 10px;
}
.placeholder-nav div {
padding:
13px 8px;
border:
1px solid
rgba(
202,
166,
74,
0.18
);
color: #9f947e;
background:
rgba(
255,
255,
255,
0.02
);
}
.placeholder-button {
display:
inline-block;
padding:
12px 25px;
color: #17130b;
background:
#c9a53f;
text-decoration: none;
font-weight: 700;
}