/* IT Deals Smart Search — inherits the theme's fonts and colours (currentColor, inherit). */

/* itdealsg dropdown note (sits inside the theme's "Top products" column). */
.itdss-sp-note { margin: 4px 0 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0, 0, 0, .04); font-size: 13px; line-height: 1.4; }
.itdss-sp-note p { margin: 0; }
.itdss-sp-note p + p { margin-top: 4px; }
.itdss-sp-note__lead { opacity: .7; }

/* itdealsg listing banner additions. */
.itdss-banner-msgs { margin: -4px 0 12px; }
.itdss-banner-msgs .itdss-banner-msg { margin: 4px 0 0; }

/* Standalone: banner above results. */
.itdss-banner { margin: 0 0 1.5em; padding: .75em 1em; border: 1px solid rgba(0, 0, 0, .12); border-radius: 8px; font-size: .95em; }
.itdss-banner__msg { margin: .4em 0 0; }
.itdss-chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 10px; border-radius: 999px; background: rgba(0, 0, 0, .06); font-size: .9em; }

/* Standalone: dropdown under the theme's search input. */
.itdss-host { position: relative; }
.itdss-dd { position: absolute; z-index: 9999; top: 100%; left: 0; right: 0; min-width: 280px; max-height: 70vh; overflow: auto; margin-top: 4px; padding: 8px; background: #fff; color: #111; border: 1px solid rgba(0, 0, 0, .15); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); font-size: 14px; text-align: left; }
.itdss-dd[hidden] { display: none; }
.itdss-dd p { margin: 4px 6px; }
.itdss-dd__summary, .itdss-dd__msg { font-size: 13px; }
.itdss-dd__label { font-weight: 600; font-size: 12px; text-transform: uppercase; opacity: .65; }
.itdss-dd__item, .itdss-dd__all { display: flex; gap: 10px; align-items: center; padding: 6px; border-radius: 6px; color: inherit; text-decoration: none; }
.itdss-dd__item img { width: 44px; height: 44px; object-fit: contain; flex: none; }
.itdss-dd__info { display: flex; flex-direction: column; min-width: 0; }
.itdss-dd__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.itdss-dd__price { font-weight: 600; }
.itdss-dd__all { justify-content: center; font-weight: 600; border-top: 1px solid rgba(0, 0, 0, .08); margin-top: 4px; border-radius: 0; }
.itdss-dd [role="option"]:hover, .itdss-dd [role="option"].is-active { background: rgba(0, 0, 0, .06); outline: none; }
@media (max-width: 600px) {
	.itdss-dd { left: 0; right: 0; min-width: 0; max-height: 60vh; }
}
@media (prefers-reduced-motion: no-preference) { .itdss-dd { transition: opacity .12s; } }