/* =====================================================================
   Home Page — Card Background Panel
   -----------------------------------------------------------------------
   Settings: Appearance > Customize > Game Cards > Card Background Panel
   (inc/card-panel.php). Loaded only on the Home Page and only while the
   panel is switched on; <body> then carries .gzfc-card-panel and the two
   variables below are printed by PHP:

     --gzfc-card-panel-bg    final rgba() (colour + lighten/darken + opacity)
     --gzfc-card-panel-size  how far the panel extends around each card

   HOW IT STAYS OUT OF THE CARD'S WAY
   The panel is the card's OUTLINE. An outline is painted outside the
   card's border box and takes up no space, so it:
     - does not change the card's size, position or the grid layout,
     - is not clipped by the card's own overflow / rounded corners,
     - does not touch the card's background, image, box-shadow, hover
       lift/glow, badges, Like button or ::after glow, and
     - follows the card's rounded corners and moves with it on hover.

   Scope: the main Home Page grid only (#gzf-post-grid). The Feature
   Slider, Hero, Latest Releases strip, sidebar and footer are not
   matched by this selector.
   ===================================================================== */

body.gzfc-card-panel #gzf-post-grid .gzf-card {
	outline: var(--gzfc-card-panel-size, 8px) solid var(--gzfc-card-panel-bg, rgba(140, 140, 153, .14));
	outline-offset: 0;
}