/* improvements.css - Extra styling for cards, hero, layout, modals for Mr T Tribute site */

/* Section Hero Enhancements */
.section-hero {
  background: linear-gradient(120deg, #FFD70033 0%, #18120b 80%);
  border-radius: 0 0 24px 24px;
  box-shadow: 0 10px 44px #000c, 0 2px 15px #FFD70022;
  padding: 3vw 0 2vw 0;
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
}

.section-hero .hero-title {
  font-size: 3.3rem;
  color: #FFD700;
  margin-bottom: 0.6em;
  text-shadow: 0 2px 18px #18120bcc, 0 2px 18px #FFD70099;
  font-family: 'Oswald', Arial, sans-serif;
  letter-spacing: 0.11em;
}

.section-hero .hero-subtitle {
  font-size: 1.25rem;
  color: #fffde1;
  font-weight: 500;
}

.milestone-card, .timeline-entry {
  background: linear-gradient(115deg,#FFD70018 10%,#271a08cc 90%);
  border: 1px solid #FFD70077;
  border-radius: 16px;
  box-shadow: 0 7px 32px #090608aa, 0 2px 4px #FFD70044;
  padding: 1.2rem 1.5rem;
  margin-bottom: 1.4em;
  animation: fadeInUp 0.6s cubic-bezier(.42,1.15,.52,1.03) both;
}

.about-editorial {
  background: linear-gradient(135deg,#FFD70008 40%,#3b251031 100%);
  border-radius: 18px;
  box-shadow: 0 5px 22px #FFD70012, 0 2px 8px #FFD70033;
  padding: 2em 1.3em 1.2em 1.3em;
  color: #fffbe7;
  font-size: 1.08em;
}

.media-featured {
  background: linear-gradient(128deg, #FFD70011 40%, #271a0890 100%);
  border-radius: 14px;
  box-shadow: 0 8px 30px #FFD70022, 0 1px 8px #FFD70018;
  margin-bottom: 2.3em;
  padding: 1.2em 1.2em;
}

/* Error-404 improvements */
.error-404 {
  background: linear-gradient(123deg, #FFD70009 10%, #18120bcc 100%);
  border-radius: 14px;
  box-shadow: 0 6px 24px #FFD70033;
  padding: 3em 2em;
  margin-top: 2em;
  text-align: center;
  color: #FFD700;
  font-size: 1.82em;
}

.back-to-home-btn {
  display: inline-block;
  background: #FFD700;
  color: #1c1205;
  font-weight: bold;
  padding: 0.8em 2em;
  border-radius: 10px;
  font-size: 1.13em;
  border: none;
  box-shadow: 0 6px 22px #FFD70033;
  text-decoration: none;
  margin-top: 2em;
  transition: background 0.22s, box-shadow 0.17s;
}
.back-to-home-btn:hover, .back-to-home-btn:focus {
  background: #eeb301;
  box-shadow: 0 14px 33px #FFD70022;
  color: #462d13;
}

/* Contact card improvements */
.contact-card {
  background: linear-gradient(148deg,#18120b 70%,#FFD70016 100%);
  border-radius: 15px;
  box-shadow: 0 7px 28px #FFD70015;
  padding: 2em 1.6em;
  margin-bottom: 2em;
}
.contact-form label {
  font-weight: 600;
  color: #FFD700;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
  background: #fffbe7;
  color: #18120b;
  border: 1px solid #FFD70055;
  border-radius: 8px;
  padding: .7em;
  font-size: 1.08em;
}
.contact-form button[type="submit"] {
  background: #FFD700;
  color: #18120b;
  font-weight: bold;
  border-radius: 9px;
  padding: .8em 0;
  font-size: 1.18em;
  box-shadow: 0 3px 11px #FFD70022;
}

/* Hero banner consistency */
.hero-banner-about{
  position:relative;
  overflow:hidden;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-hero-title{
  position:absolute;
  top:24px;
  left:6vw;
  right:6vw;
  z-index:5;
  text-align:center;
}
.about-hero-title h1{
  font-family:'Oswald',Arial,sans-serif;
  font-size:2.6em;
  color:#FFD700;
  text-shadow:0 6px 34px #18120baa,0 1px 16px #FFD700;
  margin:0 0 .4em 0;
}
.about-hero-title h2{
  color:#fffbe7;
  font-size:1.18em;
  margin-top:10px;
  letter-spacing:0.04em;
}

/* Media featured layout consistency */
.media-featured{
  display:flex;
  flex-direction:column;
  gap:1.5em;
}
.media-featured .row{
  justify-content:center;
}
.media-featured .media-embed{
  flex:1 1 320px;
  min-width:320px;
  max-width:500px;
}

/* Responsive improvements */
@media (max-width: 700px) {
  .section-hero .hero-title { font-size: 2.1rem; }
  .milestone-card, .timeline-entry { padding: 1em; }
}
@media (max-width: 500px) {
  .error-404 { padding: 1.2em 0.6em; font-size: 1.15em; }
}