/* ===============================
   BAND PROFILE PUBLIC PAGE STYLES
   =============================== */

.band-box {
     width: 100%;
     background: #000;
     color: #fff;
     padding: 20px;
     margin: 5px 0;
     border: 2px solid gold;
     border-radius: 6px;
     box-shadow: 0 0 4px #ffd700;
}

/* Band Name */
.band-name {
     font-size: 28px;
     font-weight: bold;
     margin-bottom: 15px;

     /* DOUBLE SHADOW */
     text-shadow:
          0px 1px 0px #0a0a3a,
          /* Dark blue shadow */
          1px 2px 0px #ffffff;
     /* White glow shadow */
}

/* Back Button */
.back-btn {
     margin-bottom: 15px;
     display: inline-block;
}

/* FLEX LAYOUT FOR IMG + TEXT */
.band-profile-header {
     display: flex;
     align-items: flex-start;
     gap: 20px;
}

/* Image — already responsive from earlier fix */
.band-profile-image {
     width: 270px;
     border-radius: 6px;
     flex-shrink: 0;
}

/* MOBILE */
@media screen and (max-width: 768px) {
     .band-profile-header {
          flex-direction: row;
          align-items: center;
          gap: 12px;
     }

     .band-profile-image {
          width: 45px;
          height: auto;
     }

     .band-profile-text {
          font-size: 14px;
          line-height: 1.3;
     }
}

/* Story text */
.band-story {
     margin-bottom: 15px;
}

/* Placeholder Read More */
.read-more {
     color: gold;
     font-size: 14px;
     margin-left: 8px;
     text-decoration: underline;
     cursor: pointer;
}