/**
 * ============================================================================
 * SEARCH POPUP RADIUS - ROUNDED CORNERS FOR SEARCH MODAL
 * ============================================================================
 * Border-radius styling for search popup components.
 * ============================================================================
 */

/* ========================================================================== */
/* MODAL CONTAINER - ROUNDED CORNERS */
/* ========================================================================== */
.search-popup__container {
  border-radius: 12px; /* Rounded modal corners */
}

/* SEARCH INPUT - ROUNDED CORNERS */
.search-popup__input {
  border-radius: 8px; /* Rounded input corners */
}

/* SEARCH BUTTON - ROUNDED CORNERS */
.search-popup__search-btn {
  border-radius: 8px; /* Rounded button corners */
}

/* CATEGORY ITEM - ROUNDED CORNERS */
.search-popup__category-item {
  border-radius: 8px; /* Rounded category corners */
}

/* RESULT ITEM - ROUNDED CORNERS */
.search-popup__result-item {
  border-radius: 8px; /* Rounded result corners */
}