/* =========================================================================
   Post Card — Category Label Styling (RESTORED FEATURE)
   Only loaded/active while body has .gzfc-card-cat-enabled — see
   inc/post-card-category-style.php. Targets the three category-label
   elements that already exist in every card design's markup:
     .gzf-card-cat        (framework base link)
     .gzfc-card-info-cat  (poster/overlay/neon "category · size" row)
     .gzfc-card-ribbon    (Ribbon Badge design)
   ========================================================================= */

body.gzfc-card-cat-enabled .gzf-card-cat,
body.gzfc-card-cat-enabled .gzfc-card-info-cat,
body.gzfc-card-cat-enabled .gzfc-card-ribbon {
	font-size: var(--gzfc-card-cat-font-size, 11px);
	color: var(--gzfc-card-cat-text, #fff);
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

/* Plain Text — no background, just colored text (framework default shape kept). */
body.gzfc-card-cat-style-text .gzf-card-cat,
body.gzfc-card-cat-style-text .gzfc-card-info-cat,
body.gzfc-card-cat-style-text .gzfc-card-ribbon {
	background: transparent;
	border: 0;
	padding: 0;
}

/* Rounded Badge — solid background pill. */
body.gzfc-card-cat-style-badge .gzf-card-cat,
body.gzfc-card-cat-style-badge .gzfc-card-ribbon {
	display: inline-block;
	background: var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	border-radius: var(--gzfc-card-cat-radius, 4px);
	padding: 3px 9px;
	font-weight: 600;
}
body.gzfc-card-cat-style-badge .gzfc-card-info-cat {
	display: inline-block;
	background: var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	border-radius: var(--gzfc-card-cat-radius, 4px);
	padding: 2px 8px;
	font-weight: 600;
}

/* Outlined Chip — bordered, transparent background. */
body.gzfc-card-cat-style-outline .gzf-card-cat,
body.gzfc-card-cat-style-outline .gzfc-card-ribbon,
body.gzfc-card-cat-style-outline .gzfc-card-info-cat {
	display: inline-block;
	background: transparent;
	border: 1px solid var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	border-radius: var(--gzfc-card-cat-radius, 4px);
	padding: 2px 8px;
	font-weight: 600;
}

/* Hover — all styles. */
body.gzfc-card-cat-enabled .gzf-card-cat:hover {
	color: var(--gzfc-card-cat-hover, #ff4d1c);
}

/* Gradient Badge — diagonal gradient pill between Background and Hover Color. */
body.gzfc-card-cat-style-gradient .gzf-card-cat,
body.gzfc-card-cat-style-gradient .gzfc-card-ribbon,
body.gzfc-card-cat-style-gradient .gzfc-card-info-cat {
	display: inline-block;
	background: linear-gradient(135deg, var(--gzfc-card-cat-bg, #ff4d1c), var(--gzfc-card-cat-hover, #ff8a3d));
	border-radius: var(--gzfc-card-cat-radius, 4px);
	padding: 3px 9px;
	font-weight: 600;
	color: var(--gzfc-card-cat-text, #fff);
}
body.gzfc-card-cat-style-gradient .gzf-card-cat:hover {
	filter: brightness(1.1);
	color: var(--gzfc-card-cat-text, #fff);
}

/* Glow Chip — outlined, with a soft colored glow around it. */
body.gzfc-card-cat-style-glow .gzf-card-cat,
body.gzfc-card-cat-style-glow .gzfc-card-ribbon,
body.gzfc-card-cat-style-glow .gzfc-card-info-cat {
	display: inline-block;
	background: rgba(0, 0, 0, .25);
	border: 1px solid var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	border-radius: var(--gzfc-card-cat-radius, 4px);
	padding: 2px 8px;
	font-weight: 600;
	box-shadow: 0 0 8px var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
}
body.gzfc-card-cat-style-glow .gzf-card-cat:hover {
	box-shadow: 0 0 14px var(--gzfc-card-cat-hover, #ff4d1c);
	border-color: var(--gzfc-card-cat-hover, #ff4d1c);
}

/* Underline — plain text, accent line grows in under it on hover. */
body.gzfc-card-cat-style-underline .gzf-card-cat,
body.gzfc-card-cat-style-underline .gzfc-card-ribbon,
body.gzfc-card-cat-style-underline .gzfc-card-info-cat {
	position: relative;
	display: inline-block;
	background: transparent;
	border: 0;
	padding: 0 0 2px;
}
body.gzfc-card-cat-style-underline .gzf-card-cat::after,
body.gzfc-card-cat-style-underline .gzfc-card-ribbon::after,
body.gzfc-card-cat-style-underline .gzfc-card-info-cat::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	background: var(--gzfc-card-cat-hover, #ff4d1c);
	transition: width .25s ease;
}
body.gzfc-card-cat-style-underline .gzf-card-cat:hover::after,
body.gzfc-card-cat-style-underline .gzfc-card-ribbon:hover::after,
body.gzfc-card-cat-style-underline .gzfc-card-info-cat:hover::after {
	width: 100%;
}

/* Neon Sign — bold, spaced-out uppercase text with a glowing outline, no background. */
body.gzfc-card-cat-style-neon .gzf-card-cat,
body.gzfc-card-cat-style-neon .gzfc-card-ribbon,
body.gzfc-card-cat-style-neon .gzfc-card-info-cat {
	background: transparent;
	border: 0;
	padding: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--gzfc-card-cat-bg, #ff4d1c);
	text-shadow:
		0 0 4px var(--gzfc-card-cat-bg, #ff4d1c),
		0 0 10px var(--gzfc-card-cat-bg, #ff4d1c);
}
body.gzfc-card-cat-style-neon .gzf-card-cat:hover {
	color: var(--gzfc-card-cat-hover, #ff4d1c);
	text-shadow:
		0 0 6px var(--gzfc-card-cat-hover, #ff4d1c),
		0 0 16px var(--gzfc-card-cat-hover, #ff4d1c);
}

/* Image Corner Badge — lifts the category label out of the info row and
   pins it on top of the artwork's top-left corner instead, like a tag
   sitting over the image (same corner the framework's own badges use).
   Relies on .gzf-card already being position:relative (it must be, for
   the framework's own absolutely-positioned Like button to work), so no
   new wrapper/markup is needed — just an absolute position on the label
   itself. Left out of .gzfc-card-ribbon on purpose: the Ribbon Badge
   design already places its own category ribbon over the artwork, so
   this style only affects the two non-ribbon label elements. */
body.gzfc-card-cat-style-corner .gzf-card-cat,
body.gzfc-card-cat-style-corner .gzfc-card-info-cat {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 5;
	display: inline-block;
	background: var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	border-radius: var(--gzfc-card-cat-radius, 4px);
	padding: 3px 9px;
	font-weight: 600;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}
body.gzfc-card-cat-style-corner .gzf-card-cat:hover {
	background: var(--gzfc-card-cat-hover, #ff4d1c);
}
/* Compact layout keeps other corner badges/pills hidden (see
   card-designs.css) to stay readable at small sizes — do the same here. */
body.gzfc-card-cat-style-corner .gzf-card--compact .gzf-card-cat,
body.gzfc-card-cat-style-corner .gzf-card--compact .gzfc-card-info-cat {
	display: none;
}

/* Ribbon Badge design already shows its own diagonal category ribbon over
   the artwork (.gzfc-card-ribbon, always rendered for this design) — the
   plain "category · size" info row's .gzfc-card-info-cat is hidden here so
   Corner style never doubles it up as a second badge in the same corner. */
body.gzfc-card-cat-style-corner .gzf-card-design--ribbon .gzfc-card-info-cat {
	display: none;
}

/* Category label drawn on the artwork (.gzfc-card-cat-tag — see
   gzfc_card_cat_on_image() in inc/card-designs.php). It is only rendered
   while this feature is off (default diagonal ribbon) or "Image Corner
   Badge" is selected; in the latter case it takes the Customizer's Text
   Color, Background Color, Font Size and Corner Radius as a small tag. */
body.gzfc-card-cat-style-corner .gzfc-card-cat-tag {
	top: 12px;
	left: 12px;
	padding: 3px 9px;
	border-radius: var(--gzfc-card-cat-radius, 4px);
	background: var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	color: var(--gzfc-card-cat-text, #fff);
	font-size: var(--gzfc-card-cat-font-size, 11px);
	font-weight: 600;
	letter-spacing: 0;
}

/* Diagonal Corner Ribbon style: keeps the angled shape; only the colors and
   font size come from the Customizer. */
body.gzfc-card-cat-style-ribbon .gzfc-card-cat-tag {
	background: var(--gzfc-card-cat-bg, rgba(255,77,28,.9));
	color: var(--gzfc-card-cat-text, #fff);
	font-size: var(--gzfc-card-cat-font-size, 11px);
}

/* Hidden style: no category label anywhere on the cards. */
body.gzfc-card-cat-style-hidden .gzf-card-cat,
body.gzfc-card-cat-style-hidden .gzfc-card-info-cat,
body.gzfc-card-cat-style-hidden .gzfc-card-info-sep,
body.gzfc-card-cat-style-hidden .gzfc-card-ribbon {
	display: none;
}