/*
 * Search (child theme search.php and the header box's live suggestions). Results use the WP Coupon listing cards; these rules add
 * the section headings, fit pictures into the card's picture box and draw the orange button (blue in the Kube.promo coupon-pages look).
 */

/* Section headings: Events (2), Course providers (1), … */
.kpc-search-main .kpc-search-heading { margin: 26px 0 14px; font-size: 22px; line-height: 1.3; font-weight: 700; color: #222; }
.kpc-search-main .kpc-search-section:first-child .kpc-search-heading { margin-top: 0; }

/* Pictures fill the card's picture box: event images are cropped to fill it, logos are shown whole. */
.kpc-search-card .store-thumb-link .store-thumb { display: flex; align-items: center; justify-content: center; overflow: hidden; aspect-ratio: 3 / 2; height: auto; }
.kpc-search-card .store-thumb-link .store-thumb img { width: 100%; height: 100%; object-fit: contain; }
.kpc-search-event .kpc-search-card .store-thumb-link .store-thumb img { object-fit: cover; }

/* The one line of detail (event date and place, provider description) stays visible on phones, where the theme hides coupon descriptions. */
@media screen and (max-width: 500px) { .kpc-search-card .latest-coupon .coupon-des { display: block; } }

/* The button on the right, the same orange as the coupons' Get Code button */
.kpc-search-card .coupon-detail { display: flex; align-items: center; }
.kpc-search-card .kpc-search-btn { display: block; width: 100%; padding: 12px 16px; border-radius: 2px; background: #ff9900; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: 1px; text-align: center; text-transform: uppercase; text-decoration: none; }
.kpc-search-card .kpc-search-btn:hover,
.kpc-search-card .kpc-search-btn:focus { background: #e68a00; color: #fff; }
body.kp-theme-page .kpc-search-card .kpc-search-btn { background: #0675ed; border-radius: 7px; }
body.kp-theme-page .kpc-search-card .kpc-search-btn:hover,
body.kp-theme-page .kpc-search-card .kpc-search-btn:focus { background: #0558b8; }

/* Live suggestions under the header search box: a small grey label after each title (Event, Course provider, Coupon, …) */
#header-search .results .kp-search-type { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 3px; background: #f1f3f5; color: #667085; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .3px; text-transform: uppercase; vertical-align: middle; }
/* Pictures in the live suggestions are shown whole inside the small picture box (the theme crops them to a fixed width). */
#header-search .results .result .image img { width: 100%; height: 100%; object-fit: contain; }