/* ==========================================================================
   ChapChap — Jiji-style flat tile treatment for category & subcategory icons
   ==========================================================================
   The parent Classiera theme renders category icons across ~10 different
   "catstyle" homepage templates, the submit-ad / edit-ad category picker,
   the dropdown menu, ad card tags, etc. -- and it is NOT consistent about
   how it marks them up: sometimes `style="color:#hex"` sits on the <i>
   itself, sometimes on a wrapping <span>, sometimes it's not set at all.
   Matching only on that inline style (an earlier version of this file did)
   silently skipped roughly half of all category icons on the site.

   So instead this matches on the icon's Font Awesome class directly: the
   ~109 fa- classes chapchap-category-icons.php assigns are only ever used
   for category icons, so listing them explicitly is a safe, precise,
   site-wide selector that works no matter which template renders it and
   needs no parent-theme template edits.

   Jiji.co.ke's own icon graphics are their property, so instead of copying
   their image files this recreates their actual TILE (a neutral light
   square with a single centered icon, no gradient/glow) using the vector
   icon already wired in site-wide -- see chapchap-emoji-category-icons.php
   / .js for the follow-up step that upgrades the glyph itself to a full
   color Twemoji graphic. Zero extra image weight for the tile itself,
   nothing to lazy-load for it — it paints instantly on every page.
   ========================================================================== */

i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6em;
	height: 2.6em;
	border-radius: 30%;
	background-color: #EEF2F6;
	box-shadow: 0 2px 5px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	overflow: hidden;
	font-size: 1.05em;
	line-height: 1;
	transition: transform 0.18s ease, background-color 0.18s ease;
	will-change: transform;
}

/* Gentle "lift" on hover, wherever the icon sits inside a link/list item.
   Uses a flat neutral hover shade rather than a per-category tint, since
   the category's accent color isn't reliably available on the <i> itself
   in every template (see note above). */
a:hover > i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse),
li:hover i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
	transform: translateY(-2px) scale(1.05);
	background-color: #E3E9F0;
}

/* Once chapchap-emoji-category-icons.js swaps the glyph for a Twemoji
   image (see that file), hide the Font Awesome glyph completely and size
   the image to sit centered inside the same tile, at roughly Jiji's own
   icon-to-tile proportion. */
i.chapchap-has-emoji::before {
	content: none !important;
}

i.chapchap-has-emoji {
	padding: 0;
}

img.chapchap-emoji-img {
	width: 62%;
	height: 62%;
	object-fit: contain;
	display: block;
	pointer-events: none;
}

/* ---- Sizing per context so every placement stays well-proportioned ---- */

/* Homepage / archive category grids (category-v1 .. category-v7) — the
   biggest, most visible tiles, sized like the reference image */
:is(.category-v1, .category-v2, .category-v3, .category-v4, .category-v5, .category-v6, .category-v7) i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
	width: 64px;
	height: 64px;
	font-size: 26px;
	border-radius: 20px;
}

/* Submit-ad / edit-ad 3-level category picker — medium tiles */
:is(.classiera-post-main-cat, .classiera-post-sub-cat, .classiera_third_level_cat) i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
	width: 44px;
	height: 44px;
	font-size: 18px;
	border-radius: 14px;
}

/* Category dropdown menu / ad card category tags — compact, inline-friendly */
:is(.dropdown-menu, .cat-tag, .category-tag, .listing-cat, .classiera-single-tag) i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
	width: 28px;
	height: 28px;
	font-size: 13px;
	border-radius: 9px;
	margin-right: 6px;
}

/* Any other placement not covered above falls back to the base 2.6em size
   set at the top of this file (≈40px at the theme's default font size) */

@media (max-width: 767px) {
	:is(.category-v1, .category-v2, .category-v3, .category-v4, .category-v5, .category-v6, .category-v7) i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
		width: 48px;
		height: 48px;
		font-size: 20px;
		border-radius: 16px;
	}
}

/* Respect users who've asked for reduced motion */
@media (prefers-reduced-motion: reduce) {
	i:is(.fa-address-card, .fa-baby, .fa-baby-carriage, .fa-balance-scale, .fa-battery-full, .fa-bicycle, .fa-blender, .fa-bolt, .fa-bone, .fa-book, .fa-box, .fa-briefcase, .fa-briefcase-medical, .fa-broom, .fa-building, .fa-bullhorn, .fa-bus, .fa-calculator, .fa-calendar-days, .fa-camera, .fa-camera-retro, .fa-car, .fa-car-side, .fa-carrot, .fa-cat, .fa-chalkboard-teacher, .fa-child, .fa-circle-dot, .fa-city, .fa-clock, .fa-cogs, .fa-compact-disc, .fa-concierge-bell, .fa-couch, .fa-cubes, .fa-desktop, .fa-dog, .fa-dove, .fa-drafting-compass, .fa-drumstick-bite, .fa-dumbbell, .fa-ellipsis, .fa-faucet, .fa-file-alt, .fa-film, .fa-fire, .fa-futbol, .fa-gamepad, .fa-gem, .fa-guitar, .fa-hands-helping, .fa-hard-hat, .fa-headphones, .fa-heartbeat, .fa-horse, .fa-house, .fa-id-card, .fa-industry, .fa-laptop, .fa-laptop-code, .fa-leaf, .fa-lightbulb, .fa-map, .fa-microchip, .fa-mobile-alt, .fa-motorcycle, .fa-mouse, .fa-paint-roller, .fa-palette, .fa-paw, .fa-pencil-ruler, .fa-plug, .fa-print, .fa-pump-soap, .fa-puzzle-piece, .fa-sack-dollar, .fa-satellite, .fa-scissors, .fa-screwdriver-wrench, .fa-seedling, .fa-shield-alt, .fa-ship, .fa-shoe-prints, .fa-shopping-bag, .fa-solar-panel, .fa-spa, .fa-spray-can, .fa-spray-can-sparkles, .fa-stopwatch, .fa-tablet-alt, .fa-tag, .fa-ticket, .fa-toolbox, .fa-tractor, .fa-truck, .fa-truck-moving, .fa-tshirt, .fa-tv, .fa-umbrella, .fa-umbrella-beach, .fa-user-graduate, .fa-user-tie, .fa-utensils, .fa-video, .fa-volume-up, .fa-warehouse, .fa-water, .fa-wifi, .fa-wrench, .fa-truck-pickup, .fa-van-shuttle, .fa-wheel, .fa-car-battery, .fa-map-pin, .fa-hotel, .fa-smartwatch, .fa-hammer, .fa-cow, .fa-fish, .fa-parrot, .fa-rabbit, .fa-cart-shopping, .fa-handbag, .fa-makeup, .fa-perfume, .fa-bed, .fa-chair, .fa-wardrobe, .fa-fridge, .fa-washing-machine, .fa-wind, .fa-basketball, .fa-tennis, .fa-campground, .fa-teddy-bear, .fa-saw, .fa-ladder, .fa-diaper, .fa-ruler, .fa-pizza-slice, .fa-burger, .fa-mug-hot, .fa-ice-cream, .fa-cake-candles, .fa-hospital, .fa-user-doctor, .fa-tooth, .fa-pills, .fa-ambulance, .fa-vial, .fa-brain, .fa-plane-departure, .fa-train, .fa-suitcase-rolling, .fa-tent, .fa-wheat-awn, .fa-sheep, .fa-jar, .fa-school, .fa-graduation-cap, .fa-chalkboard, .fa-rings-wedding, .fa-music, .fa-microphone, .fa-building-columns, .fa-credit-card, .fa-chart-line, .fa-file-invoice-dollar, .fa-radio, .fa-newspaper, .fa-magnifying-glass, .fa-swatchbook, .fa-boxes-packing, .fa-headset, .fa-keyboard, .fa-computer-mouse) {
		transition: none;
	}
}


/* ==========================================================================
   Custom photo-style icons — real artwork the site owner supplied (cropped
   from their uploaded icon sheet), overriding the Font-Awesome/Twemoji icon
   for ~15 specific categories. See chapchap_resolve_category_image_key() in
   chapchap-category-icons.php for how a term gets one of these classes.
   Sized to exactly match the theme's standard icon tile size at every
   placement (homepage grids, submit/edit-ad picker, search, dropdowns,
   tags). Icons are transparent WebP cutouts (background removed), sized
   to fill the tile completely so there is no gap between the image edge
   and the tile's own background color -- eliminates any possibility of
   a visible "boundary" between the two, at the cost of the object sitting
   slightly closer to the tile's rounded edges.
   ========================================================================== */

[class*="chapchap-img-"] {
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* These already have a real photo, so hide the Font Awesome glyph behind
   them (chapchap-emoji-category-icons.js also skips these entirely, see
   that file, so there's no Twemoji image to worry about either) */
[class*="chapchap-img-"]::before {
	content: none !important;
}

/* The 15 .chapchap-img-{key} { background-image: url(...) } rules are
   injected as an inline <style> in <head> instead of here -- see
   chapchap_output_custom_category_image_css() in
   chapchap-category-icons.php. Reason: this file can end up served from
   a different URL than the theme folder (CSS combine/minify caching
   plugins do this routinely), which breaks a *relative* url() path like
   "images/category-icons/vehicles.jpg". An inline block always uses an
   absolute URL built with get_stylesheet_directory_uri(), so it can't be
   broken that way. */

/* ==========================================================================
   Neutralize a colored box that can appear over a category tile after
   tapping it on mobile (e.g. solid red covering the whole card). It moves
   to whichever tile was tapped most recently across different screenshots,
   which means it's a lingering :focus/:active style -- mobile Chrome keeps
   a link's focus/active state visually "stuck" until something else is
   tapped, unlike desktop where hover fades immediately. Not something
   these icon files draw; this just neutralizes the background color on
   those states for category tiles specifically.
   ========================================================================== */
.category-box, .category-box a, .category-box *,
.category-icon-box, .category-icon-box *,
.classiera-post-main-cat a, .classiera-post-sub-cat a, .classiera_third_level_cat a {
	-webkit-tap-highlight-color: transparent;
}
.category-box:focus, .category-box:active, .category-box:visited,
.category-box a:focus, .category-box a:active, .category-box a:visited,
.category-box:focus-within {
	background: transparent !important;
	background-color: transparent !important;
}