/* Scoped root to avoid leaking styles */
.music-riots .bold-text { font-weight: bold; }

/* This one is outside the shortcode in the layout; leave global while the CSS file is only loaded on this page */
.top_box{ 
    display:flex; 
    flex-direction:row-reverse; 
    width:100%; 
    height:calc(4 * var(--global-margin)) !important; 
    transition:transform .3s ease-in-out; 
    z-index:11; }

/* Banner */

.music-riots .top_banner{ 
  position:relative; 
  top:0 !important;
  left:0;
  margin: 0 0 0 0;
  width:100%;
  display:flex;
  align-items:center;
  background:rgba(255,255,255,.95);
  z-index:100; /* keep above album overlay */
}
.music-riots .logo_area{ 
    flex:0 0 auto; 
    margin-right:30px; 
    padding-top:calc(var(--global-margin));
}

.music-riots .mr_logo{ 
    height:calc(7 * var(--global-margin)); 
    width:auto; 
    object-fit:contain; 
    padding-left:calc(var(--global-margin)); 
}

.music-riots .store_info_area{ flex:1; display:flex; flex-direction:column; align-items:flex-end; gap:10px; text-align:right; }
.music-riots .banner_text{ font-size:1.2em; color:#333; font-weight:500; }

/* Hero */
.music-riots .main_content_area{ position:relative; width:100%; min-height:400px; background-image:linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)); background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; padding:40px 20px; }

/* Button */
.music-riots .button_record_store{ 
    cursor:pointer; 
    text-align:center; 
    padding:10px 16px; 
    transition:all .3s ease; 
    border-radius:0; 
    border: none !important;
    color: #000 !important;
    background: transparent; 
    font-weight: normal;
}
.music-riots .button_record_store:hover{ 
    background:#bdbcbc; 
    transform:translateY(-1px); 
    text-decoration: none !important;
}

.music-riots .logo_actions{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
  }

/* Album of the week overlay */
.music-riots .album_of_week_overlay{ 
    position:relative;
    top:0;
    left:0;
    transform:none;
    width:100%;
    max-width:100%;
}
.music-riots .album_section{ 
    margin-bottom:calc(var(--global-margin) * 2);
    position:relative;
    background:transparent;
    border-radius:0;
    padding:0;
    box-shadow:none;
    backdrop-filter:none;
}
.music-riots .section_header{ display:none; }
.music-riots .album_of_week_container{ 
    position:relative !important; 
    width:100% !important;
    max-width:100% !important; 
    padding-left:calc(var(--global-margin));
}
.music-riots .album_cover{
    height: clamp(360px, 90vh, 550px);
    width: 100%;
    object-fit: cover;
    display: block;
}
.music-riots .album_info{ 
    position:absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(90%, 860px) !important;
    max-width: 50% !important;
    padding: 16px 20px;
    background: rgba(0,0,0,.60) !important;  /* replace gradient */
    border-radius: 0;
    z-index: 2;
}
.music-riots .album_title_artist_box{ 
    padding:8px 16px; 
    margin:0 0 12px 0; 
    border-radius:0; 
    display:inline-block; 
    width:auto; 
    max-width:50%; 
    background: rgba(255,255,255,.95);
}

.music-riots .album_title{ font-size:1.4em; font-weight:bold; color:#000; margin:0; display:inline; }
.music-riots .album_artist{ font-size:1.2em; color:#000; margin:0 12px 0 0; display:inline; }
.music-riots .album_description{ font-size:1em; color:#fff; line-height:1.4; margin:10px 0 0 0; text-shadow:1px 1px 2px rgba(0,0,0,.8); font-weight:normal; }

/* Just arrived */
.music-riots .just_arrived_section{ 
    margin-top:0px; 
    padding-left:calc(var(--global-margin)); 
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
}
.music-riots .latest_arrivals_header{ 
    font-size:1.2em; 
    font-weight:bold; 
    color:#333; 
    margin-top: calc(5 * var(--global-margin)); 
    margin-bottom: 0;
    margin-right: calc(var(--global-margin));
    text-align:left; 
    text-transform:uppercase; 
    width: auto;
    max-width: 100%;
    overflow: visible;
    word-wrap: break-word;
    white-space: normal;
}
.music-riots .just_arrived_container{
    display:grid; 
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); 
    gap:calc(2 * var(--small-margin)); 
    background:#ffffff; 
    padding-top: calc(1 * var(--global-margin));
    padding-bottom: calc(10 * var(--global-margin));
    padding-right: calc(var(--global-margin));
    box-sizing: content-box; 
}
.music-riots .album_card{ 
    position:relative; 
    background:#fff; 
    border-radius:0; 
    padding:0; 
    box-shadow:none; 
    transition:transform .2s ease; 
    overflow:hidden; 
    backface-visibility:hidden; 
    transform:translateZ(0); 
    will-change:transform; 
    display:flex;
    flex-direction:column;
}
.music-riots .album_card:hover{ 
    transform:translateY(-1px); 
}
.music-riots .album_card_cover{ 
    width:100%; 
    aspect-ratio: 1 / 1;
    border-radius:0; 
    object-fit:cover; 
    display:block; 
    backface-visibility:hidden; 
    transform:translateZ(0); 
    will-change:transform; 
    transition:transform .2s ease;
}
.music-riots .album_card_cover:hover{ 
    transform:translateY(-1px); 
}
.music-riots .album_card_info_box{ 
    position:relative; 
    background:#ffffff; 
    padding:12px 14px 16px; 
    text-align:left; 
    display:flex; 
    flex-direction:column; 
    justify-content:flex-start; 
    backface-visibility:hidden; 
    transform:translateZ(0); 
    will-change:transform; 
    opacity:1; 
    min-height: 140px;
    gap:6px;
}
.music-riots .album_card_title_artist_line{ 
    margin-bottom:5px; 
    backface-visibility:hidden; 
    transform:translateZ(0); 
    display:flex;
    flex-direction:column;
    gap:4px;
}
.music-riots .album_card_title{ 
    font-size:20px; 
    font-weight:normal; 
    color:#000; 
    margin:0; 
    line-height:1.2; }
.music-riots .album_card_artist{ 
    font-size: 24px; 
    font-weight:bold; 
    color:#000; 
    margin:0; 
}
.music-riots .album_card_description{ 
    font-size:16px; 
    font-weight:normal; 
    color:#000; 
    line-height:1.2; 
    margin:0; 
    display:block; 
}

/* Responsive */
@media (max-width:768px){
  .music-riots .top_banner{ flex-direction:column; text-align:center; gap:15px; }
  .music-riots .logo_area{ margin-right:0; }
  .music-riots .mr_logo{ height:50px; }
  .music-riots .store_info_area{ align-items:center; }
  .music-riots .banner_text{ font-size:1em; text-align:center; }
  .music-riots .main_content_area{ min-height:300px; padding:20px 10px; }
  .music-riots .album_of_week_overlay{ width:95%; }
  .music-riots .album_cover{ height:250px; }
  .music-riots .album_title{ font-size:1.2em; }
  .music-riots .album_artist{ font-size:1em; }
  .music-riots .album_description{ font-size:.9em; }
  .music-riots .just_arrived_container{ grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px; }
  .music-riots .album_card_cover{ aspect-ratio: 1 / 1; }
  .music-riots .album_title_artist_box{ display: block; }
}

.mr_logo_link{
    position: fixed;
    top: calc(1 * var(--global-margin));
    left: calc(1 * var(--global-margin));
    display: block !important;
    width: 5%;                 /* let the image define width/height */
    height: auto;
    z-index: 10001;
  }

.mr_link_container1 {
    margin-top: calc(1 * var(--global-margin));
  }