/* =====================================================================
   SKIN: Fruit or vegetable?  -  a market stall
   Striped awning, kraft paper and a chalkboard for the question.
   Hand-written; tools/build-routes.js links it from this folder's
   index.html but never overwrites it. Loaded after css/style.css.
   ===================================================================== */

body.game--fruit-or-vegetable {
  --paper: #F3E4C6;    /* kraft paper */
  --paper-2: #E7D2A8;
  --white: #FFF9EE;
  --coral: #E2453C;    /* tomato */
  --sun: #F6C945;      /* lemon */
  --mint: #6DBE5A;     /* lettuce */
  --sky: #9B6BC3;      /* aubergine, lightened so dark text stays readable */
  --accent: #E2453C;
  --board: #2F4A3B;
  --chalk: #FBF8EF;
  --font-chalk: 'Chalkboard SE', 'Chalkboard', 'Marker Felt', 'Segoe Print', 'Bradley Hand', var(--font-display);

  /* awning stripes across the top, then kraft paper */
  background-color: var(--paper);
  background-image:
    repeating-linear-gradient(90deg, var(--coral) 0 34px, var(--white) 34px 68px),
    radial-gradient(rgba(120, 80, 30, .08) 1px, transparent 1.5px);
  background-size: 100% 18px, 7px 7px;
  background-repeat: no-repeat, repeat;
}
body.game--fruit-or-vegetable .bg-dots { display: none; }
body.game--fruit-or-vegetable .topbar { margin-top: 18px; }

/* question card: a chalkboard sign */
body.game--fruit-or-vegetable .polaroid--text { background: #8A5A2B; }   /* wooden frame */
body.game--fruit-or-vegetable .polaroid__text {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(255,255,255,.07), transparent 55%),
    radial-gradient(ellipse at 75% 80%, rgba(255,255,255,.05), transparent 50%),
    var(--board);
}
body.game--fruit-or-vegetable .polaroid__text .question {
  font-family: var(--font-chalk);
  color: var(--chalk);
  text-shadow: 0 0 2px rgba(255, 255, 255, .35);
}
body.game--fruit-or-vegetable .polaroid--text .polaroid__caption { color: var(--white); }
body.game--fruit-or-vegetable .polaroid__icon { filter: none; }

/* picture rounds: a price-tag look for the frame */
body.game--fruit-or-vegetable .polaroid:not(.polaroid--text) { border-radius: 4px 4px 18px 18px; }

/* answer buttons: tomato, lettuce, lemon, aubergine */
body.game--fruit-or-vegetable .answer--0 { --c: var(--coral); }
body.game--fruit-or-vegetable .answer--1 { --c: var(--mint); }
body.game--fruit-or-vegetable .answer--2 { --c: var(--sun); }
body.game--fruit-or-vegetable .answer--3 { --c: var(--sky); }

/* "Round N" splash: gingham tablecloth */
body.game--fruit-or-vegetable .splash {
  background-color: var(--white);
  background-image:
    repeating-linear-gradient(0deg, rgba(226, 69, 60, .45) 0 30px, transparent 30px 60px),
    repeating-linear-gradient(90deg, rgba(226, 69, 60, .45) 0 30px, transparent 30px 60px);
}

/* the text below the game */
body.game--fruit-or-vegetable .legal h1 { color: var(--coral); }
body.game--fruit-or-vegetable .answers-list .a b { background: var(--mint); }