/* DA serv-minecraft (reprise de la landing servmc-landing, chantier 640, TEST) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Pixelify+Sans:wght@600;700&display=swap');

body { font-family: 'Inter', sans-serif; }

.da-dark {
  background-color: #030712;
  background-image: url("surface-dark.webp");
  background-size: 300px 300px;
}
.da-light {
  background-color: #f8fafc;
  background-image: url("surface-light-alt.webp");
  background-size: 300px 300px;
  background-attachment: fixed;
}

.font-pixel,
.wordmark {
  font-family: 'Pixelify Sans', 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
}
.wordmark { font-size: 1.12em; }
.wordmark__tld { font-size: 0.72em; opacity: 0.6; letter-spacing: 0; }

/* Barre latérale : bloc plein, arête basse façon bloc (comme les boutons de la landing) */
.sidebar-link.active {
  background: #10b981 !important;
  color: #fff;
  box-shadow: inset 0 -3px 0 rgba(4, 120, 87, 0.9);
}
.sidebar-link:not(.active):hover { background: rgba(255, 255, 255, 0.06); color: #fff; }

/* Cartes : bord net et ombre courte, comme les cartes d'offres */
.da-light main .rounded-2xl.bg-white,
.da-light main .bg-white.rounded-2xl {
  border-color: #e5e7eb;
  box-shadow: 0 1px 2px rgba(3, 7, 18, 0.06), 0 8px 24px -12px rgba(3, 7, 18, 0.18);
}

/* Visuel de connexion */
/* L'image s'efface en transparence vers le haut : la texture du fond passe au travers, pas de jonction franche */
.da-hero {
  background-image: url("hero-minecraft.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 30%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.35) 36%, rgba(0, 0, 0, 0.75) 52%, #000 68%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.35) 36%, rgba(0, 0, 0, 0.75) 52%, #000 68%);
}