/* ═══════════════════════════════════════════════
   stickers_belgrade — site styles
   Reference: eshop-stickers.com (D6 live site)
   ═══════════════════════════════════════════════ */

/* ── Override Belgrade CSS variables ── */
:root {
  --beo-primary:        #FAB624;
  --beo-primary-rgb:    250, 182, 36;
  --beo-body-bg:        #FAB624;
  --beo-link-color:     #003399;
  --beo-link-hover-color: #001f80;
}

/* ── White content area, centered ── */
main {
  background: #ffffff;
  max-width: 1000px;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

/* ── Header: keep yellow ── */
header {
  background: #FAB624;
  padding: 0.5rem 0;
}

/* ── Navigation bar: dark like D6 ── */
nav.navigation {
  background: #222222;
}
nav.navigation a {
  color: #ffffff !important;
}
nav.navigation a:hover {
  color: #FAB624 !important;
  text-decoration: none;
}

/* ── Hide the "Price" field label ── */
.field--name-variation-price .field__label {
  display: none;
}

/* ── Price value ── */
.field--name-variation-price .field__item {
  font-size: 1.5rem;
  font-weight: 700;
  color: #003399;
}

/* ── Add to cart button: yellow like D6 ── */
.button--add-to-cart {
  background-color: #FAB624 !important;
  border-color:     #FAB624 !important;
  color:            #222222 !important;
  font-weight:      bold;
}
.button--add-to-cart:hover {
  background-color: #d99200 !important;
  border-color:     #d99200 !important;
}