/* Culinary Ventures Group · consent UI, dressed in the site's own language.
   Option 1, "cast iron card": the ground the site opens and closes on, square
   corners, hairline rules, Ashcroft caps for every label and action, campari
   used once on the switch.

   The plugin draws its shape with inline styles and rewrites some of them from
   JavaScript, so every rule here carries !important. The switch reads the real
   checkbox rather than the inline colour, so it survives a toggle.
   bare.studio, 3 September 2026. */

/* ---- the card ---- */
#bare-cookie-prefs-panel,
#bare-cookie-banner {
  background: #071323 !important;
  color: #FFF9EB !important;
  border: 1px solid rgba(255, 249, 235, .16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 26px 24px 24px !important;
  max-width: min(360px, calc(100vw - 48px)) !important;
}
#bare-cookie-prefs-panel::after,
#bare-cookie-banner::after { content: ""; display: table; clear: both; }

/* ---- title and close ---- */
#bare-cookie-prefs-panel > div:first-child > span,
#bare-cookie-banner > div:first-child span {
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  letter-spacing: -.01em !important;
  color: #FFF9EB !important;
}
#bare-cp-close { color: rgba(255, 249, 235, .55) !important; }
#bare-cp-close:hover { color: #FFF9EB !important; }

/* ---- rows ---- */
#bare-cookie-prefs-panel > div:not(:first-child) {
  border-top: 1px solid rgba(255, 249, 235, .16) !important;
  padding: 14px 0 !important;
}
#bare-cookie-prefs-panel > div:nth-child(2) { border-top: 0 !important; }
#bare-cookie-prefs-panel > div > div > div:first-child {
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #FFF9EB !important;
  margin-bottom: 5px !important;
}
#bare-cookie-prefs-panel > div > div > div:last-child {
  color: rgba(255, 249, 235, .66) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}
#bare-cookie-prefs-panel > div:not(:first-child) > span {
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: rgba(255, 249, 235, .55) !important;
  margin-top: 4px !important;
}

/* ---- the switch: a hairline track, one campari dot ---- */
#bare-cookie-prefs-panel label {
  width: 34px !important;
  height: 14px !important;
  margin-top: 5px !important;
}
#bare-cookie-prefs-panel label > span[id$="-slider"] {
  background: transparent !important;
  border: 1px solid rgba(255, 249, 235, .45) !important;
  transition: border-color .2s !important;
}
#bare-cookie-prefs-panel label > input:checked ~ span[id$="-slider"] {
  border-color: #F66643 !important;
}
#bare-cookie-prefs-panel label > span[id$="-knob"] {
  top: 2px !important;
  left: 2px !important;
  right: auto !important;
  width: 8px !important;
  height: 8px !important;
  background: rgba(255, 249, 235, .55) !important;
  box-shadow: none !important;
  transition: left .2s, background .2s !important;
}
#bare-cookie-prefs-panel label > input:checked ~ span[id$="-knob"] {
  left: 22px !important;
  background: #F66643 !important;
}

/* ---- the foot: save left, policy right ---- */
#bare-cp-save {
  width: auto !important;
  float: left !important;
  margin-top: 20px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #FFF9EB !important;
  border-radius: 0 !important;
  padding: 0 0 .35em !important;
  color: #FFF9EB !important;
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  transition: opacity .3s ease !important;
}
#bare-cp-save:hover { opacity: .6 !important; }
#bare-cookie-prefs-panel > a {
  float: right !important;
  display: inline-block !important;
  margin-top: 22px !important;
  font-family: "Ashcroft", Georgia, serif !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: rgba(255, 249, 235, .5) !important;
}
#bare-cookie-prefs-panel > a:hover { color: #FFF9EB !important; }

/* ---- the banner, for when a GA4 id is added and consent is needed ---- */
#bare-cookie-banner p { color: rgba(255, 249, 235, .72) !important; }
#bare-cookie-banner p a { color: #FFF9EB !important; font-weight: 400 !important; }
#bare-cookie-banner img { border-radius: 0 !important; }
#bare-cc-accept {
  background: #FFF9EB !important;
  color: #071323 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 13px 20px !important;
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}
#bare-cc-reject {
  background: transparent !important;
  color: #FFF9EB !important;
  border: 1px solid rgba(255, 249, 235, .4) !important;
  border-radius: 0 !important;
  padding: 13px 18px !important;
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}
#bare-cc-custom {
  color: rgba(255, 249, 235, .6) !important;
  font-family: "Ashcroft", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

/* ---- the opener: a small cream disc, echoing the stamp ---- */
#bare-cookie-prefs {
  background: #FFF9EB !important;
  border: 1px solid rgba(7, 19, 35, .2) !important;
  box-shadow: none !important;
  opacity: .92 !important;
}
#bare-cookie-prefs svg { stroke: #071323 !important; }