/*
  style.css
  Solvana Distribution (distribution.solvana.group)
  Version : 1.3.0
  © 2025 Solvana Group Corporation – Tous droits réservés
*/

/* RESET & BASE */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  min-height: 100vh;
  font-family: 'Inter', Arial, sans-serif;
  background:
    linear-gradient(120deg, #f7f9fa 0%, #e7ebf4 100%) fixed,
    url('img/bg/noise.png') repeat;
  color: #20242c;
  display: flex;
  flex-direction: column;
}

/* ----------- FLEX FORM + PREVIEW ----------- */
.upload-flex-layout {
  display: flex;
  align-items: flex-start;
  gap: 2.6em;
}
.upload-form {
  flex: 3 1 430px;
  min-width: 290px;
}
.upload-preview-card {
  flex: 2 1 320px;
  max-width: 330px;
  background: linear-gradient(135deg, #1db954 60%, #181818 100%);
  border-radius: 22px;
  box-shadow: 0 4px 38px #1db95424;
  margin-left: 0.5em;
  color: #fff;
  min-height: 330px;
  padding: 2.2em 1.3em 1.6em 1.3em;
  position: sticky;
  top: 2.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Inter', Arial, sans-serif;
}
.preview-cover {
  width:112px;
  height:112px;
  border-radius:16px;
  box-shadow:0 2px 10px #0003;
  object-fit:cover;
}
.preview-title {
  font-weight:700;
  font-size:1.32em;
  margin:1.1em 0 0.35em 0;
  text-align:center;
}
.preview-artist {
  font-size:1.08em;
  margin-bottom:0.5em;
  text-align:center;
}
.preview-type {
  font-size:1em;
  margin-bottom:0.4em;
  text-transform:uppercase;
}
.preview-release {
  font-size:0.98em;
  margin-bottom:0.9em;
  color:#E1E1E1;
}
.preview-platforms {
  margin-top:1.2em;
  display:flex;
  gap:0.65em;
  flex-wrap:wrap;
  justify-content:center;
}
.platform-logo {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: inline-block;
  margin-right: 0.18em;
  vertical-align: middle;
}
@media (max-width: 900px) {
  .upload-flex-layout { flex-direction: column; }
  .upload-preview-card { margin-left: 0; max-width: 100%; position: static; margin-top: 2em;}
}

/* NAVBAR (header) */
.navbar-music {
  backdrop-filter: blur(15px) saturate(1.3);
  background: rgba(255,255,255,0.77);
  box-shadow: 0 3px 18px #e4e4ed22, 0 0 0 1.5px #ffe2e9;
  border-bottom: 1.2px solid #f2f2f2;
  max-width:1300px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 1.1rem 2rem 1.1rem 2rem;
  border-radius: 0 0 28px 28px;
  position: sticky;
  top: 0;
  z-index: 100;
}
.logo-glow img {
  height: 52px;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
  transition: none !important;
  display: block;
}
.navbar-music nav {
  display: flex;
  gap: 2.1rem;
  align-items: center;
}
.navbar-music nav a, .dropdown-toggle {
  color: #222;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.07rem;
  padding: 0.21em 0.52em;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background 0.15s, color 0.18s;
  outline: none;
}
nav a:focus, .dropdown-toggle:focus, .dropdown-menu a:focus {
  outline: 2px solid #FF003E;
  outline-offset: 1px;
}

/* DROPDOWN ARTISTES */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.32em;
  user-select: none;
  border: none;
  background: none;
  font: inherit;
  outline: none;
}
.dropdown-toggle:after {
  content: '';
  border: solid #FF003E;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 0.4em;
  transform: rotate(45deg);
  transition: transform 0.18s;
  vertical-align: middle;
}
.dropdown.open .dropdown-toggle:after {
  transform: rotate(-135deg);
}
.dropdown-menu {
  display: none;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 2.8em;
  min-width: 180px;
  background: #fff;
  box-shadow: 0 8px 28px #ff003e17;
  border-radius: 12px;
  border: 1.2px solid #ffe2e9;
  z-index: 50;
  padding: 0.5em 0.3em;
  margin-top: 2px;
}
.dropdown.open .dropdown-menu {
  display: flex;
}
.dropdown-menu a {
  color: #222;
  text-decoration: none;
  padding: 0.75em 1.1em;
  border-radius: 7px;
  font-size: 1rem;
  transition: background 0.18s, color 0.18s;
  white-space: nowrap;
  display: block;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
  background: #ffe2e9;
  color: #FF003E;
}
@media (max-width: 700px) {
  .navbar-music { flex-direction: column; gap: 0.9rem; padding:1rem 0.7rem;}
  nav { gap: 1.2rem;}
  .logo-glow img { height:38px;}
  .dropdown-menu { left: 0; min-width: 140px; width: 100vw; position:fixed; top:70px;}
}

/* DISTRIBUTION - ICÔNES CENTRÉES */
.distri-choice-group {
  display: flex;
  gap: 2.2em;
  margin: 0.7em 0 1.1em 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.distri-choice-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  position: relative;
  border: none;
  background: none;
  padding: 0;
  user-select: none;
  min-width: 110px;
  transition: transform 0.14s;
  font-family: inherit !important;
  font-weight: 700 !important;
}
.distri-choice-btn input[type="checkbox"] { display: none; }
.distri-choice-btn svg {
  width: 48px;
  height: 48px;
  margin-bottom: 0.4em;
  transition: filter 0.18s;
  filter: drop-shadow(0 1px 5px #ff003e14);
}
.distri-choice-label {
  font-weight: 700;
  color: #FF003E;
  font-size: 1.1em;
  letter-spacing: 0.01em;
  font-family: inherit !important;
}
.distri-choice-btn.selected, .distri-choice-btn:focus { background: #fff4f9;}
.distri-choice-btn.selected .distri-choice-label, .distri-choice-btn:focus .distri-choice-label {
  color: #e40038 !important;
  font-weight: 700 !important;
  font-family: inherit !important;
}
.distri-choice-btn:active { transform: scale(0.97);}
.distri-choice-btn:hover svg { filter: brightness(1.12) drop-shadow(0 0 8px #ff003e19);}
.distri-choice-btn:hover .distri-choice-label { color: #e20032;}
@media (max-width: 900px) {
  .distri-choice-group { gap: 1.1em; }
  .distri-choice-btn { min-width: 90px; }
  .distri-choice-btn svg { width: 38px; height: 38px; }
}

/* CHECKBOX LOGO PLATEFORME */
.upload-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1em;
  margin-top: 0.5em;
}
.upload-checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.48em;
  font-weight: 500;
  color: #2a2a2a;
  padding: 0.35em 0.5em 0.35em 0;
  border-radius: 9px;
  transition: background 0.14s;
}
.upload-checkbox-label input[type="checkbox"]:focus + .platform-logo {
  outline: 2px solid #FF003E;
  outline-offset: 2px;
}
.upload-checkbox-label:hover {
  background: #ffe2e936;
}

/* TYPE DE PROJET (cards) */
.type-cards {
  display: flex;
  gap: 1.1em;
  margin-top: 0.7em;
  margin-bottom: 0.2em;
  flex-wrap: wrap;
}
.type-card {
  flex: 1 1 110px;
  padding: 1.35em 0.8em 1.15em 0.8em;
  border-radius: 13px;
  border: 2.2px solid #ffe2e9;
  background: #fafafd;
  color: #FF003E;
  font-weight: 700;
  font-size: 1.1em;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  box-shadow: 0 2px 10px #ff003e07;
  position: relative;
  user-select: none;
  min-width: 110px;
}
.type-card.selected, .type-card:hover {
  border-color: #FF003E;
  background: #fff4f9;
  color: #FF003E;
}
.type-card .type-sub {
  font-size: 1.09em;
  color: #8b2b3e;
  font-weight: 800;
  margin-top: 0.4em;
  display: block;
  letter-spacing: -1.2px;
}
.upload-helper {
  font-size: 0.98em;
  color: #888;
  margin-top: 0.2em;
}

/* FOOTER */
footer {
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(8px);
  color: #ff003e;
  padding: 2.3rem 0 1.3rem 0;
  margin-top: auto;
  border-top: 1.5px solid #ffe2e9;
}
.footer-music {
  max-width:1240px;
  margin:0 auto;
  display:flex;
  gap:2.8rem;
  flex-wrap:wrap;
  justify-content:space-between;
}
.footer-section { min-width:170px; }
.footer-music a {
  color:#ff003e;
  text-decoration:underline;
  font-weight: 600;
}
.footer-bottom {
  text-align:center;
  font-size:0.97rem;
  margin-top:1.6rem;
  color:#FF003E;
  opacity: 0.7;
}

/* UTILS & RESPONSIVE */
h1,h2,h3,h4,h5 { font-family:inherit; font-weight:700; color:#222; margin-top:0; }
h1 { color: #FF003E; }
section { margin-bottom:2rem; }
@media (max-width: 1100px) {
  .dashboard-flex { flex-direction: column; gap:1.5rem; }
  .dashboard-col.right { max-width: 100%; }
  .dashboard-main { padding: 2.1rem 0.4rem; }
}
@media (max-width: 900px) {
  .navbar-music { flex-direction:column; gap:0.9rem; padding:1rem 0.7rem;}
  .navbar-music nav { gap:1.2rem;}
  .logo-glow img { height:38px;}
  .dashboard-block { padding: 1.1rem 0.7rem 1.1rem 0.7rem; border-radius: 15px;}
  .footer-music { flex-direction:column; gap:1.4rem; }
}

/* ---------- Correction menu gras (prioritaire) ---------- */
.navbar-music nav a,
.navbar-music .dropdown-toggle,
.navbar-music .dropdown-menu a {
  font-weight: 400 !important;
}
.navbar-music nav a[aria-current="page"],
.navbar-music .dropdown-toggle.active,
.navbar-music .dropdown-menu a[aria-current="page"] {
  font-weight: 700 !important;
  color: #FF003E !important;
  background: #fff2f7;
}