/* ===== HERO – The Central’s Pub ===== */

.cp-hero{
  position: relative;
  min-height: 85vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #0a1f28;
}

.cp-hero-media{
  position: absolute;
  inset: 0;
  background-image: url("/assets/library/IMG_1833.jpg"); /* remplace par ton image */
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
  filter: saturate(1.05) contrast(1.05);
}

.cp-hero-overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(5,15,20,0.75), rgba(5,15,20,0.55));
}

.cp-hero-content{
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 2rem;
}

.cp-hero-kicker{
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .85rem;
  margin-bottom: 1rem;
  opacity: .9;
}

.cp-hero-title{
  font-family: 'Roboto Slab', serif;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 10px 30px rgba(0,0,0,0.35);
}


.cp-hero-subtitle{
  margin: 1rem 0 2rem;
  font-size: 1.2rem;
  font-style: italic;
  opacity: .9;
}

/* ===== Bouton carré ===== */

.cp-btn-square{
  display: inline-block;
  padding: 14px 28px;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .08em;
  border: 2px solid #000;
  transition: all .25s ease;
}

/* PAS de border-radius = angles droits */

.cp-btn-square:hover{
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}