/* Hero Section */
.hero-section {
  min-height: 90vh;
  /*background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #6dd5ed 100%);*/
  background-image: url("../img/mmw_bg.jpg");
  color: #fff;
  padding: 100px 20px;
}
body.light-theme .hero-section {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  color: #222;
}
/* Brand Highlight */
.brand-highlight {
  color: #ffcc00;
  text-shadow: 0 0 10px rgba(255,204,0,0.8);
}
/* Buttons */
.btn-main {
  background: #ff4b2b;
  border: none;
  color: #fff !important;
  border-radius: 30px;
  padding: 10px 24px;
  transition: 0.3s;
}
.btn-main:hover { background: #ff6f61; transform: scale(1.05); }
.btn-outline-alt {
  border: 2px solid #fff;
  color: #fff !important;
  border-radius: 30px;
  padding: 10px 24px;
  transition: 0.3s;
}
.btn-outline-alt:hover { background: #fff; color: #2a5298 !important; }
body.light-theme .btn-outline-alt { border-color: #2a5298; color: #2a5298 !important; }
body.light-theme .btn-outline-alt:hover { background: #2a5298; color: #fff !important; }

/* Cards */
.album-card { transition: transform 0.3s; }
.album-card:hover { transform: translateY(-8px); }
body.light-theme .card { background: #fff; color: #333; }
body.dark-theme .card { background: #1e1e1e; color: #f1f1f1; }

/* Section Titles */
.section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 25px; text-align: center; }
body.light-theme .section-title { color: #222; }
body.dark-theme .section-title { color: #f1f1f1; }

/* About Section Card */
.about-card {
  background: var(--card-bg);
  color: var(--text-color);
  border-left: 6px solid var(--accent-color);
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  transition: background 0.3s, color 0.3s;
}

.about-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--accent-color);
}

.about-title span {
  color: var(--highlight-color);
}

.about-card p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 15px;
}

.about-card hr {
  border-top: 2px solid var(--accent-color);
  margin: 25px 0;
}

.about-highlight {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--highlight-color);
}

/* Theme Variables */
:root {
  --accent-color: #16e79e;
  --highlight-color: #25f38e;
}

/* Light Theme */
body.light-theme {
  --card-bg: #ffffff;
  --text-color: #222;
}

/* Dark Theme */
body.dark-theme {
  --card-bg: #1e1e1e;
  --text-color: #f1f1f1;
}

.visit-count {
	font-size: 1.8rem;
	font-family: 'Courier New', monospace;
	font-weight: bold;
	color: #03a9f4;  /* Blue accent */
	background-color: #222;
	padding: 5px;
	border-radius: 2px;
	letter-spacing: 5px;
	display: inline-block;
	margin-top: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	animation: pulse 2s ease-out infinite;
}

.newrelease {
  font-size: 18px;
  font-weight: bold;
  color: white;
  padding-bottom: 10px;
}


.thumbnail-img {
	width: 142px;
	height: 80px;
	object-fit: cover;
	border-radius: 8px;
}

.badge-new {
	background: linear-gradient(135deg, #ff6ec4, #7873f5);
	color: white;
	font-size: 0.75rem;
	padding: 0.4em 0.7em;
	border-radius: 0.6rem;
	box-shadow: 0 0 8px rgba(255, 110, 196, 0.6);
	font-weight: 600;
}