/* age-gate.css — self-contained BACARDÍ age verification overlay.
   Scroll is locked ONLY while the gate is shown (html.age-gate-active), and the
   gate always dismisses, so it can't recreate the blank-page/scroll-lock issue
   that the original theme age-gate caused. */
html.age-gate-active { overflow: hidden !important; height: auto !important; }

#bacardi-age-gate {
  position: fixed; inset: 0; z-index: 2147483000;
  display: flex; align-items: flex-start; justify-content: center;
  overflow-y: auto; padding: 40px 16px 60px; text-align: center;
  background: #244b52; /* fallback beneath the cover image */
  font-family: 'GrotesqueMTStd', 'Barlow', sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* blurred cover image, like the live age gate */
#bacardi-age-gate::before {
  content: ''; position: absolute; inset: 0; z-index: -2;
  background: url('/cdn/wp-content/uploads/sites/29/2020/08/04140725/bacardi-uk-age-gate-image-cover-desktop.jpg') center center / cover no-repeat;
  filter: blur(7px);
  transform: scale(1.08); /* hides the soft blurred edges */
}
/* dark teal fade over the image */
#bacardi-age-gate::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: rgba(28, 60, 66, 0.6);
}
#bacardi-age-gate .ag-inner { width: 100%; max-width: 640px; }
#bacardi-age-gate .ag-top {
  color: #fff; font-weight: 700; text-transform: uppercase;
  font-size: 20px; line-height: 1.12; letter-spacing: .03em; margin: 6px auto 44px; max-width: 30rem;
}
#bacardi-age-gate .ag-card {
  position: relative; background: #f6f1e8; color: #1a1818;
  padding: 66px 26px 34px; border: 2px solid #d7c79a; box-shadow: 0 18px 60px rgba(0,0,0,.45);
}
#bacardi-age-gate .ag-badge { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); width: 92px; height: 92px; }
#bacardi-age-gate .ag-tagline { color: #c10020; font-weight: 700; text-transform: uppercase; letter-spacing: .22em; font-size: 15px; margin: 0 0 14px; }
#bacardi-age-gate .ag-ornament { display: block; height: 16px; margin: 0 auto 16px; }
#bacardi-age-gate h1 {
  font-family: 'GrotesqueMTStd-Extended','GrotesqueMTStd',sans-serif;
  font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  font-size: 42px; line-height: .98; margin: 0 0 22px; color: #1a1818;
}
#bacardi-age-gate label { display: block; font-weight: 700; font-size: 18px; margin-bottom: 4px; color: #333; }
#bacardi-age-gate input {
  width: 100%; max-width: 320px; border: 0; background: transparent; text-align: center;
  font-family: 'GrotesqueMTStd-Extended','GrotesqueMTStd',sans-serif;
  font-size: 58px; line-height: 1.1; letter-spacing: .12em; color: #555; outline: none;
}
#bacardi-age-gate input::placeholder { color: #c3bcae; }
#bacardi-age-gate .ag-privacy { font-size: 15px; margin: 12px 0 6px; line-height: 1.3; color: #333; }
#bacardi-age-gate a { color: #1a1818; font-weight: 700; text-decoration: underline; }
#bacardi-age-gate .ag-error { color: #c10020; font-weight: 700; margin: 8px 0 0; display: none; }
#bacardi-age-gate button {
  margin-top: 14px; min-width: 260px; padding: 16px 26px; border: 0; cursor: pointer;
  background: #df6f83; color: #fff; font-weight: 700; text-transform: uppercase;
  letter-spacing: .2em; font-size: 14px; transition: background .2s;
}
#bacardi-age-gate button:hover { background: #c10020; }
#bacardi-age-gate .ag-foot { color: #fff; margin-top: 22px; font-size: 13px; line-height: 1.45; }
#bacardi-age-gate .ag-foot a { color: #fff; }
#bacardi-age-gate .ag-foot .ag-drink { font-weight: 700; text-transform: uppercase; margin-top: 16px; font-size: 15px; }
@media (max-width: 600px) {
  #bacardi-age-gate h1 { font-size: 32px; }
  #bacardi-age-gate input { font-size: 46px; }
  #bacardi-age-gate .ag-top { font-size: 17px; }
}