/* Stella Placidia - Coming Soon additions (keeps palette + typography from style.css)
   You can safely edit this file without touching the main theme.
*/

/* Use mosaic as hero background for the coming soon page */
.hero.hero-coming::before{
  background:
    linear-gradient(120deg, rgba(27,30,103,.86), rgba(59,109,163,.58)),
    url("../img/mosaico_big.png") center/cover no-repeat;
}

.coming-wrap{ min-height: 100vh; }

.countdown{
  display:flex;
  gap: .75rem;
  flex-wrap: wrap;
}

.cd-box{
  min-width: 110px;
  padding: .9rem 1.0rem;
  border-radius: calc(var(--sp-radius) - 4px);
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 20px 60px rgba(10,12,30,.22);
  text-align:center;
}

.cd-num{
  font-family: "Cinzel", Georgia, serif;
  font-weight: 700;
  font-size: 2.05rem;
  line-height: 1;
  letter-spacing: .04em;
}

.cd-label{
  margin-top: .35rem;
  font-size: .85rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
}

.coming-subtle{
  color: rgba(255,255,255,.82);
}

.mosaic-strip{
  border-radius: var(--sp-radius);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 80px rgba(10,12,30,.35);
}

.mosaic-strip img{
  width: 100%;
  height: auto;
  display:block;
}

.signature-note{
  font-size: .95rem;
  color: rgba(255,255,255,.78);
}

.form-control.form-control-dark{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}

.form-control.form-control-dark::placeholder{
  color: rgba(255,255,255,.65);
}

.small-links a{
  color: rgba(255,255,255,.85);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.25);
}

.small-links a:hover{
  color: var(--sp-gold);
  border-bottom-color: rgba(255,232,162,.65);
}

@media (max-width: 575.98px){
  .cd-box{ min-width: 47%; }
  .cd-num{ font-size: 1.85rem; }
}