/*
  SEVENTIES AD THEME
  - Displays a UPC code over a nostalgic product ad background.
*/

/* --- Global & Background --- */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  background: #000 url('product-bg2.png') center center no-repeat;
  background-size: cover;
}

/* Hide elements not used in this theme */
#text2::after { display: none; } /* Hide fallout cursor */

/* --- Ad Slogan (#container1) --- */
#container1 {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  text-align: center;
}
#text1 {
  font-family: "Big Caslon", "Bodoni MT", "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(3rem, 8vw, 6rem);
  color: #fff5e1;
  text-shadow: 3px 3px 8px rgba(0,0,0,0.7);
}
#text1::before {
  content: "Bold Flavor. Mild Regret."; /* Ad Slogan */
}

/* --- UPC Barcode & Action Button (#container2) --- */
#container2 {
  position: fixed;
  bottom: 2rem;
  right: 2rem; /* Moved to the right */
  width: 150px;
  height: 70px;
  background-color: #fff5e1;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; /* Show it's clickable */
  border: 4px solid #8c6a48; /* Added border for consistency */
}
#text2 {
  /* The JsBarcode library will style the SVG directly */
  line-height: 1;
  transform: scale(0.9); /* Scale down barcode slightly to fit */
}

/* --- Old Copy Button (#container3) --- */
#container3 {
  display: none; /* Hide the old button */
}